@import url(https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i,500,600&display=swap);
.materialize-red {
    background-color: #e51c23 !important;
}
.materialize-red-text {
    color: #e51c23 !important;
}
.materialize-red.lighten-5 {
    background-color: #fdeaeb !important;
}
.materialize-red-text.text-lighten-5 {
    color: #fdeaeb !important;
}
.materialize-red.lighten-4 {
    background-color: #f8c1c3 !important;
}
.materialize-red-text.text-lighten-4 {
    color: #f8c1c3 !important;
}
.materialize-red.lighten-3 {
    background-color: #f3989b !important;
}
.materialize-red-text.text-lighten-3 {
    color: #f3989b !important;
}
.materialize-red.lighten-2 {
    background-color: #ee6e73 !important;
}
.materialize-red-text.text-lighten-2 {
    color: #ee6e73 !important;
}
.materialize-red.lighten-1 {
    background-color: #ea454b !important;
}
.materialize-red-text.text-lighten-1 {
    color: #ea454b !important;
}
.materialize-red.darken-1 {
    background-color: #d0181e !important;
}
.materialize-red-text.text-darken-1 {
    color: #d0181e !important;
}
.materialize-red.darken-2 {
    background-color: #b9151b !important;
}
.materialize-red-text.text-darken-2 {
    color: #b9151b !important;
}
.materialize-red.darken-3 {
    background-color: #a21318 !important;
}
.materialize-red-text.text-darken-3 {
    color: #a21318 !important;
}
.materialize-red.darken-4 {
    background-color: #8b1014 !important;
}
.materialize-red-text.text-darken-4 {
    color: #8b1014 !important;
}
.red {
    background-color: #f44336 !important;
}
.red-text {
    color: #f44336 !important;
}
.red.lighten-5 {
    background-color: #ffebee !important;
}
.red-text.text-lighten-5 {
    color: #ffebee !important;
}
.red.lighten-4 {
    background-color: #ffcdd2 !important;
}
.red-text.text-lighten-4 {
    color: #ffcdd2 !important;
}
.red.lighten-3 {
    background-color: #ef9a9a !important;
}
.red-text.text-lighten-3 {
    color: #ef9a9a !important;
}
.red.lighten-2 {
    background-color: #e57373 !important;
}
.red-text.text-lighten-2 {
    color: #e57373 !important;
}
.red.lighten-1 {
    background-color: #ef5350 !important;
}
.red-text.text-lighten-1 {
    color: #ef5350 !important;
}
.red.darken-1 {
    background-color: #e53935 !important;
}
.red-text.text-darken-1 {
    color: #e53935 !important;
}
.red.darken-2 {
    background-color: #d32f2f !important;
}
.red-text.text-darken-2 {
    color: #d32f2f !important;
}
.red.darken-3 {
    background-color: #c62828 !important;
}
.red-text.text-darken-3 {
    color: #c62828 !important;
}
.red.darken-4 {
    background-color: #b71c1c !important;
}
.red-text.text-darken-4 {
    color: #b71c1c !important;
}
.red.accent-1 {
    background-color: #ff8a80 !important;
}
.red-text.text-accent-1 {
    color: #ff8a80 !important;
}
.red.accent-2 {
    background-color: #ff5252 !important;
}
.red-text.text-accent-2 {
    color: #ff5252 !important;
}
.red.accent-3 {
    background-color: #ff1744 !important;
}
.red-text.text-accent-3 {
    color: #ff1744 !important;
}
.red.accent-4 {
    background-color: #d50000 !important;
}
.red-text.text-accent-4 {
    color: #d50000 !important;
}
.pink {
    background-color: #e91e63 !important;
}
.pink-text {
    color: #e91e63 !important;
}
.pink.lighten-5 {
    background-color: #fce4ec !important;
}
.pink-text.text-lighten-5 {
    color: #fce4ec !important;
}
.pink.lighten-4 {
    background-color: #f8bbd0 !important;
}
.pink-text.text-lighten-4 {
    color: #f8bbd0 !important;
}
.pink.lighten-3 {
    background-color: #f48fb1 !important;
}
.pink-text.text-lighten-3 {
    color: #f48fb1 !important;
}
.pink.lighten-2 {
    background-color: #f06292 !important;
}
.pink-text.text-lighten-2 {
    color: #f06292 !important;
}
.pink.lighten-1 {
    background-color: #ec407a !important;
}
.pink-text.text-lighten-1 {
    color: #ec407a !important;
}
.pink.darken-1 {
    background-color: #d81b60 !important;
}
.pink-text.text-darken-1 {
    color: #d81b60 !important;
}
.pink.darken-2 {
    background-color: #c2185b !important;
}
.pink-text.text-darken-2 {
    color: #c2185b !important;
}
.pink.darken-3 {
    background-color: #ad1457 !important;
}
.pink-text.text-darken-3 {
    color: #ad1457 !important;
}
.pink.darken-4 {
    background-color: #880e4f !important;
}
.pink-text.text-darken-4 {
    color: #880e4f !important;
}
.pink.accent-1 {
    background-color: #ff80ab !important;
}
.pink-text.text-accent-1 {
    color: #ff80ab !important;
}
.pink.accent-2 {
    background-color: #ff4081 !important;
}
.pink-text.text-accent-2 {
    color: #ff4081 !important;
}
.pink.accent-3 {
    background-color: #f50057 !important;
}
.pink-text.text-accent-3 {
    color: #f50057 !important;
}
.pink.accent-4 {
    background-color: #c51162 !important;
}
.pink-text.text-accent-4 {
    color: #c51162 !important;
}
.purple {
    background-color: #46a07c !important;
}
.purple-text {
    color: #46a07c !important;
}
.purple.lighten-5 {
    background-color: #f3e5f5 !important;
}
.purple-text.text-lighten-5 {
    color: #f3e5f5 !important;
}
.purple.lighten-4 {
    background-color: #e1bee7 !important;
}
.purple-text.text-lighten-4 {
    color: #e1bee7 !important;
}
.purple.lighten-3 {
    background-color: #ce93d8 !important;
}
.purple-text.text-lighten-3 {
    color: #ce93d8 !important;
}
.purple.lighten-2 {
    background-color: #ba68c8 !important;
}
.purple-text.text-lighten-2 {
    color: #ba68c8 !important;
}
.purple.lighten-1 {
    background-color: #ab47bc !important;
}
.purple-text.text-lighten-1 {
    color: #ab47bc !important;
}
.purple.darken-1 {
    background-color: #8e24aa !important;
}
.purple-text.text-darken-1 {
    color: #8e24aa !important;
}
.purple.darken-2 {
    background-color: #7b1fa2 !important;
}
.purple-text.text-darken-2 {
    color: #7b1fa2 !important;
}
.purple.darken-3 {
    background-color: #6a1b9a !important;
}
.purple-text.text-darken-3 {
    color: #6a1b9a !important;
}
.purple.darken-4 {
    background-color: #4a148c !important;
}
.purple-text.text-darken-4 {
    color: #4a148c !important;
}
.purple.accent-1 {
    background-color: #ea80fc !important;
}
.purple-text.text-accent-1 {
    color: #ea80fc !important;
}
.purple.accent-2 {
    background-color: #e040fb !important;
}
.purple-text.text-accent-2 {
    color: #e040fb !important;
}
.purple.accent-3 {
    background-color: #d500f9 !important;
}
.purple-text.text-accent-3 {
    color: #d500f9 !important;
}
.purple.accent-4 {
    background-color: #a0f !important;
}
.purple-text.text-accent-4 {
    color: #a0f !important;
}
.deep-purple {
    background-color: #673ab7 !important;
}
.deep-purple-text {
    color: #673ab7 !important;
}
.deep-purple.lighten-5 {
    background-color: #ede7f6 !important;
}
.deep-purple-text.text-lighten-5 {
    color: #ede7f6 !important;
}
.deep-purple.lighten-4 {
    background-color: #d1c4e9 !important;
}
.deep-purple-text.text-lighten-4 {
    color: #d1c4e9 !important;
}
.deep-purple.lighten-3 {
    background-color: #b39ddb !important;
}
.deep-purple-text.text-lighten-3 {
    color: #b39ddb !important;
}
.deep-purple.lighten-2 {
    background-color: #9575cd !important;
}
.deep-purple-text.text-lighten-2 {
    color: #9575cd !important;
}
.deep-purple.lighten-1 {
    background-color: #7e57c2 !important;
}
.deep-purple-text.text-lighten-1 {
    color: #7e57c2 !important;
}
.deep-purple.darken-1 {
    background-color: #5e35b1 !important;
}
.deep-purple-text.text-darken-1 {
    color: #5e35b1 !important;
}
.deep-purple.darken-2 {
    background-color: #512da8 !important;
}
.deep-purple-text.text-darken-2 {
    color: #512da8 !important;
}
.deep-purple.darken-3 {
    background-color: #4527a0 !important;
}
.deep-purple-text.text-darken-3 {
    color: #4527a0 !important;
}
.deep-purple.darken-4 {
    background-color: #311b92 !important;
}
.deep-purple-text.text-darken-4 {
    color: #311b92 !important;
}
.deep-purple.accent-1 {
    background-color: #b388ff !important;
}
.deep-purple-text.text-accent-1 {
    color: #b388ff !important;
}
.deep-purple.accent-2 {
    background-color: #7c4dff !important;
}
.deep-purple-text.text-accent-2 {
    color: #7c4dff !important;
}
.deep-purple.accent-3 {
    background-color: #651fff !important;
}
.deep-purple-text.text-accent-3 {
    color: #651fff !important;
}
.deep-purple.accent-4 {
    background-color: #6200ea !important;
}
.deep-purple-text.text-accent-4 {
    color: #6200ea !important;
}
.indigo {
    background-color: #3f51b5 !important;
}
.indigo-text {
    color: #3f51b5 !important;
}
.indigo.lighten-5 {
    background-color: #e8eaf6 !important;
}
.indigo-text.text-lighten-5 {
    color: #e8eaf6 !important;
}
.indigo.lighten-4 {
    background-color: #c5cae9 !important;
}
.indigo-text.text-lighten-4 {
    color: #c5cae9 !important;
}
.indigo.lighten-3 {
    background-color: #9fa8da !important;
}
.indigo-text.text-lighten-3 {
    color: #9fa8da !important;
}
.indigo.lighten-2 {
    background-color: #7986cb !important;
}
.indigo-text.text-lighten-2 {
    color: #7986cb !important;
}
.indigo.lighten-1 {
    background-color: #5c6bc0 !important;
}
.indigo-text.text-lighten-1 {
    color: #5c6bc0 !important;
}
.indigo.darken-1 {
    background-color: #3949ab !important;
}
.indigo-text.text-darken-1 {
    color: #3949ab !important;
}
.indigo.darken-2 {
    background-color: #303f9f !important;
}
.indigo-text.text-darken-2 {
    color: #303f9f !important;
}
.indigo.darken-3 {
    background-color: #283593 !important;
}
.indigo-text.text-darken-3 {
    color: #283593 !important;
}
.indigo.darken-4 {
    background-color: #1a237e !important;
}
.indigo-text.text-darken-4 {
    color: #1a237e !important;
}
.indigo.accent-1 {
    background-color: #8c9eff !important;
}
.indigo-text.text-accent-1 {
    color: #8c9eff !important;
}
.indigo.accent-2 {
    background-color: #536dfe !important;
}
.indigo-text.text-accent-2 {
    color: #536dfe !important;
}
.indigo.accent-3 {
    background-color: #3d5afe !important;
}
.indigo-text.text-accent-3 {
    color: #3d5afe !important;
}
.indigo.accent-4 {
    background-color: #304ffe !important;
}
.indigo-text.text-accent-4 {
    color: #304ffe !important;
}
.blue {
    background-color: #2196f3 !important;
}
.blue-text {
    color: #2196f3 !important;
}
.blue.lighten-5 {
    background-color: #e3f2fd !important;
}
.blue-text.text-lighten-5 {
    color: #e3f2fd !important;
}
.blue.lighten-4 {
    background-color: #bbdefb !important;
}
.blue-text.text-lighten-4 {
    color: #bbdefb !important;
}
.blue.lighten-3 {
    background-color: #90caf9 !important;
}
.blue-text.text-lighten-3 {
    color: #90caf9 !important;
}
.blue.lighten-2 {
    background-color: #64b5f6 !important;
}
.blue-text.text-lighten-2 {
    color: #64b5f6 !important;
}
.blue.lighten-1 {
    background-color: #42a5f5 !important;
}
.blue-text.text-lighten-1 {
    color: #42a5f5 !important;
}
.blue.darken-1 {
    background-color: #1e88e5 !important;
}
.blue-text.text-darken-1 {
    color: #1e88e5 !important;
}
.blue.darken-2 {
    background-color: #1976d2 !important;
}
.blue-text.text-darken-2 {
    color: #1976d2 !important;
}
.blue.darken-3 {
    background-color: #1565c0 !important;
}
.blue-text.text-darken-3 {
    color: #1565c0 !important;
}
.blue.darken-4 {
    background-color: #0d47a1 !important;
}
.blue-text.text-darken-4 {
    color: #0d47a1 !important;
}
.blue.accent-1 {
    background-color: #82b1ff !important;
}
.blue-text.text-accent-1 {
    color: #82b1ff !important;
}
.blue.accent-2 {
    background-color: #448aff !important;
}
.blue-text.text-accent-2 {
    color: #448aff !important;
}
.blue.accent-3 {
    background-color: #2979ff !important;
}
.blue-text.text-accent-3 {
    color: #2979ff !important;
}
.blue.accent-4 {
    background-color: #2962ff !important;
}
.blue-text.text-accent-4 {
    color: #2962ff !important;
}
.light-blue {
    background-color: #03a9f4 !important;
}
.light-blue-text {
    color: #03a9f4 !important;
}
.light-blue.lighten-5 {
    background-color: #e1f5fe !important;
}
.light-blue-text.text-lighten-5 {
    color: #e1f5fe !important;
}
.light-blue.lighten-4 {
    background-color: #b3e5fc !important;
}
.light-blue-text.text-lighten-4 {
    color: #b3e5fc !important;
}
.light-blue.lighten-3 {
    background-color: #81d4fa !important;
}
.light-blue-text.text-lighten-3 {
    color: #81d4fa !important;
}
.light-blue.lighten-2 {
    background-color: #4fc3f7 !important;
}
.light-blue-text.text-lighten-2 {
    color: #4fc3f7 !important;
}
.light-blue.lighten-1 {
    background-color: #29b6f6 !important;
}
.light-blue-text.text-lighten-1 {
    color: #29b6f6 !important;
}
.light-blue.darken-1 {
    background-color: #039be5 !important;
}
.light-blue-text.text-darken-1 {
    color: #039be5 !important;
}
.light-blue.darken-2 {
    background-color: #0288d1 !important;
}
.light-blue-text.text-darken-2 {
    color: #0288d1 !important;
}
.light-blue.darken-3 {
    background-color: #0277bd !important;
}
.light-blue-text.text-darken-3 {
    color: #0277bd !important;
}
.light-blue.darken-4 {
    background-color: #01579b !important;
}
.light-blue-text.text-darken-4 {
    color: #01579b !important;
}
.light-blue.accent-1 {
    background-color: #80d8ff !important;
}
.light-blue-text.text-accent-1 {
    color: #80d8ff !important;
}
.light-blue.accent-2 {
    background-color: #40c4ff !important;
}
.light-blue-text.text-accent-2 {
    color: #40c4ff !important;
}
.light-blue.accent-3 {
    background-color: #00b0ff !important;
}
.light-blue-text.text-accent-3 {
    color: #00b0ff !important;
}
.light-blue.accent-4 {
    background-color: #0091ea !important;
}
.light-blue-text.text-accent-4 {
    color: #0091ea !important;
}
.cyan {
    background-color: #4c9b7d !important;
}
.cyan-text {
    color: #00bcd4 !important;
}
.cyan.lighten-5 {
    background-color: #e0f7fa !important;
}
.cyan-text.text-lighten-5 {
    color: #e0f7fa !important;
}
.cyan.lighten-4 {
    background-color: #b2ebf2 !important;
}
.cyan-text.text-lighten-4 {
    color: #b2ebf2 !important;
}
.cyan.lighten-3 {
    background-color: #80deea !important;
}
.cyan-text.text-lighten-3 {
    color: #80deea !important;
}
.cyan.lighten-2 {
    background-color: #4dd0e1 !important;
}
.cyan-text.text-lighten-2 {
    color: #4dd0e1 !important;
}
.cyan.lighten-1 {
    background-color: #26c6da !important;
}
.cyan-text.text-lighten-1 {
    color: #26c6da !important;
}
.cyan.darken-1 {
    background-color: #00acc1 !important;
}
.cyan-text.text-darken-1 {
    color: #00acc1 !important;
}
.cyan.darken-2 {
    background-color: #0097a7 !important;
}
.cyan-text.text-darken-2 {
    color: #0097a7 !important;
}
.cyan.darken-3 {
    background-color: #00838f !important;
}
.cyan-text.text-darken-3 {
    color: #00838f !important;
}
.cyan.darken-4 {
    background-color: #006064 !important;
}
.cyan-text.text-darken-4 {
    color: #006064 !important;
}
.cyan.accent-1 {
    background-color: #84ffff !important;
}
.cyan-text.text-accent-1 {
    color: #84ffff !important;
}
.cyan.accent-2 {
    background-color: #18ffff !important;
}
.cyan-text.text-accent-2 {
    color: #18ffff !important;
}
.cyan.accent-3 {
    background-color: #00e5ff !important;
}
.cyan-text.text-accent-3 {
    color: #00e5ff !important;
}
.cyan.accent-4 {
    background-color: #00b8d4 !important;
}
.cyan-text.text-accent-4 {
    color: #00b8d4 !important;
}
.teal {
    background-color: #009688 !important;
}
.teal-text {
    color: #009688 !important;
}
.teal.lighten-5 {
    background-color: #e0f2f1 !important;
}
.teal-text.text-lighten-5 {
    color: #e0f2f1 !important;
}
.teal.lighten-4 {
    background-color: #b2dfdb !important;
}
.teal-text.text-lighten-4 {
    color: #b2dfdb !important;
}
.teal.lighten-3 {
    background-color: #80cbc4 !important;
}
.teal-text.text-lighten-3 {
    color: #80cbc4 !important;
}
.teal.lighten-2 {
    background-color: #4db6ac !important;
}
.teal-text.text-lighten-2 {
    color: #4db6ac !important;
}
.teal.lighten-1 {
    background-color: #26a69a !important;
}
.teal-text.text-lighten-1 {
    color: #26a69a !important;
}
.teal.darken-1 {
    background-color: #00897b !important;
}
.teal-text.text-darken-1 {
    color: #00897b !important;
}
.teal.darken-2 {
    background-color: #00796b !important;
}
.teal-text.text-darken-2 {
    color: #00796b !important;
}
.teal.darken-3 {
    background-color: #00695c !important;
}
.teal-text.text-darken-3 {
    color: #00695c !important;
}
.teal.darken-4 {
    background-color: #004d40 !important;
}
.teal-text.text-darken-4 {
    color: #004d40 !important;
}
.teal.accent-1 {
    background-color: #a7ffeb !important;
}
.teal-text.text-accent-1 {
    color: #a7ffeb !important;
}
.teal.accent-2 {
    background-color: #64ffda !important;
}
.teal-text.text-accent-2 {
    color: #64ffda !important;
}
.teal.accent-3 {
    background-color: #1de9b6 !important;
}
.teal-text.text-accent-3 {
    color: #1de9b6 !important;
}
.teal.accent-4 {
    background-color: #00bfa5 !important;
}
.teal-text.text-accent-4 {
    color: #00bfa5 !important;
}
.green {
    background-color: #4caf50 !important;
}
.green-text {
    color: #4caf50 !important;
}
.green.lighten-5 {
    background-color: #e8f5e9 !important;
}
.green-text.text-lighten-5 {
    color: #e8f5e9 !important;
}
.green.lighten-4 {
    background-color: #c8e6c9 !important;
}
.green-text.text-lighten-4 {
    color: #c8e6c9 !important;
}
.green.lighten-3 {
    background-color: #a5d6a7 !important;
}
.green-text.text-lighten-3 {
    color: #a5d6a7 !important;
}
.green.lighten-2 {
    background-color: #81c784 !important;
}
.green-text.text-lighten-2 {
    color: #81c784 !important;
}
.green.lighten-1 {
    background-color: #66bb6a !important;
}
.green-text.text-lighten-1 {
    color: #66bb6a !important;
}
.green.darken-1 {
    background-color: #43a047 !important;
}
.green-text.text-darken-1 {
    color: #43a047 !important;
}
.green.darken-2 {
    background-color: #388e3c !important;
}
.green-text.text-darken-2 {
    color: #388e3c !important;
}
.green.darken-3 {
    background-color: #2e7d32 !important;
}
.green-text.text-darken-3 {
    color: #2e7d32 !important;
}
.green.darken-4 {
    background-color: #1b5e20 !important;
}
.green-text.text-darken-4 {
    color: #1b5e20 !important;
}
.green.accent-1 {
    background-color: #b9f6ca !important;
}
.green-text.text-accent-1 {
    color: #b9f6ca !important;
}
.green.accent-2 {
    background-color: #69f0ae !important;
}
.green-text.text-accent-2 {
    color: #69f0ae !important;
}
.green.accent-3 {
    background-color: #00e676 !important;
}
.green-text.text-accent-3 {
    color: #00e676 !important;
}
.green.accent-4 {
    background-color: #00c853 !important;
}
.green-text.text-accent-4 {
    color: #00c853 !important;
}
.light-green {
    background-color: #8bc34a !important;
}
.light-green-text {
    color: #8bc34a !important;
}
.light-green.lighten-5 {
    background-color: #f1f8e9 !important;
}
.light-green-text.text-lighten-5 {
    color: #f1f8e9 !important;
}
.light-green.lighten-4 {
    background-color: #dcedc8 !important;
}
.light-green-text.text-lighten-4 {
    color: #dcedc8 !important;
}
.light-green.lighten-3 {
    background-color: #c5e1a5 !important;
}
.light-green-text.text-lighten-3 {
    color: #c5e1a5 !important;
}
.light-green.lighten-2 {
    background-color: #aed581 !important;
}
.light-green-text.text-lighten-2 {
    color: #aed581 !important;
}
.light-green.lighten-1 {
    background-color: #9ccc65 !important;
}
.light-green-text.text-lighten-1 {
    color: #9ccc65 !important;
}
.light-green.darken-1 {
    background-color: #7cb342 !important;
}
.light-green-text.text-darken-1 {
    color: #7cb342 !important;
}
.light-green.darken-2 {
    background-color: #689f38 !important;
}
.light-green-text.text-darken-2 {
    color: #689f38 !important;
}
.light-green.darken-3 {
    background-color: #558b2f !important;
}
.light-green-text.text-darken-3 {
    color: #558b2f !important;
}
.light-green.darken-4 {
    background-color: #33691e !important;
}
.light-green-text.text-darken-4 {
    color: #33691e !important;
}
.light-green.accent-1 {
    background-color: #ccff90 !important;
}
.light-green-text.text-accent-1 {
    color: #ccff90 !important;
}
.light-green.accent-2 {
    background-color: #b2ff59 !important;
}
.light-green-text.text-accent-2 {
    color: #b2ff59 !important;
}
.light-green.accent-3 {
    background-color: #76ff03 !important;
}
.light-green-text.text-accent-3 {
    color: #76ff03 !important;
}
.light-green.accent-4 {
    background-color: #64dd17 !important;
}
.light-green-text.text-accent-4 {
    color: #64dd17 !important;
}
.lime {
    background-color: #cddc39 !important;
}
.lime-text {
    color: #cddc39 !important;
}
.lime.lighten-5 {
    background-color: #f9fbe7 !important;
}
.lime-text.text-lighten-5 {
    color: #f9fbe7 !important;
}
.lime.lighten-4 {
    background-color: #f0f4c3 !important;
}
.lime-text.text-lighten-4 {
    color: #f0f4c3 !important;
}
.lime.lighten-3 {
    background-color: #e6ee9c !important;
}
.lime-text.text-lighten-3 {
    color: #e6ee9c !important;
}
.lime.lighten-2 {
    background-color: #dce775 !important;
}
.lime-text.text-lighten-2 {
    color: #dce775 !important;
}
.lime.lighten-1 {
    background-color: #d4e157 !important;
}
.lime-text.text-lighten-1 {
    color: #d4e157 !important;
}
.lime.darken-1 {
    background-color: #c0ca33 !important;
}
.lime-text.text-darken-1 {
    color: #c0ca33 !important;
}
.lime.darken-2 {
    background-color: #afb42b !important;
}
.lime-text.text-darken-2 {
    color: #afb42b !important;
}
.lime.darken-3 {
    background-color: #9e9d24 !important;
}
.lime-text.text-darken-3 {
    color: #9e9d24 !important;
}
.lime.darken-4 {
    background-color: #827717 !important;
}
.lime-text.text-darken-4 {
    color: #827717 !important;
}
.lime.accent-1 {
    background-color: #f4ff81 !important;
}
.lime-text.text-accent-1 {
    color: #f4ff81 !important;
}
.lime.accent-2 {
    background-color: #eeff41 !important;
}
.lime-text.text-accent-2 {
    color: #eeff41 !important;
}
.lime.accent-3 {
    background-color: #c6ff00 !important;
}
.lime-text.text-accent-3 {
    color: #c6ff00 !important;
}
.lime.accent-4 {
    background-color: #aeea00 !important;
}
.lime-text.text-accent-4 {
    color: #aeea00 !important;
}
.yellow {
    background-color: #ffeb3b !important;
}
.yellow-text {
    color: #ffeb3b !important;
}
.yellow.lighten-5 {
    background-color: #fffde7 !important;
}
.yellow-text.text-lighten-5 {
    color: #fffde7 !important;
}
.yellow.lighten-4 {
    background-color: #fff9c4 !important;
}
.yellow-text.text-lighten-4 {
    color: #fff9c4 !important;
}
.yellow.lighten-3 {
    background-color: #fff59d !important;
}
.yellow-text.text-lighten-3 {
    color: #fff59d !important;
}
.yellow.lighten-2 {
    background-color: #fff176 !important;
}
.yellow-text.text-lighten-2 {
    color: #fff176 !important;
}
.yellow.lighten-1 {
    background-color: #ffee58 !important;
}
.yellow-text.text-lighten-1 {
    color: #ffee58 !important;
}
.yellow.darken-1 {
    background-color: #fdd835 !important;
}
.yellow-text.text-darken-1 {
    color: #fdd835 !important;
}
.yellow.darken-2 {
    background-color: #fbc02d !important;
}
.yellow-text.text-darken-2 {
    color: #fbc02d !important;
}
.yellow.darken-3 {
    background-color: #f9a825 !important;
}
.yellow-text.text-darken-3 {
    color: #f9a825 !important;
}
.yellow.darken-4 {
    background-color: #f57f17 !important;
}
.yellow-text.text-darken-4 {
    color: #f57f17 !important;
}
.yellow.accent-1 {
    background-color: #ffff8d !important;
}
.yellow-text.text-accent-1 {
    color: #ffff8d !important;
}
.yellow.accent-2 {
    background-color: #ff0 !important;
}
.yellow-text.text-accent-2 {
    color: #ff0 !important;
}
.yellow.accent-3 {
    background-color: #ffea00 !important;
}
.yellow-text.text-accent-3 {
    color: #ffea00 !important;
}
.yellow.accent-4 {
    background-color: #ffd600 !important;
}
.yellow-text.text-accent-4 {
    color: #ffd600 !important;
}
.amber {
    background-color: #ffc107 !important;
}
.amber-text {
    color: #ffc107 !important;
}
.draft-text {
    color: #616161 !important;
}
.amber.lighten-5 {
    background-color: #fff8e1 !important;
}
.amber-text.text-lighten-5 {
    color: #fff8e1 !important;
}
.amber.lighten-4 {
    background-color: #ffecb3 !important;
}
.amber-text.text-lighten-4 {
    color: #ffecb3 !important;
}
.amber.lighten-3 {
    background-color: #ffe082 !important;
}
.amber-text.text-lighten-3 {
    color: #ffe082 !important;
}
.amber.lighten-2 {
    background-color: #ffd54f !important;
}
.amber-text.text-lighten-2 {
    color: #ffd54f !important;
}
.amber.lighten-1 {
    background-color: #ffca28 !important;
}
.amber-text.text-lighten-1 {
    color: #ffca28 !important;
}
.amber.darken-1 {
    background-color: #ffb300 !important;
}
.amber-text.text-darken-1 {
    color: #ffb300 !important;
}
.amber.darken-2 {
    background-color: #ffa000 !important;
}
.amber-text.text-darken-2 {
    color: #ffa000 !important;
}
.amber.darken-3 {
    background-color: #ff8f00 !important;
}
.amber-text.text-darken-3 {
    color: #ff8f00 !important;
}
.amber.darken-4 {
    background-color: #ff6f00 !important;
}
.amber-text.text-darken-4 {
    color: #ff6f00 !important;
}
.amber.accent-1 {
    background-color: #ffe57f !important;
}
.amber-text.text-accent-1 {
    color: #ffe57f !important;
}
.amber.accent-2 {
    background-color: #ffd740 !important;
}
.amber-text.text-accent-2 {
    color: #ffd740 !important;
}
.amber.accent-3 {
    background-color: #ffc400 !important;
}
.amber-text.text-accent-3 {
    color: #ffc400 !important;
}
.amber.accent-4 {
    background-color: #ffab00 !important;
}
.amber-text.text-accent-4 {
    color: #ffab00 !important;
}
.orange {
    background-color: #ff9800 !important;
}
.orange-text {
    color: #ff9800 !important;
}
.orange.lighten-5 {
    background-color: #fff3e0 !important;
}
.orange-text.text-lighten-5 {
    color: #fff3e0 !important;
}
.orange.lighten-4 {
    background-color: #ffe0b2 !important;
}
.orange-text.text-lighten-4 {
    color: #ffe0b2 !important;
}
.orange.lighten-3 {
    background-color: #ffcc80 !important;
}
.orange-text.text-lighten-3 {
    color: #ffcc80 !important;
}
.orange.lighten-2 {
    background-color: #ffb74d !important;
}
.orange-text.text-lighten-2 {
    color: #ffb74d !important;
}
.orange.lighten-1 {
    background-color: #ffa726 !important;
}
.orange-text.text-lighten-1 {
    color: #ffa726 !important;
}
.orange.darken-1 {
    background-color: #fb8c00 !important;
}
.orange-text.text-darken-1 {
    color: #fb8c00 !important;
}
.orange.darken-2 {
    background-color: #f57c00 !important;
}
.orange-text.text-darken-2 {
    color: #f57c00 !important;
}
.orange.darken-3 {
    background-color: #ef6c00 !important;
}
.orange-text.text-darken-3 {
    color: #ef6c00 !important;
}
.orange.darken-4 {
    background-color: #e65100 !important;
}
.orange-text.text-darken-4 {
    color: #e65100 !important;
}
.orange.accent-1 {
    background-color: #ffd180 !important;
}
.orange-text.text-accent-1 {
    color: #ffd180 !important;
}
.orange.accent-2 {
    background-color: #ffab40 !important;
}
.orange-text.text-accent-2 {
    color: #ffab40 !important;
}
.orange.accent-3 {
    background-color: #ff9100 !important;
}
.orange-text.text-accent-3 {
    color: #ff9100 !important;
}
.orange.accent-4 {
    background-color: #ff6d00 !important;
}
.orange-text.text-accent-4 {
    color: #ff6d00 !important;
}
.deep-orange {
    background-color: #ff5722 !important;
}
.deep-orange-text {
    color: #ff5722 !important;
}
.deep-orange.lighten-5 {
    background-color: #fbe9e7 !important;
}
.deep-orange-text.text-lighten-5 {
    color: #fbe9e7 !important;
}
.deep-orange.lighten-4 {
    background-color: #ffccbc !important;
}
.deep-orange-text.text-lighten-4 {
    color: #ffccbc !important;
}
.deep-orange.lighten-3 {
    background-color: #ffab91 !important;
}
.deep-orange-text.text-lighten-3 {
    color: #ffab91 !important;
}
.deep-orange.lighten-2 {
    background-color: #ff8a65 !important;
}
.deep-orange-text.text-lighten-2 {
    color: #ff8a65 !important;
}
.deep-orange.lighten-1 {
    background-color: #ff7043 !important;
}
.deep-orange-text.text-lighten-1 {
    color: #ff7043 !important;
}
.deep-orange.darken-1 {
    background-color: #f4511e !important;
}
.deep-orange-text.text-darken-1 {
    color: #f4511e !important;
}
.deep-orange.darken-2 {
    background-color: #e64a19 !important;
}
.deep-orange-text.text-darken-2 {
    color: #e64a19 !important;
}
.deep-orange.darken-3 {
    background-color: #d84315 !important;
}
.deep-orange-text.text-darken-3 {
    color: #d84315 !important;
}
.deep-orange.darken-4 {
    background-color: #bf360c !important;
}
.deep-orange-text.text-darken-4 {
    color: #bf360c !important;
}
.deep-orange.accent-1 {
    background-color: #ff9e80 !important;
}
.deep-orange-text.text-accent-1 {
    color: #ff9e80 !important;
}
.deep-orange.accent-2 {
    background-color: #ff6e40 !important;
}
.deep-orange-text.text-accent-2 {
    color: #ff6e40 !important;
}
.deep-orange.accent-3 {
    background-color: #ff3d00 !important;
}
.deep-orange-text.text-accent-3 {
    color: #ff3d00 !important;
}
.deep-orange.accent-4 {
    background-color: #dd2c00 !important;
}
.deep-orange-text.text-accent-4 {
    color: #dd2c00 !important;
}
.brown {
    background-color: #795548 !important;
}
.brown-text {
    color: #795548 !important;
}
.brown.lighten-5 {
    background-color: #efebe9 !important;
}
.brown-text.text-lighten-5 {
    color: #efebe9 !important;
}
.brown.lighten-4 {
    background-color: #d7ccc8 !important;
}
.brown-text.text-lighten-4 {
    color: #d7ccc8 !important;
}
.brown.lighten-3 {
    background-color: #bcaaa4 !important;
}
.brown-text.text-lighten-3 {
    color: #bcaaa4 !important;
}
.brown.lighten-2 {
    background-color: #a1887f !important;
}
.brown-text.text-lighten-2 {
    color: #a1887f !important;
}
.brown.lighten-1 {
    background-color: #8d6e63 !important;
}
.brown-text.text-lighten-1 {
    color: #8d6e63 !important;
}
.brown.darken-1 {
    background-color: #6d4c41 !important;
}
.brown-text.text-darken-1 {
    color: #6d4c41 !important;
}
.brown.darken-2 {
    background-color: #5d4037 !important;
}
.brown-text.text-darken-2 {
    color: #5d4037 !important;
}
.brown.darken-3 {
    background-color: #4e342e !important;
}
.brown-text.text-darken-3 {
    color: #4e342e !important;
}
.brown.darken-4 {
    background-color: #3e2723 !important;
}
.brown-text.text-darken-4 {
    color: #3e2723 !important;
}
.blue-grey {
    background-color: #607d8b !important;
}
.blue-grey-text {
    color: #607d8b !important;
}
.blue-grey.lighten-5 {
    background-color: #eceff1 !important;
}
.blue-grey-text.text-lighten-5 {
    color: #eceff1 !important;
}
.blue-grey.lighten-4 {
    background-color: #cfd8dc !important;
}
.blue-grey-text.text-lighten-4 {
    color: #cfd8dc !important;
}
.blue-grey.lighten-3 {
    background-color: #b0bec5 !important;
}
.blue-grey-text.text-lighten-3 {
    color: #b0bec5 !important;
}
.blue-grey.lighten-2 {
    background-color: #90a4ae !important;
}
.blue-grey-text.text-lighten-2 {
    color: #90a4ae !important;
}
.blue-grey.lighten-1 {
    background-color: #78909c !important;
}
.blue-grey-text.text-lighten-1 {
    color: #78909c !important;
}
.blue-grey.darken-1 {
    background-color: #546e7a !important;
}
.blue-grey-text.text-darken-1 {
    color: #546e7a !important;
}
.blue-grey.darken-2 {
    background-color: #455a64 !important;
}
.blue-grey-text.text-darken-2 {
    color: #455a64 !important;
}
.blue-grey.darken-3 {
    background-color: #37474f !important;
}
.blue-grey-text.text-darken-3 {
    color: #37474f !important;
}
.blue-grey.darken-4 {
    background-color: #263238 !important;
}
.blue-grey-text.text-darken-4 {
    color: #263238 !important;
}
.grey {
    background-color: #9e9e9e !important;
}
.grey-text {
    color: #9e9e9e !important;
}
.grey.lighten-5 {
    background-color: #fafafa !important;
}
.grey-text.text-lighten-5 {
    color: #fafafa !important;
}
.grey.lighten-4 {
    background-color: #f5f5f5 !important;
}
.grey-text.text-lighten-4 {
    color: #f5f5f5 !important;
}
.grey.lighten-3 {
    background-color: #eee !important;
}
.grey-text.text-lighten-3 {
    color: #eee !important;
}
.grey.lighten-2 {
    background-color: #e0e0e0 !important;
}
.grey-text.text-lighten-2 {
    color: #e0e0e0 !important;
}
.grey.lighten-1 {
    background-color: #bdbdbd !important;
}
.grey-text.text-lighten-1 {
    color: #bdbdbd !important;
}
.grey.darken-1 {
    background-color: #757575 !important;
}
.grey-text.text-darken-1 {
    color: #757575 !important;
}
.grey.darken-2 {
    background-color: #616161 !important;
}
.grey-text.text-darken-2 {
    color: #616161 !important;
}
.grey.darken-3 {
    background-color: #424242 !important;
}
.grey-text.text-darken-3 {
    color: #424242 !important;
}
.grey.darken-4 {
    background-color: #212121 !important;
}
.grey-text.text-darken-4 {
    color: #212121 !important;
}
.black {
    background-color: #000 !important;
}
.black-text {
    color: #000 !important;
}
.white {
    background-color: #fff !important;
}
.white-text {
    color: #fff !important;
    word-wrap: break-word;
}
.transparent {
    background-color: transparent !important;
}
.transparent-text {
    color: transparent !important;
}
html,
body {
    height: 100%;
}
body {
    background-color: #f9f9f9;
}
body.embed-body {
    background-color: #f1f1f1;
}
@media only screen and (max-width: 600px) {
    .layout-semi-dark #header nav.navbar-color {
        background: #37474f;
    }
}
#main {
    min-height: -webkit-calc(100% - 90px);
    min-height: -moz-calc(100% - 90px);
    min-height: calc(100% - 90px);
    padding-left: 0;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
#main.main-full {
    padding-left: 0;
}
#main .content-wrapper-before {
    position: relative;
    z-index: -1;
    top: 64px;
    left: 0;
    width: 100%;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
}
footer {
    padding-left: 0;
}
footer.page-footer {
    padding-top: 1px;
}
select {
    width: 100%;
    height: 3rem;
    padding: 5px;
    border: none;
    border-bottom: 1px solid #bdbdbd;
    border-radius: 2px;
    background-color: #fff0;
}
.container {
    width: 100%;
    max-width: 100% !important;
    margin: 0 auto;
    padding: 0 0.5rem;
}
.container .dropdown-settings i.right {
    margin-left: 0;
}
@media only screen and (min-width: 601px) {
    .container {
        width: 100%;
    }
}
@media only screen and (min-width: 993px) {
    .container {
        width: 100%;
    }
    .sidenav-overlay {
        background-color: #fff0;
    }
}
@media only screen and (min-width: 767px) {
    #main {
        padding-left: 260px;
    }
    .embed-main {
        padding-left: 0 !important;
    }
    #main.main-full {
        padding-left: 64px;
    }
    footer {
        padding-left: 260px;
    }
}
@media only screen and (max-width: 600px) {
    #main .content-wrapper-before {
        top: 56px;
    }
}
.ps-scrollbar-x-rail {
    z-index: 9999;
}
.ps-scrollbar-y-rail {
    z-index: 9999;
}
.bg-opacity-8 {
    background-color: rgb(255 255 255 / 0.8);
}
.height-100vh {
    height: 100vh;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    cursor: pointer;
    -webkit-appearance: none;
}
.width-10 {
    width: 10% !important;
}
.width-20 {
    width: 20% !important;
}
.width-30 {
    width: 30% !important;
}
.width-40 {
    width: 40% !important;
}
.width-50 {
    width: 50% !important;
}
.width-60 {
    width: 60% !important;
}
.width-70 {
    width: 70% !important;
}
.width-80 {
    width: 80% !important;
}
.width-90 {
    width: 90% !important;
}
.width-100 {
    width: 100% !important;
}
.min-width-fit-content {
    min-width: fit-content;
}
.border-radius-1 {
    border-radius: 1px !important;
}
.border-radius-2 {
    border-radius: 2px !important;
}
.border-radius-3 {
    border-radius: 3px !important;
}
.border-radius-4 {
    border-radius: 4px !important;
}
.border-radius-5 {
    border-radius: 5px !important;
}
.border-radius-6 {
    border-radius: 6px !important;
}
.border-radius-7 {
    border-radius: 7px !important;
}
.border-radius-8 {
    border-radius: 8px !important;
}
.border-radius-9 {
    border-radius: 9px !important;
}
.border-radius-10 {
    border-radius: 10px !important;
}
.border-round {
    border-radius: 150px !important;
}
.font-weight-100 {
    font-weight: 100 !important;
}
.font-weight-200 {
    font-weight: 200 !important;
}
.font-weight-300 {
    font-weight: 300 !important;
}
.font-weight-400 {
    font-weight: 400 !important;
}
.font-weight-500 {
    font-weight: 500 !important;
}
.font-weight-600 {
    font-weight: 600 !important;
}
.font-weight-700 {
    font-weight: 700 !important;
}
.font-weight-800 {
    font-weight: 800 !important;
}
.font-weight-900 {
    font-weight: 900 !important;
}
.m-0 {
    margin: 0 !important;
}
.mt-0 {
    margin-top: 0 !important;
}
.mt-1 {
    margin-top: 1% !important;
}
.mt-2 {
    margin-top: 2% !important;
}
.mt-3 {
    margin-top: 3% !important;
}
.mt-4 {
    margin-top: 4% !important;
}
.mt-5 {
    margin-top: 5% !important;
}
.mt-6 {
    margin-top: 6% !important;
}
.mt-7 {
    margin-top: 7% !important;
}
.mt-8 {
    margin-top: 8% !important;
}
.mt-9 {
    margin-top: 9% !important;
}
.mt-10 {
    margin-top: 10% !important;
}
.mr-0 {
    margin-right: 0 !important;
}
.mr-1 {
    margin-right: 1% !important;
}
.mr-2 {
    margin-right: 2% !important;
}
.mr-3 {
    margin-right: 3% !important;
}
.mr-4 {
    margin-right: 4% !important;
}
.mr-5 {
    margin-right: 5% !important;
}
.mr-6 {
    margin-right: 6% !important;
}
.mr-7 {
    margin-right: 7% !important;
}
.mr-8 {
    margin-right: 8% !important;
}
.mr-9 {
    margin-right: 9% !important;
}
.mr-10 {
    margin-right: 10% !important;
}
.ml-0 {
    margin-left: 0 !important;
}
.ml-1 {
    margin-left: 1% !important;
}
.ml-2 {
    margin-left: 2% !important;
}
.ml-3 {
    margin-left: 3% !important;
}
.ml-4 {
    margin-left: 4% !important;
}
.ml-5 {
    margin-left: 5% !important;
}
.ml-6 {
    margin-left: 6% !important;
}
.ml-7 {
    margin-left: 7% !important;
}
.ml-8 {
    margin-left: 8% !important;
}
.ml-9 {
    margin-left: 9% !important;
}
.ml-10 {
    margin-left: 10% !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-1 {
    margin-bottom: 1% !important;
}
.mb-2 {
    margin-bottom: 2% !important;
}
.mb-3 {
    margin-bottom: 3% !important;
}
.mb-4 {
    margin-bottom: 4% !important;
}
.mb-5 {
    margin-bottom: 5% !important;
}
.mb-6 {
    margin-bottom: 6% !important;
}
.mb-7 {
    margin-bottom: 7% !important;
}
.mb-8 {
    margin-bottom: 8% !important;
}
.mb-9 {
    margin-bottom: 9% !important;
}
.mb-10 {
    margin-bottom: 10% !important;
}
.padding-1 {
    padding: 1% !important;
}
.padding-2 {
    padding: 2% !important;
}
.padding-3 {
    padding: 3% !important;
}
.padding-4 {
    padding: 4% !important;
}
.padding-5 {
    padding: 5% !important;
}
.padding-6 {
    padding: 6% !important;
}
.padding-7 {
    padding: 7% !important;
}
.padding-8 {
    padding: 8% !important;
}
.padding-9 {
    padding: 9% !important;
}
.padding-10 {
    padding: 10% !important;
}
.p-0 {
    padding: 0 !important;
}
.pt-0 {
    padding-top: 0 !important;
}
.pt-1 {
    padding-top: 1% !important;
}
.pt-2 {
    padding-top: 2% !important;
}
.pt-3 {
    padding-top: 3% !important;
}
.pt-4 {
    padding-top: 4% !important;
}
.pt-5 {
    padding-top: 5% !important;
}
.pt-6 {
    padding-top: 6% !important;
}
.pt-7 {
    padding-top: 7% !important;
}
.pt-8 {
    padding-top: 8% !important;
}
.pt-9 {
    padding-top: 9% !important;
}
.pt-10 {
    padding-top: 10% !important;
}
.pr-0 {
    padding-right: 0 !important;
}
.pr-1 {
    padding-right: 1% !important;
}
.pr-2 {
    padding-right: 2% !important;
}
.pr-3 {
    padding-right: 3% !important;
}
.pr-4 {
    padding-right: 4% !important;
}
.pr-5 {
    padding-right: 5% !important;
}
.pr-6 {
    padding-right: 6% !important;
}
.pr-7 {
    padding-right: 7% !important;
}
.pr-8 {
    padding-right: 8% !important;
}
.pr-9 {
    padding-right: 9% !important;
}
.pr-10 {
    padding-right: 10% !important;
}
.pl-0 {
    padding-left: 0 !important;
}
.pl-1 {
    padding-left: 1% !important;
}
.pl-2 {
    padding-left: 2% !important;
}
.pl-3 {
    padding-left: 3% !important;
}
.pl-4 {
    padding-left: 4% !important;
}
.pl-5 {
    padding-left: 5% !important;
}
.pl-6 {
    padding-left: 6% !important;
}
.pl-7 {
    padding-left: 7% !important;
}
.pl-8 {
    padding-left: 8% !important;
}
.pl-9 {
    padding-left: 9% !important;
}
.pl-10 {
    padding-left: 10% !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.pb-1 {
    padding-bottom: 1% !important;
}
.pb-2 {
    padding-bottom: 2% !important;
}
.pb-3 {
    padding-bottom: 3% !important;
}
.pb-4 {
    padding-bottom: 4% !important;
}
.pb-5 {
    padding-bottom: 5% !important;
}
.pb-6 {
    padding-bottom: 6% !important;
}
.pb-7 {
    padding-bottom: 7% !important;
}
.pb-8 {
    padding-bottom: 8% !important;
}
.pb-9 {
    padding-bottom: 9% !important;
}
.pb-10 {
    padding-bottom: 10% !important;
}
.min-height-100 {
    min-height: 100px !important;
}
.min-height-150 {
    min-height: 150px !important;
}
.min-height-200 {
    min-height: 200px !important;
}
.min-height-250 {
    min-height: 250px !important;
}
.min-height-300 {
    min-height: 300px !important;
}
@media (min-width: 576px) {
    .left-align-sm {
        text-align: left !important;
    }
    .right-align-sm {
        text-align: right !important;
    }
    .center-align-sm {
        text-align: center !important;
    }
}
@media (min-width: 768px) {
    .left-align-md {
        text-align: left !important;
    }
    .right-align-md {
        text-align: right !important;
    }
    .center-align-md {
        text-align: center !important;
    }
}
@media (min-width: 992px) {
    .left-align-lg {
        text-align: left !important;
    }
    .right-align-lg {
        text-align: right !important;
    }
    .center-align-lg {
        text-align: center !important;
    }
}
@media (min-width: 1200px) {
    .left-align-xl {
        text-align: left !important;
    }
    .right-align-xl {
        text-align: right !important;
    }
    .center-align-xl {
        text-align: center !important;
    }
}
.text-lowercase {
    text-transform: lowercase !important;
}
.text-uppercase {
    text-transform: uppercase !important;
}
.text-capitalize {
    text-transform: capitalize !important;
}
.background-round {
    padding: 15px;
    border-radius: 50%;
    background-color: rgb(0 0 0 / 0.18);
}
.opacity-0 {
    opacity: 0;
}
.border-none {
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
}
.box-shadow-none {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.no-margin {
    margin: 0 !important;
}
.no-padding {
    padding: 0 !important;
}
.position-absolute {
    position: absolute;
}
.position-none {
    position: unset;
}
.vertical-align-center {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.vertical-align-bottom {
    vertical-align: bottom;
}
.vertical-align-super {
    vertical-align: super;
}
.vertical-text-top {
    vertical-align: text-top !important;
}
.vertical-text-sub {
    vertical-align: sub;
}
.vertical-text-middle {
    vertical-align: middle;
}
.height-100vh {
    height: 100vh;
}
.line-height-0 {
    line-height: 0 !important;
}
.icon-bg-circle {
    padding: 0.4rem;
    color: #fff;
    border-radius: 50%;
}
.text-shadow {
    text-shadow: -1px 2px 4px #000;
}
.display-none {
    display: none;
}
.display-inline {
    display: inline;
}
.display-block {
    display: block;
}
.display-grid {
    display: grid;
}
.display-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.float-none {
    float: none !important;
}
.float-left {
    float: left !important;
}
.float-right {
    float: right !important;
}
.float-inherit {
    float: inherit !important;
}
.clear-both {
    clear: both;
}
ul.list-type-bullet {
    padding-left: 40px;
    list-style-type: inherit;
}
ul.list-type-bullet li {
    list-style-type: inherit;
}
.justify-content-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.text-decoration-underline {
    text-decoration: underline;
}
.text-decoration-none {
    text-decoration: none !important;
}
a {
    text-decoration: none;
}
html {
    font-family: "Muli", sans-serif !important;
    font-weight: 400;
    line-height: 1.5;
    color: #323232;
}
@media only screen and (min-width: 0) {
    html {
        font-size: 14px;
    }
}
@media only screen and (min-width: 992px) {
    html {
        font-size: 14.5px;
    }
}
@media only screen and (min-width: 1200px) {
    html {
        font-size: 14px;
    }
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Muli", sans-serif;
    font-weight: 400;
    line-height: 1.1;
    color: #333;
}
p {
    font-family: "Muli", sans-serif;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
}
h1 {
    font-size: 4.2rem;
    line-height: 110%;
    margin: 2.1rem 0 1.68rem 0;
}
h2 {
    font-size: 3.56rem;
    line-height: 110%;
    margin: 1.78rem 0 1.424rem 0;
}
h3 {
    font-size: 2.92rem;
    line-height: 110%;
    margin: 1.46rem 0 1.168rem 0;
}
h4 {
    font-size: 2.28rem;
    line-height: 110%;
    margin: 1.14rem 0 0.912rem 0;
}
h5 {
    font-size: 1.64rem;
    line-height: 110%;
    margin: 0.82rem 0 0.656rem 0;
}
h6 {
    font-size: 1.15rem;
    line-height: 110%;
    margin: 0.575rem 0 0.46rem 0;
}
em {
    font-style: italic;
}
strong {
    font-weight: 500;
}
small {
    font-size: 75%;
}
.light {
    font-weight: 300;
}
.thin {
    font-weight: 200;
}
.flow-text {
    font-weight: 300;
}
@media only screen and (min-width: 360px) {
    .flow-text {
        font-size: 1.2rem;
    }
}
@media only screen and (min-width: 390px) {
    .flow-text {
        font-size: 1.224rem;
    }
}
@media only screen and (min-width: 420px) {
    .flow-text {
        font-size: 1.248rem;
    }
}
@media only screen and (min-width: 450px) {
    .flow-text {
        font-size: 1.272rem;
    }
}
@media only screen and (min-width: 480px) {
    .flow-text {
        font-size: 1.296rem;
    }
}
@media only screen and (min-width: 510px) {
    .flow-text {
        font-size: 1.32rem;
    }
}
@media only screen and (min-width: 540px) {
    .flow-text {
        font-size: 1.344rem;
    }
}
@media only screen and (min-width: 570px) {
    .flow-text {
        font-size: 1.368rem;
    }
}
@media only screen and (min-width: 600px) {
    .flow-text {
        font-size: 1.392rem;
    }
}
@media only screen and (min-width: 630px) {
    .flow-text {
        font-size: 1.416rem;
    }
}
@media only screen and (min-width: 660px) {
    .flow-text {
        font-size: 1.44rem;
    }
}
@media only screen and (min-width: 690px) {
    .flow-text {
        font-size: 1.464rem;
    }
}
@media only screen and (min-width: 720px) {
    .flow-text {
        font-size: 1.488rem;
    }
}
@media only screen and (min-width: 750px) {
    .flow-text {
        font-size: 1.512rem;
    }
}
@media only screen and (min-width: 780px) {
    .flow-text {
        font-size: 1.536rem;
    }
}
@media only screen and (min-width: 810px) {
    .flow-text {
        font-size: 1.56rem;
    }
}
@media only screen and (min-width: 840px) {
    .flow-text {
        font-size: 1.584rem;
    }
}
@media only screen and (min-width: 870px) {
    .flow-text {
        font-size: 1.608rem;
    }
}
@media only screen and (min-width: 900px) {
    .flow-text {
        font-size: 1.632rem;
    }
}
@media only screen and (min-width: 930px) {
    .flow-text {
        font-size: 1.656rem;
    }
}
@media only screen and (min-width: 960px) {
    .flow-text {
        font-size: 1.68rem;
    }
}
@media only screen and (max-width: 360px) {
    .flow-text {
        font-size: 1.2rem;
    }
}
@media only screen and (max-width: 768px) {
    .nav-expanded .brand-sidebar {
        background: transparent !important;
    }
    .brand-sidebar .logo-wrapper {
        padding: 17px 18px !important;
        text-align: center;
        background: #fff0;
    }
}
.medium {
    font-size: 1.2rem !important;
}
.small {
    font-size: 1rem !important;
}
.medium-small {
    font-size: 0.89rem !important;
}
.ultra-small {
    font-size: 0.8rem !important;
}
small {
    font-size: 0.8rem;
}
.strong {
    font-weight: 600;
}
h4.header {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.508rem;
    margin: 1.14rem 0 0.912rem 0;
    text-transform: uppercase;
}
h4.header2 {
    font-size: 1.1rem;
    font-weight: 400;
    text-transform: uppercase;
}
p.title {
    font-size: 1.3rem;
}
p.header {
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
}
li.li-hover:hover {
    background: transparent !important;
}
li.search-out:hover {
    background: #fff0;
}
li.mobile:before {
    background: #f7464a;
}
li.kitchen:before {
    background: #46bfbd;
}
li.home:before {
    background: #fdb45c;
}
.more-text {
    font-weight: 500;
    padding: 5px 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.valign-demo {
    height: 400px;
    background-color: #ddd;
}
.margin {
    margin: 0 !important;
}
.uppercase {
    text-transform: uppercase;
}
.section {
    padding: 0.5rem 0;
}
.row {
    margin-bottom: 0;
}
.row .col {
    padding: 0 1rem;
}
.materialize-red {
    background-color: #e51c23 !important;
}
.materialize-red-text {
    color: #e51c23 !important;
}
.materialize-red.lighten-5 {
    background-color: #fdeaeb !important;
}
.materialize-red-text.text-lighten-5 {
    color: #fdeaeb !important;
}
.materialize-red.lighten-4 {
    background-color: #f8c1c3 !important;
}
.materialize-red-text.text-lighten-4 {
    color: #f8c1c3 !important;
}
.materialize-red.lighten-3 {
    background-color: #f3989b !important;
}
.materialize-red-text.text-lighten-3 {
    color: #f3989b !important;
}
.materialize-red.lighten-2 {
    background-color: #ee6e73 !important;
}
.materialize-red-text.text-lighten-2 {
    color: #ee6e73 !important;
}
.materialize-red.lighten-1 {
    background-color: #ea454b !important;
}
.materialize-red-text.text-lighten-1 {
    color: #ea454b !important;
}
.materialize-red.darken-1 {
    background-color: #d0181e !important;
}
.materialize-red-text.text-darken-1 {
    color: #d0181e !important;
}
.materialize-red.darken-2 {
    background-color: #b9151b !important;
}
.materialize-red-text.text-darken-2 {
    color: #b9151b !important;
}
.materialize-red.darken-3 {
    background-color: #a21318 !important;
}
.materialize-red-text.text-darken-3 {
    color: #a21318 !important;
}
.materialize-red.darken-4 {
    background-color: #8b1014 !important;
}
.materialize-red-text.text-darken-4 {
    color: #8b1014 !important;
}
.red {
    background-color: #f44336 !important;
}
.red-text {
    color: #f44336 !important;
}
.red.lighten-5 {
    background-color: #ffebee !important;
}
.red-text.text-lighten-5 {
    color: #ffebee !important;
}
.red.lighten-4 {
    background-color: #ffcdd2 !important;
}
.red-text.text-lighten-4 {
    color: #ffcdd2 !important;
}
.red.lighten-3 {
    background-color: #ef9a9a !important;
}
.red-text.text-lighten-3 {
    color: #ef9a9a !important;
}
.red.lighten-2 {
    background-color: #e57373 !important;
}
.red-text.text-lighten-2 {
    color: #e57373 !important;
}
.red.lighten-1 {
    background-color: #ef5350 !important;
}
.red-text.text-lighten-1 {
    color: #ef5350 !important;
}
.red.darken-1 {
    background-color: #e53935 !important;
}
.red-text.text-darken-1 {
    color: #e53935 !important;
}
.red.darken-2 {
    background-color: #d32f2f !important;
}
.red-text.text-darken-2 {
    color: #d32f2f !important;
}
.red.darken-3 {
    background-color: #c62828 !important;
}
.red-text.text-darken-3 {
    color: #c62828 !important;
}
.red.darken-4 {
    background-color: #b71c1c !important;
}
.red-text.text-darken-4 {
    color: #b71c1c !important;
}
.red.accent-1 {
    background-color: #ff8a80 !important;
}
.red-text.text-accent-1 {
    color: #ff8a80 !important;
}
.red.accent-2 {
    background-color: #ff5252 !important;
}
.red-text.text-accent-2 {
    color: #ff5252 !important;
}
.red.accent-3 {
    background-color: #ff1744 !important;
}
.red-text.text-accent-3 {
    color: #ff1744 !important;
}
.red.accent-4 {
    background-color: #d50000 !important;
}
.red-text.text-accent-4 {
    color: #d50000 !important;
}
.pink {
    background-color: #e91e63 !important;
}
.pink-text {
    color: #e91e63 !important;
}
.pink.lighten-5 {
    background-color: #fce4ec !important;
}
.pink-text.text-lighten-5 {
    color: #fce4ec !important;
}
.pink.lighten-4 {
    background-color: #f8bbd0 !important;
}
.pink-text.text-lighten-4 {
    color: #f8bbd0 !important;
}
.pink.lighten-3 {
    background-color: #f48fb1 !important;
}
.pink-text.text-lighten-3 {
    color: #f48fb1 !important;
}
.pink.lighten-2 {
    background-color: #f06292 !important;
}
.pink-text.text-lighten-2 {
    color: #f06292 !important;
}
.pink.lighten-1 {
    background-color: #ec407a !important;
}
.pink-text.text-lighten-1 {
    color: #ec407a !important;
}
.pink.darken-1 {
    background-color: #d81b60 !important;
}
.pink-text.text-darken-1 {
    color: #d81b60 !important;
}
.pink.darken-2 {
    background-color: #c2185b !important;
}
.pink-text.text-darken-2 {
    color: #c2185b !important;
}
.pink.darken-3 {
    background-color: #ad1457 !important;
}
.pink-text.text-darken-3 {
    color: #ad1457 !important;
}
.pink.darken-4 {
    background-color: #880e4f !important;
}
.pink-text.text-darken-4 {
    color: #880e4f !important;
}
.pink.accent-1 {
    background-color: #ff80ab !important;
}
.pink-text.text-accent-1 {
    color: #ff80ab !important;
}
.pink.accent-2 {
    background-color: #ff4081 !important;
}
.pink-text.text-accent-2 {
    color: #ff4081 !important;
}
.pink.accent-3 {
    background-color: #f50057 !important;
}
.pink-text.text-accent-3 {
    color: #f50057 !important;
}
.pink.accent-4 {
    background-color: #c51162 !important;
}
.pink-text.text-accent-4 {
    color: #c51162 !important;
}
.purple {
    background-color: #46a07c !important;
}
.purple.lighten-5 {
    background-color: #f3e5f5 !important;
}
.purple-text.text-lighten-5 {
    color: #f3e5f5 !important;
}
.purple.lighten-4 {
    background-color: #e1bee7 !important;
}
.purple-text.text-lighten-4 {
    color: #e1bee7 !important;
}
.purple.lighten-3 {
    background-color: #ce93d8 !important;
}
.purple-text.text-lighten-3 {
    color: #ce93d8 !important;
}
.purple.lighten-2 {
    background-color: #ba68c8 !important;
}
.purple-text.text-lighten-2 {
    color: #ba68c8 !important;
}
.purple.lighten-1 {
    background-color: #ab47bc !important;
}
.purple-text.text-lighten-1 {
    color: #ab47bc !important;
}
.purple.darken-1 {
    background-color: #8e24aa !important;
}
.purple-text.text-darken-1 {
    color: #8e24aa !important;
}
.purple.darken-2 {
    background-color: #7b1fa2 !important;
}
.purple-text.text-darken-2 {
    color: #7b1fa2 !important;
}
.purple.darken-3 {
    background-color: #6a1b9a !important;
}
.purple-text.text-darken-3 {
    color: #6a1b9a !important;
}
.purple.darken-4 {
    background-color: #4a148c !important;
}
.purple-text.text-darken-4 {
    color: #4a148c !important;
}
.purple.accent-1 {
    background-color: #ea80fc !important;
}
.purple-text.text-accent-1 {
    color: #ea80fc !important;
}
.purple.accent-2 {
    background-color: #e040fb !important;
}
.purple-text.text-accent-2 {
    color: #e040fb !important;
}
.purple.accent-3 {
    background-color: #d500f9 !important;
}
.purple-text.text-accent-3 {
    color: #d500f9 !important;
}
.purple.accent-4 {
    background-color: #a0f !important;
}
.purple-text.text-accent-4 {
    color: #a0f !important;
}
.deep-purple {
    background-color: #673ab7 !important;
}
.deep-purple-text {
    color: #673ab7 !important;
}
.deep-purple.lighten-5 {
    background-color: #ede7f6 !important;
}
.deep-purple-text.text-lighten-5 {
    color: #ede7f6 !important;
}
.deep-purple.lighten-4 {
    background-color: #d1c4e9 !important;
}
.deep-purple-text.text-lighten-4 {
    color: #d1c4e9 !important;
}
.deep-purple.lighten-3 {
    background-color: #b39ddb !important;
}
.deep-purple-text.text-lighten-3 {
    color: #b39ddb !important;
}
.deep-purple.lighten-2 {
    background-color: #9575cd !important;
}
.deep-purple-text.text-lighten-2 {
    color: #9575cd !important;
}
.deep-purple.lighten-1 {
    background-color: #7e57c2 !important;
}
.deep-purple-text.text-lighten-1 {
    color: #7e57c2 !important;
}
.deep-purple.darken-1 {
    background-color: #5e35b1 !important;
}
.deep-purple-text.text-darken-1 {
    color: #5e35b1 !important;
}
.deep-purple.darken-2 {
    background-color: #512da8 !important;
}
.deep-purple-text.text-darken-2 {
    color: #512da8 !important;
}
.deep-purple.darken-3 {
    background-color: #4527a0 !important;
}
.deep-purple-text.text-darken-3 {
    color: #4527a0 !important;
}
.deep-purple.darken-4 {
    background-color: #311b92 !important;
}
.deep-purple-text.text-darken-4 {
    color: #311b92 !important;
}
.deep-purple.accent-1 {
    background-color: #b388ff !important;
}
.deep-purple-text.text-accent-1 {
    color: #b388ff !important;
}
.deep-purple.accent-2 {
    background-color: #7c4dff !important;
}
.deep-purple-text.text-accent-2 {
    color: #7c4dff !important;
}
.deep-purple.accent-3 {
    background-color: #651fff !important;
}
.deep-purple-text.text-accent-3 {
    color: #651fff !important;
}
.deep-purple.accent-4 {
    background-color: #6200ea !important;
}
.deep-purple-text.text-accent-4 {
    color: #6200ea !important;
}
.indigo {
    background-color: #3f51b5 !important;
}
.indigo-text {
    color: #3f51b5 !important;
}
.indigo.lighten-5 {
    background-color: #e8eaf6 !important;
}
.indigo-text.text-lighten-5 {
    color: #e8eaf6 !important;
}
.indigo.lighten-4 {
    background-color: #c5cae9 !important;
}
.indigo-text.text-lighten-4 {
    color: #c5cae9 !important;
}
.indigo.lighten-3 {
    background-color: #9fa8da !important;
}
.indigo-text.text-lighten-3 {
    color: #9fa8da !important;
}
.indigo.lighten-2 {
    background-color: #7986cb !important;
}
.indigo-text.text-lighten-2 {
    color: #7986cb !important;
}
.indigo.lighten-1 {
    background-color: #5c6bc0 !important;
}
.indigo-text.text-lighten-1 {
    color: #5c6bc0 !important;
}
.indigo.darken-1 {
    background-color: #3949ab !important;
}
.indigo-text.text-darken-1 {
    color: #3949ab !important;
}
.indigo.darken-2 {
    background-color: #303f9f !important;
}
.indigo-text.text-darken-2 {
    color: #303f9f !important;
}
.indigo.darken-3 {
    background-color: #283593 !important;
}
.indigo-text.text-darken-3 {
    color: #283593 !important;
}
.indigo.darken-4 {
    background-color: #1a237e !important;
}
.indigo-text.text-darken-4 {
    color: #1a237e !important;
}
.indigo.accent-1 {
    background-color: #8c9eff !important;
}
.indigo-text.text-accent-1 {
    color: #8c9eff !important;
}
.indigo.accent-2 {
    background-color: #536dfe !important;
}
.indigo-text.text-accent-2 {
    color: #536dfe !important;
}
.indigo.accent-3 {
    background-color: #3d5afe !important;
}
.indigo-text.text-accent-3 {
    color: #3d5afe !important;
}
.indigo.accent-4 {
    background-color: #304ffe !important;
}
.indigo-text.text-accent-4 {
    color: #304ffe !important;
}
.blue {
    background-color: #2196f3 !important;
}
.blue-text {
    color: #2196f3 !important;
}
.blue.lighten-5 {
    background-color: #e3f2fd !important;
}
.blue-text.text-lighten-5 {
    color: #e3f2fd !important;
}
.blue.lighten-4 {
    background-color: #bbdefb !important;
}
.blue-text.text-lighten-4 {
    color: #bbdefb !important;
}
.blue.lighten-3 {
    background-color: #90caf9 !important;
}
.blue-text.text-lighten-3 {
    color: #90caf9 !important;
}
.blue.lighten-2 {
    background-color: #64b5f6 !important;
}
.blue-text.text-lighten-2 {
    color: #64b5f6 !important;
}
.blue.lighten-1 {
    background-color: #42a5f5 !important;
}
.blue-text.text-lighten-1 {
    color: #42a5f5 !important;
}
.blue.darken-1 {
    background-color: #1e88e5 !important;
}
.blue-text.text-darken-1 {
    color: #1e88e5 !important;
}
.blue.darken-2 {
    background-color: #1976d2 !important;
}
.blue-text.text-darken-2 {
    color: #1976d2 !important;
}
.blue.darken-3 {
    background-color: #1565c0 !important;
}
.blue-text.text-darken-3 {
    color: #1565c0 !important;
}
.blue.darken-4 {
    background-color: #0d47a1 !important;
}
.blue-text.text-darken-4 {
    color: #0d47a1 !important;
}
.blue.accent-1 {
    background-color: #82b1ff !important;
}
.blue-text.text-accent-1 {
    color: #82b1ff !important;
}
.blue.accent-2 {
    background-color: #448aff !important;
}
.blue-text.text-accent-2 {
    color: #448aff !important;
}
.blue.accent-3 {
    background-color: #2979ff !important;
}
.blue-text.text-accent-3 {
    color: #2979ff !important;
}
.blue.accent-4 {
    background-color: #2962ff !important;
}
.blue-text.text-accent-4 {
    color: #2962ff !important;
}
.light-blue {
    background-color: #03a9f4 !important;
}
.light-blue-text {
    color: #03a9f4 !important;
}
.light-blue.lighten-5 {
    background-color: #e1f5fe !important;
}
.light-blue-text.text-lighten-5 {
    color: #e1f5fe !important;
}
.light-blue.lighten-4 {
    background-color: #b3e5fc !important;
}
.light-blue-text.text-lighten-4 {
    color: #b3e5fc !important;
}
.light-blue.lighten-3 {
    background-color: #81d4fa !important;
}
.light-blue-text.text-lighten-3 {
    color: #81d4fa !important;
}
.light-blue.lighten-2 {
    background-color: #4fc3f7 !important;
}
.light-blue-text.text-lighten-2 {
    color: #4fc3f7 !important;
}
.light-blue.lighten-1 {
    background-color: #29b6f6 !important;
}
.light-blue-text.text-lighten-1 {
    color: #29b6f6 !important;
}
.light-blue.darken-1 {
    background-color: #039be5 !important;
}
.light-blue-text.text-darken-1 {
    color: #039be5 !important;
}
.light-blue.darken-2 {
    background-color: #0288d1 !important;
}
.light-blue-text.text-darken-2 {
    color: #0288d1 !important;
}
.light-blue.darken-3 {
    background-color: #0277bd !important;
}
.light-blue-text.text-darken-3 {
    color: #0277bd !important;
}
.light-blue.darken-4 {
    background-color: #01579b !important;
}
.light-blue-text.text-darken-4 {
    color: #01579b !important;
}
.light-blue.accent-1 {
    background-color: #80d8ff !important;
}
.light-blue-text.text-accent-1 {
    color: #80d8ff !important;
}
.light-blue.accent-2 {
    background-color: #40c4ff !important;
}
.light-blue-text.text-accent-2 {
    color: #40c4ff !important;
}
.light-blue.accent-3 {
    background-color: #00b0ff !important;
}
.light-blue-text.text-accent-3 {
    color: #00b0ff !important;
}
.light-blue.accent-4 {
    background-color: #0091ea !important;
}
.light-blue-text.text-accent-4 {
    color: #0091ea !important;
}
.cyan {
    background-color: #45b65b !important;
}
.cyan-text {
    color: #00bcd4 !important;
}
.cyan.lighten-5 {
    background-color: #e0f7fa !important;
}
.cyan-text.text-lighten-5 {
    color: #e0f7fa !important;
}
.cyan.lighten-4 {
    background-color: #b2ebf2 !important;
}
.cyan-text.text-lighten-4 {
    color: #b2ebf2 !important;
}
.cyan.lighten-3 {
    background-color: #80deea !important;
}
.cyan-text.text-lighten-3 {
    color: #80deea !important;
}
.cyan.lighten-2 {
    background-color: #4dd0e1 !important;
}
.cyan-text.text-lighten-2 {
    color: #4dd0e1 !important;
}
.cyan.lighten-1 {
    background-color: #26c6da !important;
}
.cyan-text.text-lighten-1 {
    color: #26c6da !important;
}
.cyan.darken-1 {
    background-color: #00acc1 !important;
}
.cyan-text.text-darken-1 {
    color: #00acc1 !important;
}
.cyan.darken-2 {
    background-color: #0097a7 !important;
}
.cyan-text.text-darken-2 {
    color: #0097a7 !important;
}
.cyan.darken-3 {
    background-color: #00838f !important;
}
.cyan-text.text-darken-3 {
    color: #00838f !important;
}
.cyan.darken-4 {
    background-color: #006064 !important;
}
.cyan-text.text-darken-4 {
    color: #006064 !important;
}
.cyan.accent-1 {
    background-color: #84ffff !important;
}
.cyan-text.text-accent-1 {
    color: #84ffff !important;
}
.cyan.accent-2 {
    background-color: #18ffff !important;
}
.cyan-text.text-accent-2 {
    color: #18ffff !important;
}
.cyan.accent-3 {
    background-color: #00e5ff !important;
}
.cyan-text.text-accent-3 {
    color: #00e5ff !important;
}
.cyan.accent-4 {
    background-color: #00b8d4 !important;
}
.cyan-text.text-accent-4 {
    color: #00b8d4 !important;
}
.teal {
    background-color: #009688 !important;
}
.teal-text {
    color: #009688 !important;
}
.teal.lighten-5 {
    background-color: #e0f2f1 !important;
}
.teal-text.text-lighten-5 {
    color: #e0f2f1 !important;
}
.teal.lighten-4 {
    background-color: #b2dfdb !important;
}
.teal-text.text-lighten-4 {
    color: #b2dfdb !important;
}
.teal.lighten-3 {
    background-color: #80cbc4 !important;
}
.teal-text.text-lighten-3 {
    color: #80cbc4 !important;
}
.teal.lighten-2 {
    background-color: #4db6ac !important;
}
.teal-text.text-lighten-2 {
    color: #4db6ac !important;
}
.teal.lighten-1 {
    background-color: #26a69a !important;
}
.teal-text.text-lighten-1 {
    color: #26a69a !important;
}
.teal.darken-1 {
    background-color: #00897b !important;
}
.teal-text.text-darken-1 {
    color: #00897b !important;
}
.teal.darken-2 {
    background-color: #00796b !important;
}
.teal-text.text-darken-2 {
    color: #00796b !important;
}
.teal.darken-3 {
    background-color: #00695c !important;
}
.teal-text.text-darken-3 {
    color: #00695c !important;
}
.teal.darken-4 {
    background-color: #004d40 !important;
}
.teal-text.text-darken-4 {
    color: #004d40 !important;
}
.teal.accent-1 {
    background-color: #a7ffeb !important;
}
.teal-text.text-accent-1 {
    color: #a7ffeb !important;
}
.teal.accent-2 {
    background-color: #64ffda !important;
}
.teal-text.text-accent-2 {
    color: #64ffda !important;
}
.teal.accent-3 {
    background-color: #1de9b6 !important;
}
.teal-text.text-accent-3 {
    color: #1de9b6 !important;
}
.teal.accent-4 {
    background-color: #00bfa5 !important;
}
.teal-text.text-accent-4 {
    color: #00bfa5 !important;
}
.green {
    background-color: #4caf50 !important;
}
.green-text {
    color: #4caf50 !important;
}
.green.lighten-5 {
    background-color: #e8f5e9 !important;
}
.green-text.text-lighten-5 {
    color: #e8f5e9 !important;
}
.green.lighten-4 {
    background-color: #c8e6c9 !important;
}
.green-text.text-lighten-4 {
    color: #c8e6c9 !important;
}
.green.lighten-3 {
    background-color: #a5d6a7 !important;
}
.green-text.text-lighten-3 {
    color: #a5d6a7 !important;
}
.green.lighten-2 {
    background-color: #81c784 !important;
}
.green-text.text-lighten-2 {
    color: #81c784 !important;
}
.green.lighten-1 {
    background-color: #66bb6a !important;
}
.green-text.text-lighten-1 {
    color: #66bb6a !important;
}
.green.darken-1 {
    background-color: #43a047 !important;
}
.green-text.text-darken-1 {
    color: #43a047 !important;
}
.green.darken-2 {
    background-color: #388e3c !important;
}
.green-text.text-darken-2 {
    color: #388e3c !important;
}
.green.darken-3 {
    background-color: #2e7d32 !important;
}
.green-text.text-darken-3 {
    color: #2e7d32 !important;
}
.green.darken-4 {
    background-color: #1b5e20 !important;
}
.green-text.text-darken-4 {
    color: #1b5e20 !important;
}
.green.accent-1 {
    background-color: #b9f6ca !important;
}
.green-text.text-accent-1 {
    color: #b9f6ca !important;
}
.green.accent-2 {
    background-color: #69f0ae !important;
}
.green-text.text-accent-2 {
    color: #69f0ae !important;
}
.green.accent-3 {
    background-color: #00e676 !important;
}
.green-text.text-accent-3 {
    color: #00e676 !important;
}
.green.accent-4 {
    background-color: #00c853 !important;
}
.green-text.text-accent-4 {
    color: #00c853 !important;
}
.light-green {
    background-color: #8bc34a !important;
}
.light-green-text {
    color: #8bc34a !important;
}
.light-green.lighten-5 {
    background-color: #f1f8e9 !important;
}
.light-green-text.text-lighten-5 {
    color: #f1f8e9 !important;
}
.light-green.lighten-4 {
    background-color: #dcedc8 !important;
}
.light-green-text.text-lighten-4 {
    color: #dcedc8 !important;
}
.light-green.lighten-3 {
    background-color: #c5e1a5 !important;
}
.light-green-text.text-lighten-3 {
    color: #c5e1a5 !important;
}
.light-green.lighten-2 {
    background-color: #aed581 !important;
}
.light-green-text.text-lighten-2 {
    color: #aed581 !important;
}
.light-green.lighten-1 {
    background-color: #9ccc65 !important;
}
.light-green-text.text-lighten-1 {
    color: #9ccc65 !important;
}
.light-green.darken-1 {
    background-color: #7cb342 !important;
}
.light-green-text.text-darken-1 {
    color: #7cb342 !important;
}
.light-green.darken-2 {
    background-color: #689f38 !important;
}
.light-green-text.text-darken-2 {
    color: #689f38 !important;
}
.light-green.darken-3 {
    background-color: #558b2f !important;
}
.light-green-text.text-darken-3 {
    color: #558b2f !important;
}
.light-green.darken-4 {
    background-color: #33691e !important;
}
.light-green-text.text-darken-4 {
    color: #33691e !important;
}
.light-green.accent-1 {
    background-color: #ccff90 !important;
}
.light-green-text.text-accent-1 {
    color: #ccff90 !important;
}
.light-green.accent-2 {
    background-color: #b2ff59 !important;
}
.light-green-text.text-accent-2 {
    color: #b2ff59 !important;
}
.light-green.accent-3 {
    background-color: #76ff03 !important;
}
.light-green-text.text-accent-3 {
    color: #76ff03 !important;
}
.light-green.accent-4 {
    background-color: #64dd17 !important;
}
.light-green-text.text-accent-4 {
    color: #64dd17 !important;
}
.lime {
    background-color: #cddc39 !important;
}
.lime-text {
    color: #cddc39 !important;
}
.lime.lighten-5 {
    background-color: #f9fbe7 !important;
}
.lime-text.text-lighten-5 {
    color: #f9fbe7 !important;
}
.lime.lighten-4 {
    background-color: #f0f4c3 !important;
}
.lime-text.text-lighten-4 {
    color: #f0f4c3 !important;
}
.lime.lighten-3 {
    background-color: #e6ee9c !important;
}
.lime-text.text-lighten-3 {
    color: #e6ee9c !important;
}
.lime.lighten-2 {
    background-color: #dce775 !important;
}
.lime-text.text-lighten-2 {
    color: #dce775 !important;
}
.lime.lighten-1 {
    background-color: #d4e157 !important;
}
.lime-text.text-lighten-1 {
    color: #d4e157 !important;
}
.lime.darken-1 {
    background-color: #c0ca33 !important;
}
.lime-text.text-darken-1 {
    color: #c0ca33 !important;
}
.lime.darken-2 {
    background-color: #afb42b !important;
}
.lime-text.text-darken-2 {
    color: #afb42b !important;
}
.lime.darken-3 {
    background-color: #9e9d24 !important;
}
.lime-text.text-darken-3 {
    color: #9e9d24 !important;
}
.lime.darken-4 {
    background-color: #827717 !important;
}
.lime-text.text-darken-4 {
    color: #827717 !important;
}
.lime.accent-1 {
    background-color: #f4ff81 !important;
}
.lime-text.text-accent-1 {
    color: #f4ff81 !important;
}
.lime.accent-2 {
    background-color: #eeff41 !important;
}
.lime-text.text-accent-2 {
    color: #eeff41 !important;
}
.lime.accent-3 {
    background-color: #c6ff00 !important;
}
.lime-text.text-accent-3 {
    color: #c6ff00 !important;
}
.lime.accent-4 {
    background-color: #aeea00 !important;
}
.lime-text.text-accent-4 {
    color: #aeea00 !important;
}
.yellow {
    background-color: #ffeb3b !important;
}
.yellow-text {
    color: #ffeb3b !important;
}
.yellow.lighten-5 {
    background-color: #fffde7 !important;
}
.yellow-text.text-lighten-5 {
    color: #fffde7 !important;
}
.yellow.lighten-4 {
    background-color: #fff9c4 !important;
}
.yellow-text.text-lighten-4 {
    color: #fff9c4 !important;
}
.yellow.lighten-3 {
    background-color: #fff59d !important;
}
.yellow-text.text-lighten-3 {
    color: #fff59d !important;
}
.yellow.lighten-2 {
    background-color: #fff176 !important;
}
.yellow-text.text-lighten-2 {
    color: #fff176 !important;
}
.yellow.lighten-1 {
    background-color: #ffee58 !important;
}
.yellow-text.text-lighten-1 {
    color: #ffee58 !important;
}
.yellow.darken-1 {
    background-color: #fdd835 !important;
}
.yellow-text.text-darken-1 {
    color: #fdd835 !important;
}
.yellow.darken-2 {
    background-color: #fbc02d !important;
}
.yellow-text.text-darken-2 {
    color: #fbc02d !important;
}
.yellow.darken-3 {
    background-color: #f9a825 !important;
}
.yellow-text.text-darken-3 {
    color: #f9a825 !important;
}
.yellow.darken-4 {
    background-color: #f57f17 !important;
}
.yellow-text.text-darken-4 {
    color: #f57f17 !important;
}
.yellow.accent-1 {
    background-color: #ffff8d !important;
}
.yellow-text.text-accent-1 {
    color: #ffff8d !important;
}
.yellow.accent-2 {
    background-color: #ff0 !important;
}
.yellow-text.text-accent-2 {
    color: #ff0 !important;
}
.yellow.accent-3 {
    background-color: #ffea00 !important;
}
.yellow-text.text-accent-3 {
    color: #ffea00 !important;
}
.yellow.accent-4 {
    background-color: #ffd600 !important;
}
.yellow-text.text-accent-4 {
    color: #ffd600 !important;
}
.amber {
    background-color: #ffc107 !important;
}
.amber-text {
    color: #ffc107 !important;
}
.amber.lighten-5 {
    background-color: #fff8e1 !important;
}
.amber-text.text-lighten-5 {
    color: #fff8e1 !important;
}
.amber.lighten-4 {
    background-color: #ffecb3 !important;
}
.amber-text.text-lighten-4 {
    color: #ffecb3 !important;
}
.amber.lighten-3 {
    background-color: #ffe082 !important;
}
.amber-text.text-lighten-3 {
    color: #ffe082 !important;
}
.amber.lighten-2 {
    background-color: #ffd54f !important;
}
.amber-text.text-lighten-2 {
    color: #ffd54f !important;
}
.amber.lighten-1 {
    background-color: #ffca28 !important;
}
.amber-text.text-lighten-1 {
    color: #ffca28 !important;
}
.amber.darken-1 {
    background-color: #ffb300 !important;
}
.amber-text.text-darken-1 {
    color: #ffb300 !important;
}
.amber.darken-2 {
    background-color: #ffa000 !important;
}
.amber-text.text-darken-2 {
    color: #ffa000 !important;
}
.amber.darken-3 {
    background-color: #ff8f00 !important;
}
.amber-text.text-darken-3 {
    color: #ff8f00 !important;
}
.amber.darken-4 {
    background-color: #ff6f00 !important;
}
.amber-text.text-darken-4 {
    color: #ff6f00 !important;
}
.amber.accent-1 {
    background-color: #ffe57f !important;
}
.amber-text.text-accent-1 {
    color: #ffe57f !important;
}
.amber.accent-2 {
    background-color: #ffd740 !important;
}
.amber-text.text-accent-2 {
    color: #ffd740 !important;
}
.amber.accent-3 {
    background-color: #ffc400 !important;
}
.amber-text.text-accent-3 {
    color: #ffc400 !important;
}
.amber.accent-4 {
    background-color: #ffab00 !important;
}
.amber-text.text-accent-4 {
    color: #ffab00 !important;
}
.orange {
    background-color: #ff9800 !important;
}
.orange-text {
    color: #ff9800 !important;
}
.orange.lighten-5 {
    background-color: #fff3e0 !important;
}
.orange-text.text-lighten-5 {
    color: #fff3e0 !important;
}
.orange.lighten-4 {
    background-color: #ffe0b2 !important;
}
.orange-text.text-lighten-4 {
    color: #ffe0b2 !important;
}
.orange.lighten-3 {
    background-color: #ffcc80 !important;
}
.orange-text.text-lighten-3 {
    color: #ffcc80 !important;
}
.orange.lighten-2 {
    background-color: #ffb74d !important;
}
.orange-text.text-lighten-2 {
    color: #ffb74d !important;
}
.orange.lighten-1 {
    background-color: #ffa726 !important;
}
.orange-text.text-lighten-1 {
    color: #ffa726 !important;
}
.orange.darken-1 {
    background-color: #fb8c00 !important;
}
.orange-text.text-darken-1 {
    color: #fb8c00 !important;
}
.orange.darken-2 {
    background-color: #f57c00 !important;
}
.orange-text.text-darken-2 {
    color: #f57c00 !important;
}
.orange.darken-3 {
    background-color: #ef6c00 !important;
}
.orange-text.text-darken-3 {
    color: #ef6c00 !important;
}
.orange.darken-4 {
    background-color: #e65100 !important;
}
.orange-text.text-darken-4 {
    color: #e65100 !important;
}
.orange.accent-1 {
    background-color: #ffd180 !important;
}
.orange-text.text-accent-1 {
    color: #ffd180 !important;
}
.orange.accent-2 {
    background-color: #ffab40 !important;
}
.orange-text.text-accent-2 {
    color: #ffab40 !important;
}
.orange.accent-3 {
    background-color: #ff9100 !important;
}
.orange-text.text-accent-3 {
    color: #ff9100 !important;
}
.orange.accent-4 {
    background-color: #ff6d00 !important;
}
.orange-text.text-accent-4 {
    color: #ff6d00 !important;
}
.deep-orange {
    background-color: #ff5722 !important;
}
.deep-orange-text {
    color: #ff5722 !important;
}
.deep-orange.lighten-5 {
    background-color: #fbe9e7 !important;
}
.deep-orange-text.text-lighten-5 {
    color: #fbe9e7 !important;
}
.deep-orange.lighten-4 {
    background-color: #ffccbc !important;
}
.deep-orange-text.text-lighten-4 {
    color: #ffccbc !important;
}
.deep-orange.lighten-3 {
    background-color: #ffab91 !important;
}
.deep-orange-text.text-lighten-3 {
    color: #ffab91 !important;
}
.deep-orange.lighten-2 {
    background-color: #ff8a65 !important;
}
.deep-orange-text.text-lighten-2 {
    color: #ff8a65 !important;
}
.deep-orange.lighten-1 {
    background-color: #ff7043 !important;
}
.deep-orange-text.text-lighten-1 {
    color: #ff7043 !important;
}
.deep-orange.darken-1 {
    background-color: #f4511e !important;
}
.deep-orange-text.text-darken-1 {
    color: #f4511e !important;
}
.deep-orange.darken-2 {
    background-color: #e64a19 !important;
}
.deep-orange-text.text-darken-2 {
    color: #e64a19 !important;
}
.deep-orange.darken-3 {
    background-color: #d84315 !important;
}
.deep-orange-text.text-darken-3 {
    color: #d84315 !important;
}
.deep-orange.darken-4 {
    background-color: #bf360c !important;
}
.deep-orange-text.text-darken-4 {
    color: #bf360c !important;
}
.deep-orange.accent-1 {
    background-color: #ff9e80 !important;
}
.deep-orange-text.text-accent-1 {
    color: #ff9e80 !important;
}
.deep-orange.accent-2 {
    background-color: #ff6e40 !important;
}
.deep-orange-text.text-accent-2 {
    color: #ff6e40 !important;
}
.deep-orange.accent-3 {
    background-color: #ff3d00 !important;
}
.deep-orange-text.text-accent-3 {
    color: #ff3d00 !important;
}
.deep-orange.accent-4 {
    background-color: #dd2c00 !important;
}
.deep-orange-text.text-accent-4 {
    color: #dd2c00 !important;
}
.brown {
    background-color: #795548 !important;
}
.brown-text {
    color: #795548 !important;
}
.brown.lighten-5 {
    background-color: #efebe9 !important;
}
.brown-text.text-lighten-5 {
    color: #efebe9 !important;
}
.brown.lighten-4 {
    background-color: #d7ccc8 !important;
}
.brown-text.text-lighten-4 {
    color: #d7ccc8 !important;
}
.brown.lighten-3 {
    background-color: #bcaaa4 !important;
}
.brown-text.text-lighten-3 {
    color: #bcaaa4 !important;
}
.brown.lighten-2 {
    background-color: #a1887f !important;
}
.brown-text.text-lighten-2 {
    color: #a1887f !important;
}
.brown.lighten-1 {
    background-color: #8d6e63 !important;
}
.brown-text.text-lighten-1 {
    color: #8d6e63 !important;
}
.brown.darken-1 {
    background-color: #6d4c41 !important;
}
.brown-text.text-darken-1 {
    color: #6d4c41 !important;
}
.brown.darken-2 {
    background-color: #5d4037 !important;
}
.brown-text.text-darken-2 {
    color: #5d4037 !important;
}
.brown.darken-3 {
    background-color: #4e342e !important;
}
.brown-text.text-darken-3 {
    color: #4e342e !important;
}
.brown.darken-4 {
    background-color: #3e2723 !important;
}
.brown-text.text-darken-4 {
    color: #3e2723 !important;
}
.blue-grey {
    background-color: #607d8b !important;
}
.blue-grey-text {
    color: #607d8b !important;
}
.blue-grey.lighten-5 {
    background-color: #eceff1 !important;
}
.blue-grey-text.text-lighten-5 {
    color: #eceff1 !important;
}
.blue-grey.lighten-4 {
    background-color: #cfd8dc !important;
}
.blue-grey-text.text-lighten-4 {
    color: #cfd8dc !important;
}
.blue-grey.lighten-3 {
    background-color: #b0bec5 !important;
}
.blue-grey-text.text-lighten-3 {
    color: #b0bec5 !important;
}
.blue-grey.lighten-2 {
    background-color: #90a4ae !important;
}
.blue-grey-text.text-lighten-2 {
    color: #90a4ae !important;
}
.blue-grey.lighten-1 {
    background-color: #78909c !important;
}
.blue-grey-text.text-lighten-1 {
    color: #78909c !important;
}
.blue-grey.darken-1 {
    background-color: #546e7a !important;
}
.blue-grey-text.text-darken-1 {
    color: #546e7a !important;
}
.blue-grey.darken-2 {
    background-color: #455a64 !important;
}
.blue-grey-text.text-darken-2 {
    color: #455a64 !important;
}
.blue-grey.darken-3 {
    background-color: #37474f !important;
}
.blue-grey-text.text-darken-3 {
    color: #37474f !important;
}
.blue-grey.darken-4 {
    background-color: #263238 !important;
}
.blue-grey-text.text-darken-4 {
    color: #263238 !important;
}
.grey {
    background-color: #9e9e9e !important;
}
.grey-text {
    color: #9e9e9e !important;
}
.grey.lighten-5 {
    background-color: #fafafa !important;
}
.grey-text.text-lighten-5 {
    color: #fafafa !important;
}
.grey.lighten-4 {
    background-color: #f5f5f5 !important;
}
.grey-text.text-lighten-4 {
    color: #f5f5f5 !important;
}
.grey.lighten-3 {
    background-color: #eee !important;
}
.grey-text.text-lighten-3 {
    color: #eee !important;
}
.grey.lighten-2 {
    background-color: #e0e0e0 !important;
}
.grey-text.text-lighten-2 {
    color: #e0e0e0 !important;
}
.grey.lighten-1 {
    background-color: #bdbdbd !important;
}
.grey-text.text-lighten-1 {
    color: #bdbdbd !important;
}
.grey.darken-1 {
    background-color: #757575 !important;
}
.grey-text.text-darken-1 {
    color: #757575 !important;
}
.grey.darken-2 {
    background-color: #616161 !important;
}
.grey-text.text-darken-2 {
    color: #616161 !important;
}
.grey.darken-3 {
    background-color: #424242 !important;
}
.grey-text.text-darken-3 {
    color: #424242 !important;
}
.grey.darken-4 {
    background-color: #212121 !important;
}
.grey-text.text-darken-4 {
    color: #212121 !important;
}
.black {
    background-color: #000 !important;
}
.black-text {
    color: #000 !important;
}
.white {
    background-color: #fff !important;
}
.white-text {
    color: #fff !important;
}
.transparent {
    background-color: transparent !important;
}
.transparent-text {
    color: transparent !important;
}
.gradient-45deg-light-blue-teal {
    background: #b3e5fc;
    background: -webkit-linear-gradient(45deg, #b3e5fc, #64ffda) !important;
    background: -moz- oldlinear-gradient(45deg, #b3e5fc, #64ffda) !important;
    background: -o-linear-gradient(45deg, #b3e5fc, #64ffda) !important;
    background: linear-gradient(45deg, #b3e5fc, #64ffda) !important;
}
.gradient-45deg-light-blue-teal.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(100 255 218 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(100 255 218 / 0.5) !important;
}
.gradient-45deg-indigo-light-blue {
    background: #3949ab;
    background: -webkit-linear-gradient(45deg, #3949ab, #4fc3f7) !important;
    background: -moz- oldlinear-gradient(45deg, #3949ab, #4fc3f7) !important;
    background: -o-linear-gradient(45deg, #3949ab, #4fc3f7) !important;
    background: linear-gradient(45deg, #3949ab, #4fc3f7) !important;
}
.gradient-45deg-indigo-light-blue.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(79 195 247 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(79 195 247 / 0.5) !important;
}
.gradient-45deg-light-blue-indigo {
    background: #b3e5fc;
    background: -webkit-linear-gradient(45deg, #b3e5fc, #9fa8da) !important;
    background: -moz- oldlinear-gradient(45deg, #b3e5fc, #9fa8da) !important;
    background: -o-linear-gradient(45deg, #b3e5fc, #9fa8da) !important;
    background: linear-gradient(45deg, #b3e5fc, #9fa8da) !important;
}
.gradient-45deg-light-blue-indigo.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(159 168 218 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(159 168 218 / 0.5) !important;
}
.gradient-45deg-yellow-green {
    background: #ffff8d;
    background: -webkit-linear-gradient(45deg, #ffff8d, #b9f6ca) !important;
    background: -moz- oldlinear-gradient(45deg, #ffff8d, #b9f6ca) !important;
    background: -o-linear-gradient(45deg, #ffff8d, #b9f6ca) !important;
    background: linear-gradient(45deg, #ffff8d, #b9f6ca) !important;
}
.gradient-45deg-yellow-green.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(185 246 202 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(185 246 202 / 0.5) !important;
}
.gradient-45deg-orange-deep-orange {
    background: #ffe0b2;
    background: -webkit-linear-gradient(45deg, #ffe0b2, #ffccbc) !important;
    background: -moz- oldlinear-gradient(45deg, #ffe0b2, #ffccbc) !important;
    background: -o-linear-gradient(45deg, #ffe0b2, #ffccbc) !important;
    background: linear-gradient(45deg, #ffe0b2, #ffccbc) !important;
}
.gradient-45deg-orange-deep-orange.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(255 204 188 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(255 204 188 / 0.5) !important;
}
.gradient-45deg-deep-purple-purple {
    background: #d1c4e9;
    background: -webkit-linear-gradient(45deg, #d1c4e9, #f3e5f5) !important;
    background: -moz- oldlinear-gradient(45deg, #d1c4e9, #f3e5f5) !important;
    background: -o-linear-gradient(45deg, #d1c4e9, #f3e5f5) !important;
    background: linear-gradient(45deg, #d1c4e9, #f3e5f5) !important;
}
.gradient-45deg-deep-purple-purple.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(243 229 245 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(243 229 245 / 0.5) !important;
}
.gradient-45deg-red-pink {
    background: #ff5252;
    background: -webkit-linear-gradient(45deg, #ff5252, #f48fb1) !important;
    background: -moz- oldlinear-gradient(45deg, #ff5252, #f48fb1) !important;
    background: -o-linear-gradient(45deg, #ff5252, #f48fb1) !important;
    background: linear-gradient(45deg, #275887, #5c696b) !important;
}
.gradient-45deg-red-pink.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(63 96 134 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(63 96 134 / 0.5) !important;
}
.gradient-45deg-light-green-amber {
    background: #c5e1a5;
    background: -webkit-linear-gradient(45deg, #c5e1a5, #fff8e1) !important;
    background: -moz- oldlinear-gradient(45deg, #c5e1a5, #fff8e1) !important;
    background: -o-linear-gradient(45deg, #c5e1a5, #fff8e1) !important;
    background: linear-gradient(45deg, #c5e1a5, #fff8e1) !important;
}
.gradient-45deg-light-green-amber.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(255 248 225 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(255 248 225 / 0.5) !important;
}
.gradient-45deg-amber-amber {
    background: #ff6f00;
    background: -webkit-linear-gradient(45deg, #ff6f00, #ffca28) !important;
    background: -moz- oldlinear-gradient(45deg, #ff6f00, #ffca28) !important;
    background: -o-linear-gradient(45deg, #ff6f00, #ffca28) !important;
    background: linear-gradient(45deg, #ff6f00, #ffca28) !important;
}
.gradient-45deg-amber-amber.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(255 202 40 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(255 202 40 / 0.5) !important;
}
.gradient-45deg-purple-pink {
    background: #ea80fc;
    background: -webkit-linear-gradient(45deg, #ea80fc, #fce4ec) !important;
    background: -moz- oldlinear-gradient(45deg, #ea80fc, #fce4ec) !important;
    background: -o-linear-gradient(45deg, #ea80fc, #fce4ec) !important;
    background: linear-gradient(45deg, #ea80fc, #fce4ec) !important;
}
.gradient-45deg-purple-pink.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(252 228 236 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(252 228 236 / 0.5) !important;
}
.gradient-45deg-teal-cyan {
    background: #e0f2f1;
    background: -webkit-linear-gradient(45deg, #e0f2f1, #00e5ff) !important;
    background: -moz- oldlinear-gradient(45deg, #e0f2f1, #00e5ff) !important;
    background: -o-linear-gradient(45deg, #e0f2f1, #00e5ff) !important;
    background: linear-gradient(45deg, #e0f2f1, #00e5ff) !important;
}
.gradient-45deg-teal-cyan.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(0 229 255 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(0 229 255 / 0.5) !important;
}
.gradient-45deg-blue-grey-blue-grey {
    background: #cfd8dc;
    background: -webkit-linear-gradient(45deg, #cfd8dc, #546e7a) !important;
    background: -moz- oldlinear-gradient(45deg, #cfd8dc, #546e7a) !important;
    background: -o-linear-gradient(45deg, #cfd8dc, #546e7a) !important;
    background: linear-gradient(45deg, #cfd8dc, #546e7a) !important;
}
.gradient-45deg-blue-grey-blue-grey.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(84 110 122 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(84 110 122 / 0.5) !important;
}
.gradient-45deg-orange-amber {
    background: #e65100;
    background: -webkit-linear-gradient(45deg, #e65100, #1976d2) !important;
    background: -moz- oldlinear-gradient(45deg, #e65100, #1976d2) !important;
    background: -o-linear-gradient(45deg, #e65100, #1976d2) !important;
    background: linear-gradient(45deg, #e65100, #1976d2) !important;
}
.gradient-45deg-orange-amber.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(25 118 210 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(25 118 210 / 0.5) !important;
}
.gradient-45deg-indigo-blue {
    background: #303f9f;
    background: -webkit-linear-gradient(45deg, #303f9f, #1976d2) !important;
    background: -moz- oldlinear-gradient(45deg, #303f9f, #1976d2) !important;
    background: -o-linear-gradient(45deg, #303f9f, #1976d2) !important;
    background: linear-gradient(45deg, #303f9f, #1976d2) !important;
}
.gradient-45deg-indigo-blue.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(25 118 210 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(25 118 210 / 0.5) !important;
}
.gradient-45deg-brown-brown {
    background: #6d4c41;
    background: -webkit-linear-gradient(45deg, #6d4c41, #bbdefb) !important;
    background: -moz- oldlinear-gradient(45deg, #6d4c41, #bbdefb) !important;
    background: -o-linear-gradient(45deg, #6d4c41, #bbdefb) !important;
    background: linear-gradient(45deg, #6d4c41, #bbdefb) !important;
}
.gradient-45deg-brown-brown.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(187 222 251 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(187 222 251 / 0.5) !important;
}
.gradient-45deg-blue-grey-blue {
    background: #263238;
    background: -webkit-linear-gradient(45deg, #263238, #2979ff) !important;
    background: -moz- oldlinear-gradient(45deg, #263238, #2979ff) !important;
    background: -o-linear-gradient(45deg, #263238, #2979ff) !important;
    background: linear-gradient(45deg, #263238, #2979ff) !important;
}
.gradient-45deg-blue-grey-blue.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(41 121 255 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(41 121 255 / 0.5) !important;
}
.gradient-45deg-purple-deep-orange {
    background: #8e24aa;
    background: -webkit-linear-gradient(45deg, #8e24aa, #ff6e40) !important;
    background: -moz- oldlinear-gradient(45deg, #8e24aa, #ff6e40) !important;
    background: -o-linear-gradient(45deg, #8e24aa, #ff6e40) !important;
    background: linear-gradient(45deg, #8e24aa, #ff6e40) !important;
}
.gradient-45deg-green-deeep {
    background: #8e24aa;
    background: -webkit-linear-gradient(45deg, #1fa27e, #4fbb52) !important;
    background: -moz- oldlinear-gradient(45deg, #1fa27e, #4fbb52) !important;
    background: -o-linear-gradient(45deg, #1fa27e, #4fbb52) !important;
    background: linear-gradient(45deg, #1fa27e, #4fbb52) !important;
}
.gradient-45deg-purple-deep-orange.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(255 110 64 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(255 110 64 / 0.5) !important;
}
.gradient-45deg-green-teal {
    background: #43a047;
    background: -webkit-linear-gradient(45deg, #43a047, #1de9b6) !important;
    background: -moz- oldlinear-gradient(45deg, #43a047, #1de9b6) !important;
    background: -o-linear-gradient(45deg, #43a047, #1de9b6) !important;
    background: linear-gradient(45deg, #888df8, #39947d) !important;
}
.gradient-45deg-green-teal.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(75 142 184 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(75 142 184 / 0.5) !important;
}
.gradient-45deg-purple-light-blue {
    background: #e040fb;
    background: -webkit-linear-gradient(45deg, #e040fb, #4fc3f7) !important;
    background: -moz- oldlinear-gradient(45deg, #e040fb, #4fc3f7) !important;
    background: -o-linear-gradient(45deg, #e040fb, #4fc3f7) !important;
    background: linear-gradient(45deg, #e040fb, #4fc3f7) !important;
}
.gradient-45deg-purple-light-blue.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(79 195 247 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(79 195 247 / 0.5) !important;
}
.gradient-45deg-cyan-cyan {
    background: #18ffff;
    background: -webkit-linear-gradient(45deg, #18ffff, #00e5ff) !important;
    background: -moz- oldlinear-gradient(45deg, #18ffff, #00e5ff) !important;
    background: -o-linear-gradient(45deg, #18ffff, #00e5ff) !important;
    background: linear-gradient(45deg, #18ffff, #00e5ff) !important;
}
.gradient-45deg-cyan-cyan.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(0 229 255 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(0 229 255 / 0.5) !important;
}
.gradient-45deg-yellow-teal {
    background: #fff9c4;
    background: -webkit-linear-gradient(45deg, #fff9c4, #64ffda) !important;
    background: -moz- oldlinear-gradient(45deg, #fff9c4, #64ffda) !important;
    background: -o-linear-gradient(45deg, #fff9c4, #64ffda) !important;
    background: linear-gradient(45deg, #fff9c4, #64ffda) !important;
}
.gradient-45deg-yellow-teal.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(100 255 218 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(100 255 218 / 0.5) !important;
}
.gradient-45deg-purple-deep-purple {
    background: #7b1fa2;
    background: -webkit-linear-gradient(45deg, #7b1fa2, #7c4dff) !important;
    background: -moz- oldlinear-gradient(45deg, #7b1fa2, #7c4dff) !important;
    background: -o-linear-gradient(45deg, #7b1fa2, #7c4dff) !important;
    background: linear-gradient(45deg, #7b1fa2, #7c4dff) !important;
}
.gradient-45deg-purple-deep-purple.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(124 77 255 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(124 77 255 / 0.5) !important;
}
.gradient-45deg-cyan-light-green {
    background: #0097a7;
    background: -webkit-linear-gradient(45deg, #0097a7, #b2ff59) !important;
    background: -moz- oldlinear-gradient(45deg, #0097a7, #b2ff59) !important;
    background: -o-linear-gradient(45deg, #0097a7, #b2ff59) !important;
    background: linear-gradient(45deg, #0097a7, #b2ff59) !important;
}
.gradient-45deg-cyan-light-green.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(178 255 89 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(178 255 89 / 0.5) !important;
}
.gradient-45deg-purple-amber {
    background: #d500f9;
    background: -webkit-linear-gradient(45deg, #d500f9, #ffa000) !important;
    background: -moz- oldlinear-gradient(45deg, #d500f9, #ffa000) !important;
    background: -o-linear-gradient(45deg, #d500f9, #ffa000) !important;
    background: linear-gradient(45deg, #d500f9, #ffa000) !important;
}
.gradient-45deg-purple-amber.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(255 160 0 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(255 160 0 / 0.5) !important;
}
.gradient-45deg-indigo-purple {
    background: #303f9f;
    background: -webkit-linear-gradient(45deg, #303f9f, #7b1fa2) !important;
    background: -moz- oldlinear-gradient(45deg, #303f9f, #7b1fa2) !important;
    background: -o-linear-gradient(45deg, #303f9f, #7b1fa2) !important;
    background: linear-gradient(45deg, #1fa27e, #4fbb52) !important;
}
.gradient-45deg-indigo-purple.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(123 31 162 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(123 31 162 / 0.5) !important;
}
.gradient-45deg-deep-purple-blue {
    background: #6200ea;
    background: -webkit-linear-gradient(45deg, #6200ea, #1976d2) !important;
    background: -moz- oldlinear-gradient(45deg, #6200ea, #1976d2) !important;
    background: -o-linear-gradient(45deg, #6200ea, #1976d2) !important;
    background: linear-gradient(45deg, #6200ea, #1976d2) !important;
}
.gradient-45deg-deep-purple-blue.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(25 118 210 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(25 118 210 / 0.5) !important;
}
.gradient-45deg-deep-orange-orange {
    background: #bf360c;
    background: -webkit-linear-gradient(45deg, #bf360c, #f57c00) !important;
    background: -moz- oldlinear-gradient(45deg, #bf360c, #f57c00) !important;
    background: -o-linear-gradient(45deg, #bf360c, #f57c00) !important;
    background: linear-gradient(45deg, #bf360c, #f57c00) !important;
}
.gradient-45deg-deep-orange-orange.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(245 124 0 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(245 124 0 / 0.5) !important;
}
.gradient-45deg-light-blue-cyan {
    background: #0288d1;
    background: -webkit-linear-gradient(45deg, #0288d1, #26c6da) !important;
    background: -moz- oldlinear-gradient(45deg, #0288d1, #26c6da) !important;
    background: -o-linear-gradient(45deg, #0288d1, #26c6da) !important;
    background: linear-gradient(45deg, #4aa775, #26c6da) !important;
}
.gradient-45deg-light-blue-cyan.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(78 181 162 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(78 181 162 / 0.5) !important;
}
.gradient-45deg-blue-indigo {
    background: #2962ff;
    background: -webkit-linear-gradient(45deg, #2962ff, #3949ab) !important;
    background: -moz- oldlinear-gradient(45deg, #2962ff, #3949ab) !important;
    background: -o-linear-gradient(45deg, #2962ff, #3949ab) !important;
    background: linear-gradient(45deg, #2962ff, #3949ab) !important;
}
.gradient-45deg-blue-indigo.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(57 73 171 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(57 73 171 / 0.5) !important;
}
.gradient-45deg-semi-dark {
    background: #00aeff;
    background: -webkit-gradient(
        linear,
        right top,
        left top,
        from(#00aeff),
        to(#3369e6)
    ) !important;
    background: -webkit-linear-gradient(right, #00aeff, #3369e6) !important;
    background: -moz- oldlinear-gradient(right, #00aeff, #3369e6) !important;
    background: -o-linear-gradient(right, #00aeff, #3369e6) !important;
    background: linear-gradient(-90deg, #00aeff, #3369e6) !important;
}
.gradient-45deg-semi-dark.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgb(51 105 230 / 0.5) !important;
    box-shadow: 0 6px 20px 0 rgb(51 105 230 / 0.5) !important;
}
.avatar-status {
    line-height: 50px;
    position: relative;
    display: inline-block;
    width: 28px;
    vertical-align: bottom;
    white-space: nowrap;
    border-radius: 50px;
}
.avatar-status i {
    position: absolute;
    right: -2px;
    bottom: 18px;
    width: 9px !important;
    height: 9px !important;
    border: 1px solid #fff;
    border-radius: 100%;
}
.avatar-status span.text-circle {
    font-size: 1.2rem;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    background: #fafafa;
}
.avatar-status img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border: 0 none;
    border-radius: 1000px;
    background: #e6e6e6;
}
.avatar-online i {
    background-color: #00e676;
}
.avatar-off i {
    background-color: #bdbdbd;
}
.avatar-busy i {
    background-color: #ff1744;
}
.avatar-away i {
    background-color: #ffc400;
}
.avatar-status.avatar-100 {
    width: 100px;
}
.avatar-status.avatar-100 span.text-circle {
    width: 100px;
    height: 100px;
}
.avatar-status.avatar-100 i {
    width: 20px;
    height: 20px;
}
.avatar-status.avatar-50 {
    line-height: 0;
    width: 50px;
}
.avatar-status.avatar-50 span.text-circle {
    width: 50px;
    height: 50px;
}
.avatar-status.avatar-50 i {
    right: -1px;
    bottom: 21px;
    width: 12px !important;
    height: 12px !important;
}
.avatar-status.avatar-lg {
    width: 144px;
}
.avatar-status.avatar-lg span.text-circle {
    width: 144px;
    height: 144px;
}
.avatar-status.avatar-lg i {
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
}
.avatar-status.avatar-md {
    width: 40px;
}
.avatar-status.avatar-md span.text-circle {
    width: 40px;
    height: 40px;
}
.avatar-status.avatar-md i {
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
}
.avatar-status.avatar-sm {
    width: 32px;
}
.avatar-status.avatar-sm span.text-circle {
    width: 32px;
    height: 32px;
}
.avatar-status.avatar-sm i {
    width: 8px;
    height: 8px;
}
.avatar-status.avatar-xs {
    width: 24px;
}
.avatar-status.avatar-xs span.text-circle {
    width: 24px;
    height: 24px;
}
.avatar-status.avatar-xs i {
    width: 7px;
    height: 7px;
}
.collection .collection-item.avatar:not(.circle-clipper) > .circle {
    background: #e6e6e6;
}
.dropdown-content li:hover,
.dropdown-content li.active {
    background-color: #eee;
}
.dropdown-content li > a,
.dropdown-content li > span {
    padding: 14px 24px;
}
.dropdown-content li > a:hover,
.dropdown-content li > a.active,
.dropdown-content li > span:hover,
.dropdown-content li > span.active {
    background-color: #eee;
}
.dropdown-content li > a > i {
    width: 24px;
    margin: 0 12px 0 0;
}
span.badge {
    color: #fff;
}
span.badge.pill {
    font-size: 0.8rem;
    line-height: 20px;
    min-width: 1rem;
    height: 20px;
    border-radius: 50%;
    border-radius: 9px;
}
#badges-navbar nav .brand-logo {
    font-size: 2.1rem;
}
.cursor-pointer {
    cursor: pointer;
}
@font-face {
    font-family: "Material Icons";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src:
        local("Material Icons"),
        local("MaterialIcons-Regular"),
        url(../../../fonts/material-design-icons/MaterialIcons-Regular.ttf)
            format("truetype"),
        url(../../../fonts/material-design-icons/MaterialIcons-Regular.woff2)
            format("woff2"),
        url(../../../fonts/material-design-icons/MaterialIcons-Regular.woff)
            format("woff"),
        url(../../../fonts/material-design-icons/MaterialIcons-Regular.eot);
}
.material-icons {
    font-family: "Material Icons";
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    display: inline-block;
    white-space: nowrap;
    letter-spacing: normal;
    text-transform: none;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
}
.material-icons.md-18 {
    font-size: 18px;
}
.material-icons.md-24 {
    font-size: 24px;
}
.material-icons.md-36 {
    font-size: 36px;
}
.material-icons.md-48 {
    font-size: 48px;
}
.material-icons.md-dark {
    color: rgb(0 0 0 / 0.54);
}
.material-icons.md-dark.md-inactive {
    color: rgb(0 0 0 / 0.26);
}
.material-icons.md-light {
    color: #fff;
}
.material-icons.md-light.md-inactive {
    color: rgb(255 255 255 / 0.3);
}
.pulse-style-one {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .modal {
        position: -ms-page;
        top: 10%;
    }
    .modal.bottom-sheet {
        position: -ms-page;
        top: 155%;
        height: 100%;
    }
    .modal.bottom-sheet + .modal-overlay {
        position: -ms-page;
        top: 100%;
    }
    .modal-overlay {
        position: -ms-page;
        top: 5%;
        height: 100%;
    }
}
.navbar .header-search-wrapper {
    position: relative;
    display: inline-block;
    width: -webkit-calc(100% - 600px);
    width: -moz-calc(100% - 600px);
    width: calc(100% - 600px);
    height: 40px;
    margin: 10px auto 0 285px;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.navbar .header-search-wrapper i {
    font-size: 24px;
    line-height: 32px !important;
    position: absolute;
    top: 6px;
    left: 24px;
    -webkit-transition: color 200ms ease;
    -moz-transition: color 200ms ease;
    -o-transition: color 200ms ease;
    transition: color 200ms ease;
}
.navbar .nav-collapsed .header-search-wrapper {
    margin: 10px auto 0 100px;
}
.navbar input.header-search-input {
    font-size: 16px;
    font-weight: 400;
    display: block;
    width: 87%;
    height: 24px;
    padding: 8px 8px 8px 72px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    border: none;
    border-radius: 3px;
    outline: none;
    background: rgb(255 255 255 / 0.3);
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}
.navbar input.header-search-input:hover {
    background: rgb(255 255 255 / 0.5);
}
.navbar input.header-search-input:focus {
    color: #333;
    border-bottom: none !important;
    background: #fff;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.navbar .header-search-wrapper-focus i {
    color: #444;
}
.navbar .header-search-input::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}
.navbar .header-search-input::-moz-placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}
.navbar .header-search-input:-ms-input-placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}
.navbar .header-search-input:focus::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #333;
}
.navbar .header-search-input:focus::-moz-placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #333;
}
.navbar .header-search-input:focus::placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #333;
}
.navbar .header-search-input:focus:-ms-input-placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #333;
}
.navbar .header-search-input::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}
.navbar .header-search-input::-moz-placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}
.navbar .header-search-input::placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}
.navbar .toggle-fullscreen,
.navbar .notification-button {
    line-height: 1;
}
.navbar .notification-badge {
    font-family: "Muli", sans-serif;
    position: relative;
    top: -20px;
    right: 5px;
    margin: 0 -0.8em;
    padding: 2px 5px;
    color: #fff;
    border-radius: 50%;
    background-color: #ff4081;
    -webkit-box-shadow: 0 0 10px 0 #ff4081;
    box-shadow: 0 0 10px 0 #ff4081;
}
.navbar #notifications-dropdown h5 {
    font-size: 1rem;
    font-weight: 500;
    text-transform: capitalize;
}
.navbar #notifications-dropdown li {
    font-size: 1rem;
    padding: 8px 16px;
}
.navbar #notifications-dropdown li > a {
    font-size: 1.1rem;
    font-weight: 300;
    padding: 0;
}
.navbar #notifications-dropdown li > a > span {
    font-size: 1.2rem;
    position: relative;
    top: 4px;
    display: inline-block;
    margin-right: 5px;
}
.navbar #notifications-dropdown li > time {
    font-size: 0.8rem;
    font-weight: 400;
    margin-left: 38px;
}
.navbar #notifications-dropdown li.divider {
    padding: 0;
}
.navbar .navbar-light {
    background: #fff;
}
.navbar .navbar-light ul a {
    color: rgb(0 0 0 / 0.87);
}
.navbar .navbar-light .header-search-wrapper i {
    color: rgb(0 0 0 / 0.87);
}
.navbar .navbar-light .header-search-wrapper input.header-search-input {
    color: rgb(0 0 0 / 0.87);
    border: 1px solid #efefef;
    background: rgb(230 230 230 / 0.3);
}
.navbar .navbar-light .header-search-wrapper input.header-search-input:hover,
.navbar .navbar-light .header-search-wrapper input.header-search-input:active,
.navbar .navbar-light .header-search-wrapper input.header-search-input:focus {
    border: 1px solid #adadad;
    border-bottom: 1px solid #adadad !important;
    background: #fff0;
}
.navbar
    .navbar-light
    .header-search-wrapper
    input.header-search-input::-webkit-input-placeholder {
    color: rgb(0 0 0 / 0.87);
}
.navbar
    .navbar-light
    .header-search-wrapper
    input.header-search-input::-moz-placeholder {
    color: rgb(0 0 0 / 0.87);
}
.navbar
    .navbar-light
    .header-search-wrapper
    input.header-search-input::placeholder {
    color: rgb(0 0 0 / 0.87);
}
.navbar .navbar-dark {
    background: #37474f;
}
.navbar .navbar-dark ul a {
    color: #fff;
}
.navbar .navbar-dark .header-search-wrapper i {
    color: #fff;
}
.navbar .navbar-dark .header-search-wrapper input.header-search-input {
    color: #fff;
    border: 1px solid rgb(230 230 230 / 0.05);
    background: rgb(230 230 230 / 0.3);
}
.navbar .navbar-dark .header-search-wrapper input.header-search-input:hover,
.navbar .navbar-dark .header-search-wrapper input.header-search-input:active,
.navbar .navbar-dark .header-search-wrapper input.header-search-input:focus {
    border: 1px solid rgb(230 230 230 / 0.1);
    background: rgb(230 230 230 / 0.1);
}
.navbar
    .navbar-dark
    .header-search-wrapper
    input.header-search-input::-webkit-input-placeholder {
    color: #fff;
}
.navbar
    .navbar-dark
    .header-search-wrapper
    input.header-search-input::-moz-placeholder {
    color: #fff;
}
.navbar
    .navbar-dark
    .header-search-wrapper
    input.header-search-input::placeholder {
    color: #fff;
}
.navbar .no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none;
}
nav.display-none.search-sm
    .nav-wrapper
    form
    .input-field
    input.search-box-sm:not(:focus) {
    color: #fff;
}
@media only screen and (max-width: 600px) {
    .navbar .nav-wrapper .dropdown-content {
        left: 0 !important;
        width: 100% !important;
    }
    .notification-button i {
        font-size: 29px;
        position: relative;
        top: 12px;
    }
    .search-button i {
        position: relative;
        top: 6px;
        height: 0;
    }
    .search-sm-close {
        position: absolute !important;
        top: 12px !important;
    }
    .search-sm-icon {
        position: absolute !important;
        top: 14px !important;
    }
}
.sidenav-main {
    position: fixed;
    z-index: 999;
    top: 0;
    width: 260px;
    height: 100%;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
}
.sidenav-main span.badge.new {
    line-height: 20px;
    margin-top: 11px;
}
.brand-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: inherit;
    height: 64px;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px 0 rgb(0 0 0 / 0.2);
    box-shadow: 0 1px 1px 0 rgb(190 190 190 / 20%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.brand-sidebar .logo-wrapper {
    font-size: 3rem;
    line-height: 17px !important;
    margin: 0;
    white-space: nowrap;
}
.brand-sidebar .logo-wrapper a.brand-logo img {
    height: 18px;
}
.brand-sidebar .logo-wrapper a.navbar-toggler {
    display: none;
    position: absolute;
    top: 7px;
    right: 22px;
}
.brand-sidebar .logo-wrapper a.navbar-toggler i {
    font-size: 15px;
    line-height: 56px;
    display: block;
    height: 56px;
    color: #333;
}
.brand-sidebar span.logo-text {
    font-size: 16px;
    visibility: visible;
    line-height: 24px;
    text-transform: capitalize;
    color: #45a07e;
    font-weight: 700;
    padding-left: 4px;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    opacity: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.brand-sidebar .brand-logo {
    font-size: 2.1rem;
    display: flex;
    align-items: flex-start;
    margin: 1px 0;
    padding: 9px 18px 18px 18px;
    color: #333;
}
.brand-sidebar .brand-logo img {
    height: 18px;
}
.brand-sidebar .brand-logo.center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media only screen and (max-width: 992px) {
    .brand-sidebar .brand-logo {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .brand-sidebar .brand-logo.left,
    .brand-sidebar .brand-logo.right {
        padding: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    .brand-sidebar .brand-logo.left {
        left: 0.5rem;
    }
    .brand-sidebar .brand-logo.right {
        right: 0.5rem;
        left: auto;
    }
}
.brand-sidebar .brand-logo.right {
    right: 0.5rem;
    padding: 0;
}
.brand-sidebar .brand-logo i,
.brand-sidebar .brand-logo [class^="mdi-"],
.brand-sidebar .brand-logo [class*="mdi-"],
.brand-sidebar .brand-logo i.material-icons {
    float: left;
    margin-right: 15px;
}
.sidenav {
    top: 64px;
    padding-bottom: 170px;
    overflow: auto;
    width: inherit;
    height: 100%;
    -webkit-transition: auto !important;
    -moz-transition: auto !important;
    -o-transition: auto !important;
    transition: auto !important;
    border: none;
    -webkit-box-shadow: 0 4px 7px 0 rgb(0 0 0 / 0.2);
    box-shadow: 0 4px 7px 0 rgb(0 0 0 / 0.2);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.sidenav.native-scroll {
    overflow-y: scroll !important;
}
.sidenav a {
    line-height: 42px;
    height: 42px;
}
.sidenav .navigation-header {
    font-size: 0.85rem;
    font-weight: 600;
    margin-top: 10px;
    padding: 0 17px;
    text-transform: uppercase;
}
.sidenav .navigation-header .navigation-header-icon {
    display: none;
}
.sidenav .navigation-header .navigation-header-text {
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 30px;
    height: 30px;
    margin: 0;
    padding: 0 !important;
    color: #969696;
}
.sidenav .navigation-header .navigation-header-text:hover {
    background-color: transparent !important;
}
.sidenav li {
    line-height: 20px;
}
.sidenav li a {
    color: #162525;
}
.sidenav li a i {
    font-size: 1.4rem;
    line-height: inherit;
    display: block;
    float: left;
    width: 2rem;
    margin-right: 1rem;
    text-align: center;
}
.sidenav .collapsible-header {
    font-weight: 400;
    margin: 0;
}
.sidenav .collapsible-header:after {
    font-family: "Material Icons";
    font-size: 14px;
    position: absolute;
    right: 16px;
    content: "keyboard_arrow_right";
    transition:
        transform 0.3s ease-in-out,
        opacity 0.25s ease-in-out 0.1s,
        -webkit-transform 0.3s ease-in-out;
    color: #162525;
}
.sidenav .collapsible-header.active:after {
    content: "keyboard_arrow_down";
}
.sidenav li .collapsible-body {
    background: #fff0;
}
.sidenav li .collapsible-body a i {
    font-size: 0.7rem;
}
.sidenav li a.active {
    color: #fff;
    background: -webkit-linear-gradient(45deg, #303f9f, #7b1fa2);
    background: -moz- oldlinear-gradient(45deg, #303f9f, #7b1fa2);
    background: -o-linear-gradient(45deg, #303f9f, #7b1fa2);
    background: linear-gradient(45deg, #1fa27e, #4fbb52);
    -webkit-box-shadow: 1px 1px 0 0 rgb(127 213 130 / 0.5);
    box-shadow: 1px 1px 0 0 rgb(127 213 130 / 0.5);
}
.sidenav li a.active i {
    color: #fff;
}
.sidenav li.active {
    background-color: #fff0;
}
.sidenav li.active > .collapsible-header:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.sidenav li > a,
.sidenav li a.collapsible-header {
    font-weight: 400;
    line-height: 20px;
    font-size: 13px;
    height: 36px;
    padding: 8px 12px !important;
    display: flex;
    gap: 10px;
    align-items: center;
}
.sidenav li > a > i.material-icons,
.sidenav li a.collapsible-header > i.material-icons {
    line-height: 20px;
    font-size: 16px;
    height: 20px;
    margin: 0 8px 0 0;
}
.sidenav li > a > i.material-icons svg {
    height: 20px;
}
.sidenav .collapsible-body > ul:not(.collapsible) > li.active,
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active {
    background-color: #d1d6ef;
}
.sidenav .collapsible-body > ul:not(.collapsible) > li.active a,
.sidenav .collapsible-body > ul:not(.collapsible) > li.active i,
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active a,
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active i {
    color: #3f51b5;
    background: none;
}
.sidenav.sidenav-fixed {
    background: #f9f9f9;
    transform: translateX(0%) !important;
    z-index: -1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px 12px;
}
.nav-expanded .sidenav .menu-title {
    visibility: visible;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    opacity: 1;
    font-weight: 500;
}
.nav-expanded .navigation-header-text {
    display: block;
}
.nav-expanded .navigation-header-icon {
    display: none;
}
.nav-collapsed.sidenav-main {
    width: 64px;
}
.nav-collapsed .brand-sidebar .navbar-toggler,
.nav-collapsed .brand-sidebar .brand-logo span {
    visibility: hidden;
    -webkit-transition:
        visibility 0s 2s,
        opacity 0.05s linear;
    -moz-transition:
        visibility 0s 2s,
        opacity 0.05s linear;
    -o-transition:
        visibility 0s 2s,
        opacity 0.05s linear;
    transition:
        visibility 0s 2s,
        opacity 0.05s linear;
    opacity: 0;
}
.nav-collapsed .navigation-header-text {
    display: none;
}
.nav-collapsed .navigation-header-icon {
    display: block !important;
}
.nav-collapsed .sidenav .user-options,
.nav-collapsed .sidenav .menu-title,
.nav-collapsed .sidenav .collapsible-body span,
.nav-collapsed .sidenav .collapsible-header:after {
    display: none;
}
.nav-collapsed .sidenav .menu-title {
    visibility: visible;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    opacity: 1;
}
.nav-lock .navigation-header-icon {
    display: none;
}
.nav-collapsible.nav-collapsed span.badge.pill {
    visibility: hidden;
    -webkit-transition:
        visibility 0s 2s,
        opacity 0.05s linear;
    -moz-transition:
        visibility 0s 2s,
        opacity 0.05s linear;
    -o-transition:
        visibility 0s 2s,
        opacity 0.05s linear;
    transition:
        visibility 0s 2s,
        opacity 0.05s linear;
    opacity: 0;
}
.nav-collapsible span.badge {
    color: #fff;
}
.nav-collapsible span.badge.pill {
    position: absolute;
    right: 10px;
    background-color: #e6e6e6 !important;
    color: #505050;
    font-weight: 700;
    visibility: visible;
    float: none;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    opacity: 1;
    margin: 0;
}
.sidenav-dark {
    background: #2c323f;
}
.sidenav-dark .brand-sidebar {
    background: #2c323f;
    -webkit-box-shadow: 0 -4px 7px 1px rgb(0 0 0 / 0.2);
    box-shadow: 0 -4px 7px 1px rgb(0 0 0 / 0.2);
}
.sidenav-dark.sidenav-main .sidenav {
    background-color: #fff0;
}
.sidenav-dark.sidenav-main
    .sidenav
    .collapsible-body
    > ul:not(.collapsible)
    > li.active,
.sidenav-dark.sidenav-main
    .sidenav.fixed
    .collapsible-body
    > ul:not(.collapsible)
    > li.active {
    background: #3f51b5;
}
.sidenav-dark.sidenav-main .sidenav li .navigation-header-text {
    color: #b0bec5;
}
.sidenav-dark.sidenav-main .sidenav li > a,
.sidenav-dark.sidenav-main .sidenav li .more-text {
    color: #fff;
}
.sidenav-dark.sidenav-main .sidenav li > a > i,
.sidenav-dark.sidenav-main .sidenav li .more-text > i {
    color: #fff;
}
.sidenav-dark.sidenav-main .sidenav li.bold > a:not(.active):hover,
.sidenav-dark.sidenav-main .sidenav li:not(.active).open {
    background-color: rgb(0 0 0 / 0.1) !important;
}
.sidenav-dark.sidenav-main .collapsible {
    border: none;
}
.sidenav-dark.sidenav-main .brand-sidebar .brand-logo,
.sidenav-dark.sidenav-main .brand-sidebar .logo-wrapper a.navbar-toggler i {
    color: #fff;
}
.sidenav-dark.sidenav-gradient .brand-sidebar {
    background: #fff0;
}
.sidenav-dark.sidenav-gradient.fixed .collapsible-body {
    background: #fff0;
}
.sidenav-dark.sidenav-gradient.sidenav-main
    .sidenav
    li
    .navigation-header-text {
    color: #ececec;
}
.sidenav-dark .collapsible-header:after {
    color: #ececec;
}
.sidenav-dark .ps__rail-y:hover {
    background: #fff0;
}
.navbar-full .brand-sidebar {
    background: #fff0;
}
.navbar-full .brand-sidebar .brand-logo {
    color: #fff;
}
.navbar-full .brand-sidebar .logo-wrapper a.navbar-toggler i {
    color: #fff;
}
.sidenav-active-rounded .sidenav li > a.active {
    color: #fff;
    border-radius: 0 25px 25px 0;
}
.sidenav-active-rounded .sidenav li > a.active > i {
    color: #fff;
}
.sidenav-active-rounded .sidenav li:not(.open) > a.active {
    color: #fff;
}
.sidenav-active-rounded .sidenav li:not(.open) > a.active > i {
    color: #fff;
}
.sidenav-active-rounded .sidenav li:not(.active) > a:hover {
    margin-right: 16px;
    border-radius: 0 25px 25px 0;
}
.sidenav-active-rounded .sidenav li > a,
.sidenav-active-rounded .sidenav li a.collapsible-header {
    margin-right: 16px;
    padding: 0 0 0 16px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
.sidenav-active-rounded .sidenav .collapsible-header:after {
    right: 9px;
}
.sidenav-active-rounded.nav-collapsed li > a,
.sidenav-active-rounded.nav-collapsed li a.collapsible-header {
    margin-right: 10px;
}
.sidenav-active-rounded.nav-collapsed li.close {
    background-color: rgb(0 0 0 / 0.08);
}
.sidenav-active-square .sidenav li > a.active {
    color: #fff;
    border-radius: 6px;
}
.sidenav-active-square .sidenav li > a.active > i {
    color: #fff;
}
.sidenav-active-square .sidenav li:has(> a.active) > a {
    background: #0000000a !important;
    box-shadow: none;
    color: #061415;
}
.sidenav-active-square .sidenav li:not(.open) > a.active > i {
    color: #061415;
}
.sidenav-active-square .sidenav li:not(.open) > a.active > i svg {
    color: #061415;
    stroke: #061415;
}
.sidenav-active-square .sidenav li:not(.active) > a:hover {
    margin-right: 0;
    border-radius: 6px;
}
.sidenav-active-square .sidenav li > a{
    padding: 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    border-radius: 6px;
    margin-right: 0px;
}
.sidenav-active-square .sidenav li a.collapsible-header {
    padding: 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    border-radius: 6px;
    margin-right: 0px;
    position: relative;
}
.sidenav-active-square .sidenav .collapsible-header:after {
    right: 9px;
}
.sidenav-active-square.nav-collapsed li > a,
.sidenav-active-square.nav-collapsed li a.collapsible-header {
    margin-right: 10px;
}
.sidenav-active-square.nav-collapsed li.close {
    background-color: rgb(0 0 0 / 0.08);
}
@media only screen and (max-width: 992px) {
    .sidenav-main {
        width: auto;
        height: 0;
    }
    .sidenav-main .brand-sidebar {
        left: 80px;
        background: #fff0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .sidenav-main .brand-sidebar .navbar-toggler {
        display: none;
    }
    .sidenav-main .brand-sidebar .logo-wrapper {
        padding: 0 !important;
    }
    .sidenav-main .brand-sidebar .sidenav-trigger {
        top: -48px;
    }
    .sidenav-main .sidenav {
        top: 0;
        width: 260px;
    }
    .sidenav-main .btn-sidenav-toggle {
        position: relative;
        top: 10px;
        left: 10px;
    }
    .sidenav-dark.sidenav-main .sidenav {
        background: #2c323f;
    }
}
@media only screen and (max-width: 600px) {
    .sidenav-main .brand-sidebar .brand-logo {
        padding: 16px 12px 20px 12px;
    }
    .sidenav-main .btn-sidenav-toggle {
        position: relative;
        top: 6px;
        left: 6px;
    }
    .sidenav-trigger.btn-sidenav-toggle.waves-effect {
        z-index: 10;
        position: fixed;
        top: 6px;
        left: 6px;
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .sidenav .collapsible-header {
    }
    .sidenav .collapsible-header:after {
        width: 0;
        content: "+";
    }
    .sidenav li.active > .collapsible-header:after {
        right: 0;
        width: 0;
        content: "-";
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
#right-search .input-field {
    margin-top: 0;
}
#slide-out-right,
#slide-out-left {
    top: 64px;
    overflow: hidden;
}
#slide-out-right .tab a,
#slide-out-left .tab a {
    padding: 0 !important;
}
#slide-out-right.sidenav,
#slide-out-left.sidenav {
    top: 0;
    width: 450px;
    padding-bottom: 0;
    overflow: inherit;
}
#slide-out-right.sidenav li a.active,
#slide-out-left.sidenav li a.active {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#slide-out-right.sidenav .slide-out-right-body,
#slide-out-left.sidenav .slide-out-right-body {
    overflow-y: hidden;
    width: 100%;
    height: -webkit-calc(100vh - 120px);
    height: -moz-calc(100vh - 120px);
    height: calc(100vh - 120px);
}
#slide-out-right.sidenav #messages,
#slide-out-left.sidenav #messages {
    padding: 0.7rem;
}
#slide-out-right.sidenav #messages .header-search-input,
#slide-out-left.sidenav #messages .header-search-input {
    width: 86%;
    height: 2.8rem;
    margin: 1rem;
    padding-left: 1rem;
    border: none;
    border-radius: 2rem;
    background-color: #eee;
}
#slide-out-right.sidenav #messages .collection,
#slide-out-left.sidenav #messages .collection {
    max-height: 100% !important;
}
#slide-out-right.sidenav #messages .collection .collection-item,
#slide-out-left.sidenav #messages .collection .collection-item {
    border: none;
}
#slide-out-right.sidenav #messages .collection ul.collection,
#slide-out-left.sidenav #messages .collection ul.collection {
    overflow: hidden;
    max-height: 100% !important;
    border: none;
}
#slide-out-right.sidenav #messages .collection ul.collection li,
#slide-out-left.sidenav #messages .collection ul.collection li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 1.2rem;
    cursor: pointer;
}
#slide-out-right.sidenav #messages .collection ul.collection li .user-content,
#slide-out-left.sidenav #messages .collection ul.collection li .user-content {
    margin-top: 0.4em;
    margin-left: 1rem;
}
#slide-out-right.sidenav
    #messages
    .collection
    ul.collection
    li
    .secondary-content,
#slide-out-left.sidenav
    #messages
    .collection
    ul.collection
    li
    .secondary-content {
    top: 1.6rem;
    color: #c5cae9;
}
#slide-out-right.sidenav #messages .collection ul.collection li:hover,
#slide-out-left.sidenav #messages .collection ul.collection li:hover {
    background-color: #f5f5f5;
}
#slide-out-right .fixed-line-height,
#slide-out-left .fixed-line-height {
    line-height: 24px;
}
#slide-out-right #chatapp li,
#slide-out-left #chatapp li {
    line-height: 35px !important;
    min-height: 70px !important;
}
#slide-out-right #chatapp .sidenav li,
#slide-out-left #chatapp .sidenav li {
    line-height: 20px !important;
}
.chat-close-collapse {
    padding: 5px 15px 0 0;
}
.icon-bg-color {
    font-size: 20px;
    width: 35px;
    height: 35px;
    padding-top: 8px;
    text-align: center;
    border-radius: 50%;
}
.border-bottom-1 {
    border-bottom: 1px solid #f5f5f5;
}
#activity ul.collection {
    max-height: 100% !important;
}
#activity .collection::before {
    position: absolute;
    top: 1rem;
    left: 4%;
    width: 1px;
    height: 100%;
    margin-left: -1px;
    content: "";
    background-color: #e0e0e0;
}
#activity .collection-item::before {
    font-family: "Material Icons";
    font-size: 1rem;
    position: absolute;
    left: 1.6%;
    content: "lens";
    color: #e0e0e0;
    border-radius: 100%;
}
#activity .collection {
    border: none;
}
#activity .collection .collection-item {
    margin-bottom: 1rem;
    padding-left: 2rem;
    border: none;
}
#activity .collection .collection-item p {
    font-size: 0.9rem;
}
#activity .collection .collection-item .badge {
    float: none;
    margin: 0;
    padding: 0.3rem 0.5rem 0.4rem 0.5rem;
}
#activity .collection .collection-item .secondary-content {
    font-size: 0.9rem;
    color: #c5cae9;
}
.slide-out-right-sidenav-chat {
    top: 0;
    width: 340px;
}
#settings ul.collection {
    max-height: 100% !important;
}
@media only screen and (max-width: 992px) {
    #slide-out-right,
    #slide-out-left {
        top: 0;
    }
    #slide-out-right.sidenav,
    #slide-out-left.sidenav {
        height: 100% !important;
    }
}
#slide-out-chat .chat-head,
#slide-out-chat .chat-footer {
    z-index: 1;
    width: 100%;
    background-color: #eceff1;
}
#slide-out-chat .chat-footer {
    bottom: -0.6rem;
}
#slide-out-chat .chat-footer form {
    background-color: #eceff1;
}
#slide-out-chat .chat-footer input {
    width: 80%;
    margin-left: -2rem;
    padding-left: 1rem;
    border: none;
    border-radius: 3rem;
    background-color: #fff;
}
#slide-out-chat .chat-footer label {
    margin-top: -0.7rem;
    margin-left: 2rem;
}
#slide-out-chat .chat-footer label:not(.label-icon).active {
    display: none;
}
#slide-out-chat .chat-footer i {
    cursor: pointer;
}
#slide-out-chat .chat-footer a {
    line-height: 2rem;
    position: absolute;
    width: 40px;
    background: #fff0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#slide-out-chat .speech-bubble {
    position: relative;
    margin-left: 1rem;
    border-radius: 0.3rem;
    background: #eceff1;
}
#slide-out-chat .speech-bubble:after {
    position: absolute;
    top: 50%;
    left: -9px;
    width: 0;
    height: 0;
    margin-top: -20px;
    content: "";
    border: 10px solid #fff0;
    border-right-color: #eceff1;
    border-left: 0;
}
#slide-out-chat .speech-bubble-right {
    position: relative;
    margin-left: 1rem;
    color: #fff;
    border-radius: 0.3rem;
    background-color: #3f51b5;
}
#slide-out-chat .speech-bubble-right:after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    margin-top: -16px;
    margin-right: -8px;
    content: "";
    border: 10px solid #fff0;
    border-right: 0;
    border-left-color: #3f51b5;
}
#slide-out-chat .chat-body ul.collection {
    top: 0;
    margin-top: 0;
    margin-bottom: 0;
}
#slide-out-chat .collection {
    top: 48px;
    height: -webkit-calc(100vh - 129px);
    height: -moz-calc(100vh - 129px);
    height: calc(100vh - 129px);
}
#slide-out-chat .collection .collection-item {
    min-height: auto;
    margin-bottom: 1rem;
    border: none;
}
#slide-out-chat .collection .collection-item .user-content {
    padding: 1rem;
}
@media (max-width: 600px) {
    #slide-out-right.sidenav,
    #slide-out-left.sidenav {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}
#breadcrumbs-wrapper {
    padding: 20px 0;
    background: #fff0;
}
#breadcrumbs-wrapper .breadcrumbs-btn {
    top: 24px;
}
#breadcrumbs-wrapper h5.breadcrumbs-header {
    font-size: 1.64rem;
    line-height: 1.804rem;
    margin: 1.5rem 0 0 0;
}
#breadcrumbs-wrapper .breadcrumbs {
    margin: 15px 0;
    padding: 0;
    list-style: none;
}
#breadcrumbs-wrapper .breadcrumbs > li {
    display: inline-block;
}
#breadcrumbs-wrapper .breadcrumbs > li + li::before {
    font-family: "Material Icons";
    position: relative;
    top: 3px;
    padding: 0 5px 0 4px;
    content: "keyboard_arrow_right";
    color: #bdbdbd;
}
#breadcrumbs-wrapper .breadcrumbs .active {
    font-weight: 400;
    color: #9e9e9e;
}
#breadcrumbs-wrapper .breadcrumbs-title {
    font-size: 1.4rem;
    line-height: 1.4rem;
}
#breadcrumbs-wrapper .breadcrumbs-nav {
    margin: 8px 0 9px;
}
#breadcrumbs-wrapper.breadcrumbs-bg-image {
    position: relative;
    z-index: 1;
    color: #fff;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
#breadcrumbs-wrapper.breadcrumbs-bg-image .breadcrumbs-title {
    color: #fff;
}
#breadcrumbs-wrapper.breadcrumbs-bg-image .breadcrumbs {
    margin: 10px 0;
}
#breadcrumbs-wrapper.breadcrumbs-bg-image .breadcrumbs a {
    color: rgb(255 255 255 / 0.8);
}
#breadcrumbs-wrapper.breadcrumbs-bg-image .breadcrumbs .active {
    color: rgb(255 255 255 / 0.9);
}
#breadcrumbs-wrapper.breadcrumbs-bg-image::before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: rgb(0 0 0 / 0.07);
}
#breadcrumbs-wrapper.breadcrumbs-dark .breadcrumbs-title,
#breadcrumbs-wrapper.breadcrumbs-dark a {
    color: rgb(255 255 255 / 0.85);
}
#breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs-title,
#breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs {
    display: inline;
}
#breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs-left {
    position: relative;
    top: 8px;
}
#breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs-title {
    padding-right: 20px;
    border-right: 1px solid #bdbdbd;
}
#breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs {
    padding-left: 20px;
}
#breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs-btn {
    top: 0;
}
#breadcrumbs-wrapper .breadcrumbs-right .breadcrumbs {
    float: right;
    margin-top: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #breadcrumbs-wrapper .breadcrumbs > li + li::before {
        top: 0;
        width: 0;
        content: "/";
    }
}
.input-field div.error {
    font-size: 0.8rem;
    position: relative;
    top: 0rem;
    left: 0rem;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    color: #ff4081;
}
.input-field label.active {
    width: 100%;
}
.left-alert input[type="text"] + label:after,
.left-alert input[type="password"] + label:after,
.left-alert input[type="email"] + label:after,
.left-alert input[type="url"] + label:after,
.left-alert input[type="time"] + label:after,
.left-alert input[type="date"] + label:after,
.left-alert input[type="datetime-local"] + label:after,
.left-alert input[type="tel"] + label:after,
.left-alert input[type="number"] + label:after,
.left-alert input[type="search"] + label:after,
.left-alert textarea.materialize-textarea + label:after {
    left: 0;
}
.right-alert input[type="text"] + label:after,
.right-alert input[type="password"] + label:after,
.right-alert input[type="email"] + label:after,
.right-alert input[type="url"] + label:after,
.right-alert input[type="time"] + label:after,
.right-alert input[type="date"] + label:after,
.right-alert input[type="datetime-local"] + label:after,
.right-alert input[type="tel"] + label:after,
.right-alert input[type="number"] + label:after,
.right-alert input[type="search"] + label:after,
.right-alert textarea.materialize-textarea + label:after {
    right: 70px;
}
table.dataTable.dtr-inline.collapsed
    > tbody
    > tr[role="row"]
    > td:first-child:before,
table.dataTable.dtr-inline.collapsed
    > tbody
    > tr[role="row"]
    > th:first-child:before {
    line-height: 15px;
    top: 19px;
    text-indent: -1px !important;
}
.card {
    overflow: hidden;
    margin: 1rem 0 1rem 0;
}
.card .card-title {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}
.card .activator {
    cursor: pointer;
}
#card-stats .card-content {
    text-align: center;
}
#card-stats .card-stats-title {
    font-size: 1rem;
}
#card-stats .card-stats-title i {
    font-size: 1.2rem;
    position: relative;
    top: 3px;
}
#card-stats .card-stats-compare {
    font-size: 0.85rem;
}
#card-stats .card-stats-compare i {
    position: relative;
    top: 8px;
}
#card-stats .card-stats-number {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2rem;
    margin: 0.8rem 0 0.6rem 0;
}
#card-stats .card .card-content {
    padding: 10px 14px;
}
#card-stats .card .card-action {
    padding: 10px 14px;
}
.vertical-align-top {
    vertical-align: top;
}
.card-animation-1,
.image-n-margin {
    margin-top: -50px;
    -webkit-transition: 0.3s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.card-animation-1:hover .image-n-margin {
    margin-top: -80px;
    margin-bottom: 30px;
    cursor: pointer;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.card-alert .card-content {
    padding: 10px 20px;
}
.card-alert i {
    font-size: 20px;
    padding-right: 5px;
    position: relative;
    top: 4px;
}
.card-alert .alert-circle {
    position: relative;
    top: -5px;
    left: -2px;
    display: inline-block;
    width: 40px;
    vertical-align: bottom;
    white-space: nowrap;
    border-radius: 1000px;
}
.card-alert .single-alert {
    line-height: 42px;
}
.card-alert button {
    font-size: 20px;
    position: absolute;
    top: 5px;
    right: 10px;
    color: #fff;
    border: none;
    background: none;
}
.card-alert .card .card-content {
    padding: 20px 40px 20px 20px;
}
.card-alert .card-action i {
    top: 0;
    margin: 0;
}
#work-collections .collection-header {
    font-size: 1.14rem;
    font-weight: 500;
}
#work-collections p.collections-title {
    font-size: 1rem;
    font-weight: 500;
    margin: 0;
    padding: 0;
}
#work-collections p.collections-content {
    font-size: 0.9rem;
    font-weight: 400;
    margin: 0;
    padding: 0;
}
#work-collections .collection-item.avatar {
    height: auto;
    padding-top: 22px;
}
#flight-card .flight-card-title {
    font-weight: 300;
    margin: 0;
    color: #fff;
}
#flight-card .flight-card-date {
    font-size: 1rem;
    margin: 0;
    color: #fff;
}
#flight-card .flight-state {
    padding-bottom: 15px;
}
#flight-card .flight-state-two {
    border-left: 1px dashed #bdbdbd;
}
#flight-card .flight-icon {
    font-size: 2.2rem;
    display: block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
#flight-card .card-content-bg {
    background: url(../../../images/gallery/3.png) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}
#flight-card .card-content {
    background: rgb(0 0 0 / 0.25);
}
#flight-card .flight-state-wrapper {
    margin: 0 0 80px 0 !important;
}
#flight-card .card-header .card-title {
    padding: 20px;
}
#task-card label {
    display: block;
    height: auto;
    color: rgb(0 0 0 / 0.87);
}
#task-card .task-card-title {
    font-weight: 300;
    margin: 0;
    color: #fff;
}
#task-card .task-card-date {
    font-size: 1rem;
    margin: 0;
    color: #fff;
}
#task-card .collection-header {
    padding: 20px;
}
#task-card .task-add {
    position: absolute;
    top: 76px;
    right: 10px;
}
#task-card .task-cat {
    font-size: 0.8rem;
    font-weight: 300;
    margin-left: 37px;
    padding: 2px 4px;
    color: #fff;
    border-radius: 2px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.task-cat {
    font-size: 0.8rem;
    font-weight: 300;
    padding: 2px 4px;
    color: #fff;
    border-radius: 2px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.collection .collection-item.avatar i.circle {
    font-size: 28px;
}
#profile-card .card-image {
    height: 150px;
}
#profile-card .card-profile-image {
    position: absolute;
    z-index: 1;
    top: 110px;
    width: 70px;
    cursor: pointer;
}
#profile-card .btn-move-up {
    position: relative;
    top: -40px;
    right: -18px;
    margin-right: 10px !important;
}
#profile-card .card-content .profile-card-i {
    position: relative;
    top: 6px;
    margin-right: 10px;
}
#profile-card .card-content p {
    font-size: 1rem;
    margin: 10px 0 12px;
}
.card-move-up .move-up {
    padding: 20px;
}
.black-overlay {
    background-color: rgb(0 0 0 / 0.42) !important;
}
.bg-image-1 {
    width: 100%;
    background-image: url(../../../images/cards/macbook.png);
    -webkit-background-size: cover;
    background-size: cover;
}
.bg-image-2 {
    width: 100%;
    background-image: url(../../../images/cards/iphone.png);
    -webkit-background-size: cover;
    background-size: cover;
}
.bg-image-3 {
    width: 100%;
    background-image: url(../../../images/cards/applewatch.png);
    -webkit-background-size: cover;
    background-size: cover;
}
.icon-background {
    width: 50px;
    height: 50px;
    margin: 8px;
    padding-top: 11px;
}
#profile-card .card-reveal i.material-icons {
    position: relative;
    top: 6px;
}
#user-card .flip-card {
    max-width: 100%;
}
@media screen and (min-width: 1290px) {
    .icon-background {
        width: 3.125rem;
        height: 3.125rem;
        margin: 1.25rem;
        margin-left: 2rem;
        padding-top: 0.6875rem;
    }
}
@media screen and (max-width: 1366px) {
    .icon-background {
        margin-left: 1.25rem;
    }
}
@media screen and (min-width: 1440px) {
    .icon-background {
        margin-left: 2rem;
    }
}
@media screen and (min-width: 1680px) {
    .icon-background {
        margin-left: 2.6875rem;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
    .icon-background {
        margin-left: 0.25rem;
    }
}
@media screen and (max-width: 992px) {
    .icon-background {
        margin-left: 1.875rem;
    }
}
@media screen and (max-width: 786px) {
    .icon-background {
        margin-left: 0.9375rem;
    }
}
@media screen and (max-width: 540px) {
    .icon-background {
        margin-left: 0.625rem;
    }
}
.small-ico-bg {
    padding: 6px;
    border-radius: 50%;
    background-color: #f3f1f1;
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
    #cards-extended #gradient-Analytics .card-width,
    #cards-extended #card-with-analytics .card-width,
    #cards-extended #card-panel-type .card-width {
        width: 50%;
    }
}
#card-stats {
    font-size: 14px;
}
#card-stats .card {
    margin: 1rem 0 0;
}
#chart-dashboard .card {
    overflow: hidden;
}
#chart-dashboard .card .card-content {
    padding: 10px 14px;
}
#chartjs .sample-chart-wrapper,
#chartjs2 .sample-chart-wrapper,
#chartjs3 .sample-chart-wrapper {
    margin-top: -75px;
    margin-bottom: -14px;
}
.sample-chart-wrapper {
    width: 100%;
}
.chart-title {
    font-size: 1.6rem;
    font-weight: 300;
}
.chart-revenue {
    float: right;
    padding: 8px;
    text-align: center;
    border-radius: 3px;
}
.chart-revenue .chart-revenue-total {
    font-size: 0.9rem;
    margin: 0;
}
.chart-revenue .chart-revenue-per {
    font-size: 0.8rem;
    margin: 0;
}
.chart-revenue .chart-revenue-per i {
    position: relative;
    top: 5px;
}
.chart-revenue-switch {
    padding-top: 28px;
    padding-right: 10px;
    text-align: right;
    color: #fff;
}
#materialize-chartist .ct-chart-line,
#materialize-chartist .ct-chart-bar,
#materialize-chartist .ct-chart-pie,
#materialize-chartist .ct-chart-donut {
    height: 400px !important;
}
.doughnut-chart-status {
    font-size: 16px;
    font-weight: 500;
    position: relative;
    top: -75px;
    left: 0;
    height: 0;
    text-align: center;
}
.doughnut-chart-status p {
    margin-top: -5px;
}
.doughnut-chart-legend li {
    font-size: 0.9rem;
    padding: 2px 0;
}
.doughnut-chart-legend li:before {
    display: block;
    float: left;
    width: 8px;
    height: 8px;
    margin-top: 6px;
    margin-right: 4px;
    content: "";
}
a.button-collapse.top-nav {
    font-size: 32px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 7.5%;
    float: none;
    margin-left: 1.5rem;
    color: #fff;
}
.trending-bar-chart-wrapper {
    width: 100%;
}
.btn-move-up {
    position: relative;
    top: -28px;
    right: -18px;
    margin-right: 10px !important;
}
.jqstooltip {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: none !important;
}
.tooltip-class {
    overflow: hidden;
    width: 30px;
    height: 20px;
    color: #fff;
}
#ct2-chart .ct-series.ct-series-a .ct-area {
    fill: #00bcd4;
}
#ct2-chart .ct-series.ct-series-a .ct-point {
    stroke: #00bcd4;
}
#ct2-chart .ct-series.ct-series-a .ct-line {
    stroke: #54e2f4;
}
.socialbox .logo {
    font-size: 28px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;
}
.socialbox .info {
    font-size: 15px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    margin: 0;
    padding: 0;
    color: #fff;
}
.chartist-tooltip.tooltip-show {
    display: inline-block;
}
.chartist-tooltip {
    display: none;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .doughnut-chart-status {
        display: none;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .doughnut-chart-status {
        display: none;
    }
    #card-stats .card-stats-compare {
        font-size: 0.8rem;
    }
}
#full-calendar {
    padding-top: 30px;
}
#calendar h2 {
    font-size: 1.5rem;
    line-height: 35px;
    text-transform: uppercase;
}
#calendar .fc-day-header {
    font-weight: 400;
    text-transform: uppercase;
}
#external-events {
    padding-top: 50px;
}
#external-events .fc-event {
    margin-bottom: 10px;
    padding: 5px;
    cursor: all-scroll;
    text-decoration: none;
    color: #fff;
    border: none;
}
.fc button {
    background: #fff;
}
.fc td {
    border-width: 0 !important;
}
.fc th {
    border-width: 0 !important;
}
.fc-state-active {
    color: #3f51b5 !important;
}
.fc-state-down {
    color: #3f51b5 !important;
}
@-webkit-keyframes fadeUp {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@-moz-keyframes fadeUp {
    0% {
        -moz-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 0;
    }
    100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@-o-keyframes fadeUp {
    0% {
        -o-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 0;
    }
    100% {
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes fadeUp {
    0% {
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
.animate.fadeUp {
    -webkit-animation: fadeUp;
    -moz-animation: fadeUp;
    -o-animation: fadeUp;
    animation: fadeUp;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeLeft {
    0% {
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@-moz-keyframes fadeLeft {
    0% {
        -moz-transform: translateX(-30px);
        transform: translateX(-30px);
        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@-o-keyframes fadeLeft {
    0% {
        -o-transform: translateX(-30px);
        transform: translateX(-30px);
        opacity: 0;
    }
    100% {
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes fadeLeft {
    0% {
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
.animate.fadeLeft {
    -webkit-animation: fadeLeft;
    -moz-animation: fadeLeft;
    -o-animation: fadeLeft;
    animation: fadeLeft;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeRight {
    0% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@-moz-keyframes fadeRight {
    0% {
        -moz-transform: translateX(30px);
        transform: translateX(30px);
        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@-o-keyframes fadeRight {
    0% {
        -o-transform: translateX(30px);
        transform: translateX(30px);
        opacity: 0;
    }
    100% {
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes fadeRight {
    0% {
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -o-transform: translateX(30px);
        transform: translateX(30px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
.animate.fadeRight {
    -webkit-animation: fadeRight;
    -moz-animation: fadeRight;
    -o-animation: fadeRight;
    animation: fadeRight;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animation-fast {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -o-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.animation-slow {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}
.delay-1 {
    -webkit-animation-delay: 0.3s !important;
    -moz-animation-delay: 0.3s !important;
    -o-animation-delay: 0.3s !important;
    animation-delay: 0.3s !important;
}
.delay-2 {
    -webkit-animation-delay: 0.4s !important;
    -moz-animation-delay: 0.4s !important;
    -o-animation-delay: 0.4s !important;
    animation-delay: 0.4s !important;
}
.delay-3 {
    -webkit-animation-delay: 0.5s !important;
    -moz-animation-delay: 0.5s !important;
    -o-animation-delay: 0.5s !important;
    animation-delay: 0.5s !important;
}
.delay-4 {
    -webkit-animation-delay: 0.6s !important;
    -moz-animation-delay: 0.6s !important;
    -o-animation-delay: 0.6s !important;
    animation-delay: 0.6s !important;
}
.delay-5 {
    -webkit-animation-delay: 0.7s !important;
    -moz-animation-delay: 0.7s !important;
    -o-animation-delay: 0.7s !important;
    animation-delay: 0.7s !important;
}
.dynamic-color .red,
.dynamic-color .pink,
.dynamic-color .purple,
.dynamic-color .deep-purple,
.dynamic-color .indigo,
.dynamic-color .blue,
.dynamic-color .light-blue,
.dynamic-color .cyan,
.dynamic-color .teal,
.dynamic-color .green,
.dynamic-color .light-green,
.dynamic-color .lime,
.dynamic-color .yellow,
.dynamic-color .amber,
.dynamic-color .orange,
.dynamic-color .deep-orange,
.dynamic-color .brown,
.dynamic-color .grey,
.dynamic-color .blue-grey {
    font-size: 12px;
    font-weight: 500;
    line-height: 55px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 55px;
    padding: 0 15px;
}
.dynamic-color .col {
    margin-bottom: 55px;
}
tr.group {
    background-color: #ddd !important;
}
tr.group:hover {
    background-color: #ddd !important;
}
@media only screen and (max-width: 1024px) {
    tfoot {
        display: none;
    }
}
.site-layout-example-left {
    height: 300px;
    background-color: #90a4ae;
}
.site-layout-example-right {
    height: 300px;
    background-color: #00bfa5;
}
.site-layout-example-top {
    height: 50px;
    background-color: #ff5252;
}
.flat-text-header {
    display: block;
    width: 80%;
    height: 35px;
    margin: 27px auto;
    background-color: rgb(255 255 255 / 0.15);
}
.flat-text {
    display: block;
    width: 80%;
    height: 25px;
    margin: 27px auto;
    background-color: rgb(0 0 0 / 0.15);
}
.flat-text.small {
    width: 25%;
    height: 25px;
    background-color: rgb(0 0 0 / 0.15);
}
.flat-text.full-width {
    width: 100%;
}
.col.grid-example {
    font-size: 28px;
    line-height: 50px;
    margin: 7px 0;
    padding: 0;
    text-align: center;
    color: #fff;
    border: 1px solid #eee;
    background-color: tomato;
}
.col.grid-example span {
    font-weight: 200;
    line-height: 50px;
}
.waves-color-demo .collection-item {
    line-height: 57px;
    height: 57px;
}
.collection a.collection-item:not(.active):hover {
    background-color: #f9f9f9;
}
.browser-window {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin: 20px 0;
    text-align: left;
    border-radius: 5px 5px 2px 2px;
    background-color: #fff0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.browser-window .top-bar {
    height: 30px;
    border-top: thin solid #eaeae9;
    border-bottom: thin solid #ddd;
    border-radius: 5px 5px 0 0;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#e7e7e6),
        to(#e0e0e0)
    );
    background: -webkit-linear-gradient(#e7e7e6, #e0e0e0);
    background: -moz- oldlinear-gradient(#e7e7e6, #e0e0e0);
    background: -o-linear-gradient(#e7e7e6, #e0e0e0);
    background: linear-gradient(#e7e7e6, #e0e0e0);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.browser-window .circle {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 1px;
    border-radius: 50%;
}
.browser-window .circles {
    margin: 5px 12px;
}
.browser-window .content {
    display: inline-block;
    width: 100%;
    margin: 0;
    border-radius: 0 0 5px 5px;
    background-color: #fafafa;
}
.browser-window .row {
    margin: 0;
}
.close-circle {
    background-color: #ff5c5a;
}
.minimize-circle {
    background-color: #fdb45c;
}
.maximize-circle {
    background-color: #1bc656;
}
.clear {
    clear: both;
}
.promo i {
    font-size: 6rem;
    display: block;
    color: #ee6e73;
}
.promo-caption {
    font-size: 1.7rem;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 0;
}
.shadow-demo {
    width: 100px;
    height: 100px;
    margin: 20px auto;
    background-color: #26a69a;
}
#input-select .input-field label {
    font-size: 0.8rem;
    position: absolute;
    top: -14px;
}
.page-footer.footer-fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
}
.page-footer .container {
    padding: 0 15px;
}
.page-footer .footer-copyright {
    background-color: #fff0;
}
#world-map-markers {
    height: 300px;
}
#polar-chart-holder {
    padding-top: 20px;
}
.footer-light {
    background-color: #fff;
}
.footer-light.page-footer {
    border-top: 1px solid #d2d2d2 !important;
}
.footer-light .footer-copyright {
    color: rgb(0 0 0 / 0.87);
}
.footer-dark {
    background: #37474f;
}
.footer-dark .footer-copyright {
    color: rgb(255 255 255 / 0.8);
}
.footer-dark .footer-copyright a {
    color: #fff;
}
.btn-customizer {
    padding: 0 1rem;
}
.btn-customizer i {
    -webkit-animation: fa-spin 2s infinite linear;
    -moz-animation: fa-spin 2s infinite linear;
    -o-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@-moz-keyframes fa-spin {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@-o-keyframes fa-spin {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.theme-cutomizer {
    z-index: 99999;
    top: 0;
    width: 360px;
}
.theme-cutomizer .sidenav-close {
    position: absolute;
    top: 5px;
    right: 10px;
}
.theme-cutomizer .customize-devider {
    border: 1px solid #e4e4e4;
}
.theme-cutomizer .menu-options .menu-color-option,
.theme-cutomizer .menu-options .menu-bg-color-option,
.theme-cutomizer .menu-options .navbar-color-option,
.theme-cutomizer .navbar-options .menu-color-option,
.theme-cutomizer .navbar-options .menu-bg-color-option,
.theme-cutomizer .navbar-options .navbar-color-option {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    margin-bottom: 10px;
    cursor: pointer;
    border: 3px solid #fff;
    border-radius: 12px;
}
.theme-cutomizer .menu-options .menu-color-option.selected,
.theme-cutomizer .menu-options .menu-bg-color-option.selected,
.theme-cutomizer .menu-options .navbar-color-option.selected,
.theme-cutomizer .navbar-options .menu-color-option.selected,
.theme-cutomizer .navbar-options .menu-bg-color-option.selected,
.theme-cutomizer .navbar-options .navbar-color-option.selected {
    -webkit-box-shadow: 0 0 10px 3px #03a9f4;
    box-shadow: 0 0 10px 3px #03a9f4;
}
.btn-buy-now {
    position: fixed;
    top: 50%;
    right: -2px;
    padding: 0 1rem;
}
.buy-now-animated {
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-moz-keyframes tada {
    0% {
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-o-keyframes tada {
    0% {
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        transform: scale3d(1, 1, 1);
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.tada {
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada;
}
.theme-cutomizer-trigger {
    position: fixed;
    top: 40%;
    right: -2px;
}
.section.section-data-tables {
    padding: 10px;
}
.display th {
    font-weight: 700;
    color: #151515;
    text-transform: capitalize;
    font-size: 14px;
}
.table-wrapper .badge {
    display: inline-block;
    font-size: 13px;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 300;
    padding: 4px 9px;
    color: #fff;
    border-radius: 10px;
    background-color: #ff4081;
    float: left;
}
.table-wrapper td:first-child {
    font-weight: 700;
}
.badge[data-status="cancelled"] {
    background-color: #fce4ec;
    color: #c51162;
}
.badge[data-status="active"] {
    background-color: #e8f5e9;
    color: #00c853;
}
.badge[data-status="trial"] {
    background-color: #dfe3e8;
    color: #454f5b;
}
.table-wrapper tbody tr:hover {
    background: #f9f9f9;
    cursor: auto;
}
.table-wrapper .badge[data-status="pending"] {
    color: #454f5b;
    background-color: #dfe3e8;
}
.table-wrapper .badge[data-status="paid"] {
    background-color: #49a579;
    color: #fff;
}
.subcriber-badge {
    color: #fff;
    background: linear-gradient(45deg, #1fa27e, #4fbb52);
}
.active-badge {
    color: #fff;
    background: linear-gradient(45deg, #1fa27e, #4fbb52);
}
.inactive-badge {
    color: #fff;
    background: linear-gradient(45deg, #a21f37, #d72f2f);
}
.btn-floating.btn-large {
    background: linear-gradient(45deg, #ffc107, #ff9800) !important;
    font-weight: 700;
    box-shadow: 0 6px 20px 0 rgb(255 193 7 / 0.5) !important;
}
.btn-floating.btn-large.box-showNone {
    box-shadow: none;
}
.gateway-icon {
    padding-right: 4px;
    float: left;
    font-size: 10px;
}
.table-wrapper .badge[data-status="fulfilled"] {
    background-color: #ef9022;
}
.faq-head {
    padding-top: 20px;
    padding-bottom: 20px;
}
.support-text {
    padding: 10px 10px;
    color: #222;
    font-weight: 700;
    text-align: center;
}
.support-mail {
    border-bottom: dotted;
    cursor: pointer;
    border-width: 1px;
}
span.subtext {
    font-weight: 100;
}
tbody tr:last-child {
    border-bottom: none;
}
.media-image img {
    width: 100px;
    border: none;
    border-radius: 0;
    height: 30px;
    box-shadow: none;
}
.chat-list .user-section {
    width: 100%;
}
.delete-plan {
    padding-top: 10px;
    padding-right: 10px;
    color: #2d2d2d;
}
#view-drop {
    width: 150px !important;
    top: 55px !important;
    color: #545454 !important;
    left: 86% !important;
}
.customer-label {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 3px 10px;
    color: #000;
    font-weight: 800;
    background: #fff;
}
.details-section .show-details {
    text-align: center;
    width: 33.33%;
}
.card .card-content.detailed-content {
    padding: 15px 10px;
}
.custom-wrap {
    display: flex;
}
.trialcheck-wrap {
    padding: 10px 0 20px 12px;
}
.section-form-wizard ul.stepper.horizontal .step .step-content .step-actions {
    position: relative;
}
.mmb-inner-info .trial-wrapper {
    padding: 15px 15px;
}
.trial-wrapper {
    display: none;
    border: 1px solid #f1f0f0;
    background: #fbfbfb;
    padding: 15px 10px;
    margin-top: 25px;
    border-radius: 3px;
}
.mmb-wrapper .mmb-inner-info .trial-wrapper input,
.mmb-wrapper .mmb-inner-info .trial-wrapper select.browser-default {
    border: 1px solid #d0d0d0;
    color: #3c3c3c;
}
ul.stepper .step .step-content .step-actions .btn.previous-step {
    background: #a8a8a8;
    color: #eaeaea;
}
ul.stepper .step .step-content .step-actions .btn {
    background: #52b45c;
}
.switch label input[type="checkbox"]:checked + .lever {
    background-color: #49a579;
}
.switch label input[type="checkbox"]:checked + .lever:after {
    background-color: #52b55b;
}
.app-email .content-area.content-right {
    width: 100%;
    margin-top: 0;
}
.sidebar-chat .chat-list .media-image {
    display: flex;
    align-items: center;
}
.sidebar-chat .chat-list i {
    font-size: 16px;
}
.chat-newicon {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-right: 0.25rem !important;
}
span.chat-badge {
    font-size: 0.8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 8px;
    color: #616161;
    border-radius: 4px;
}
.material-icons[data-status="active"] {
    color: #52b45c !important;
}
.material-icons[data-status="inactive"] {
    color: #ffc107 !important;
}
.edit-sms {
    display: flex;
    align-items: center;
    padding: 0 25px;
    color: #000;
    font-weight: 700;
    font-size: 14px;
}
.edit-sms i {
    font-size: 13px;
    text-decoration: none;
    padding-top: 0;
    border: none;
    padding-right: 5px;
}
.edit-sms span {
    text-decoration: underline;
    cursor: pointer;
}
.save-sms {
    display: none;
    cursor: pointer;
    margin: 12px 14px;
}
.cancel-smsTrigger {
    cursor: pointer;
    padding-right: 15px;
}
.save-smsTrigger {
    padding: 8px 40px;
    background: #000;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
}
.sidebar-area {
    display: none;
}
.sidebar-area.active {
    display: block;
}
.email-collection .list-desc textarea {
    width: 100%;
    height: 150px;
    padding: 20px;
    border: 1px solid #e2e2e2;
    text-align: left;
    background: no-repeat;
}
.email-collection .list-desc textarea:disabled {
    border: none;
    color: red;
    font-size: 0.9rem;
    line-height: 1.35rem;
    margin-top: 0.25rem;
    color: #616161;
    resize: none;
    height: 100%;
    padding: 0;
}
.edit-emailTemp {
    padding: 0;
    margin-bottom: 10px;
    display: flex;
    cursor: pointer;
    width: fit-content;
    float: right;
    align-items: center;
    color: #000;
    font-weight: 700;
    font-size: 14px;
    justify-content: flex-end;
}
.edit-emailTemp:hover {
    text-decoration: underline;
}
.edit-emailTemp i {
    font-size: 13px;
    padding-right: 5px;
}
.save-email {
    display: none;
    cursor: pointer;
    float: right;
    clear: both;
    margin: 12px 0;
}
.cancel-emailTrigger {
    cursor: pointer;
    padding-right: 15px;
}
.save-emailTrigger {
    padding: 8px 40px;
    background: #000;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
}
.pixel-wrapper .inner-wrap {
    padding: 25px 50px 25px 35px;
}
.pixel-wrapper input[type="text"],
.pixel-wrapper input[type="password"] {
    border: 1px solid #cccbcb;
    border-radius: 5px;
    padding: 0 10px;
    width: -webkit-fill-available;
}
.pixel-wrapper {
    display: flex;
    align-items: center;
}
.dropify-wrapper {
    border: 1px solid #cccbcb;
    border-radius: 5px;
}
.line_break {
    width: 97%;
    border: 1px solid #f8f8f8;
}
.card-title.pixel-title {
    font-size: 21px;
}
.submit-pixel {
    position: unset;
    background: linear-gradient(45deg, #1fa27e, #4fbb52);
    padding: 0 40px;
    height: 40px;
    margin: 10px 0;
    align-items: center;
    justify-content: center;
}
.custom-wrap {
    display: flex;
}
.custom-row {
    display: flex;
    align-items: center;
}
.inner-row {
    display: flex;
    align-items: center;
}
.inner-row i {
    font-size: 3em;
    display: flex;
    margin-right: 20px;
    justify-content: center;
    align-items: center;
    width: 65px;
    height: 65px;
    border: 1px solid #eee;
    border-radius: 50%;
}
.inner-row h5 {
    margin-top: 0;
}
.detailed-content {
    border-top: 1px solid #e2e2e2;
    padding: 15px 10px;
}
.detailed-content .details-section {
    display: flex;
    align-items: center;
}
.default-container {
    margin: 1rem 0 1rem 0;
}
.address-row {
    display: flex;
    align-items: center;
    line-height: 1.6em;
}
.subcription-details-section {
    margin-top: 20px;
}
.subcription-details-section p.subscription-status {
    width: fit-content;
    display: flex;
    font-size: 0.8rem;
    align-items: center;
    background: #e6e6e6;
    padding: 2px 10px;
    border-radius: 54px;
}
.subcription-details-section .head-title {
    font-size: 19px;
}
.subcription-details-section .detail-title {
    font-size: 17px;
}
.subcription-details-section ul.info-list li {
    list-style: none;
    margin-left: 0;
}
.search-wrapper {
    display: flex;
    align-items: center;
    padding-bottom: 25px;
    justify-content: space-between;
}
.card .card-content .search-wrapper .card-title {
    margin-bottom: 0;
}
.flex-wrap {
    display: flex;
    align-items: center;
    border: 1px solid #f0f0f0;
}
.flex-wrap select {
    border: none;
    display: flex;
    margin-right: 10px;
    margin-left: 8px;
    justify-content: center;
    align-items: center;
    height: 100%;
    border: none;
    border-radius: 0;
}
.flex-wrap .input-wrap {
    display: flex;
}
.flex-wrap .input-wrap input {
    width: 200px;
    border-bottom: none;
    height: 40px;
    padding: 0 10px;
    padding-left: 38px;
    margin: 0;
    font-size: 14px;
}
.flex-wrap .input-wrap input:focus {
    box-shadow: none !important;
    border-bottom: none !important;
}
.flex-wrap .input-wrap i {
    display: flex;
    align-items: center;
    font-size: 20px;
    height: 37px;
    padding: 6px 15px;
    color: #fff;
    background: #2a877e;
}
.multiple-wrapper .inner-wrap {
    padding: 5px 50px 10px 35px;
}
.multiple-wrapper {
    padding: 20px 15px !important;
}
.inner-pixels {
    display: flex;
    align-items: center;
}
.inner-pixels img {
    height: 40px;
}
.key-label {
    color: #333;
    display: block;
    padding-bottom: 10px;
    font-size: 14px;
}
.ct-fill-donut-label .mt-0 {
    padding-top: 5px;
    font-size: 20px;
    text-align: center;
}
.notify-icon {
    display: none;
}
.search-wrap {
    position: relative;
    border-right: 1px solid #f5f5f5;
}
.search-wrap select {
    background: #fbfbfb;
    margin: 0;
    height: 42px;
    color: #818181;
    text-align: left;
    font-size: 13px;
    text-align: left;
    padding: 0 26px;
    padding-left: 10px;
    border: none;
    -webkit-appearance: none;
    border-radius: 0;
    border-right: 1px solid #fdfdfd;
    display: block;
}
.search-wrap i {
    position: absolute;
    right: 0;
    top: 10px;
}
.input-wrap.search-input {
    position: relative;
}
.input-wrap.search-input i {
    position: absolute;
    left: 8px;
    padding: 0;
    height: 22px;
    top: 10px;
    background: #fff;
    color: #d5d5d5;
}
.view-subscribers {
    font-size: 15px;
    color: blue;
    float: right;
    text-decoration: underline;
}
span.chat-badge.pstatus-badge {
    display: flex;
    align-items: center;
    color: #616161;
    width: fit-content;
    float: left;
    justify-content: flex-start;
}
.toggle-switch {
    display: flex;
}
.active-class,
.inactive-class {
    display: none;
}
.switch label .lever {
    margin: 0 10px;
}
.subject-wrapper textarea {
    height: 30px;
}
.subject-wrapper textarea {
    height: 40px !important;
    padding: 10px 11px !important;
}
.subject-wrapper textarea:disabled {
    padding: 0px !important;
}
.list-content label {
    padding-bottom: 5px;
    display: block;
    font-size: 13px;
}
.title-right .switch label .lever {
    height: 12px;
    width: 35px;
}
.title-right .switch label .lever:before,
.title-right .switch label .lever:after {
    top: -2px;
    width: 17px;
    height: 17px;
}
.charges-wrapper p {
    padding-bottom: 10px;
}
.card-spacer {
    padding: 15px 0;
    clear: both;
}
.product-info {
    padding-top: 15px;
}
.searchbox-wrapper {
    display: flex;
    border: 1px solid #e2e2e2;
    align-items: center;
    width: 46%;
}
.search-icon {
    margin: 0 10px;
    font-size: 21px;
}
input[type="text"].selected-product,
input[type="text"].selected-variant,
input[type="text"].selected-collection {
    border: none;
    font-size: 14px;
    margin: 0;
}
.browse-btn {
    height: 100%;
    width: 140px;
    padding: 0;
    font-size: 13px;
    height: 45px;
    border-radius: 0;
    background: #4fae68;
    box-shadow: none;
}
.charges-wrapper {
    padding-top: 15px;
}
.input-field.interval-input,
.recurring-input {
    margin-left: 20px !important;
    margin: 0 0 10px 0;
    display: none;
}
.interval-input label,
.recurring-input label {
    padding-left: 5px;
}
.btn.save-planbtn {
    float: right;
    display: flex;
    align-items: center;
    padding: 20px 50px;
    text-transform: capitalize;
}
button.save-planbtn {
    box-shadow: none;
}
.step-plan-bottom {
    padding: 40px 15px 25px 15px;
}
.step-plan-bottom.secondary-plan-bottom {
    padding: 40px 0 25px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.btn.btn-delete {
    background: #f9f9f9 !important;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    border: 1px solid #d7372b;
    color: #d7372b;
    padding: 8px 40px;
    border-radius: 4px;
    height: unset;
    box-shadow: none;
    line-height: unset;
}
.btn.btn-delete.delete-subscription-btn {
    width: 100%;
    margin-top: 15px;
    text-transform: inherit;
    display: block;
}
.trial-check {
    display: flex;
    padding-top: 15px;
}
.trial-check p:first-child {
    margin-right: 25px;
}
.inner-count {
    width: 130px;
    margin-right: 10px;
}
.inner-count label {
    padding-left: 15px;
}
.inner-count input[type="number"] {
    border: 1px solid #9e9e9e;
    border-radius: 5px;
    padding-left: 5px;
}
.inner-count input[type="number"]::-webkit-input-placeholder {
    color: #a0a0a0;
}
.number-wrap .input-field {
    width: 150px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 1px;
}
.number-wrap select {
    display: block;
    border: 1px solid #9e9e9e;
    color: #a0a0a0;
    border-radius: 5px;
}
.integration-card .card-content {
    border-bottom: 1px solid #eee;
    padding-bottom: 0;
}
@media only screen and (max-width: 992px) {
    .section.section-data-tables {
        padding: 0;
    }
    .scroll-true {
        overflow: scroll;
    }
}
.search-browser {
    width: 100%;
    margin-top: 20px;
}
.search-list li {
    padding: 10px 10px;
}
.search-list ul {
    border: 1px solid #e2e2e2;
    max-height: 345px;
    overflow-y: auto;
}
.search-list li {
    border-bottom: 1px solid #e2e2e2;
}
.variant-wrapper ul {
    border: none;
    margin: 15px 0 0 0;
    padding-left: 35px;
}
.variant-label {
    padding-left: 14px;
    margin-bottom: 10px;
    display: block;
}
.variant-wrapper li:last-child {
    border: none;
}
.modal .modal-footer .save-product {
    margin: 0 0 30px 0;
}
.modal .modal-content {
    padding-bottom: 10px;
}
.modal .modal-footer {
    padding: 4px 24px;
    margin-bottom: 15px;
}
.settings-card {
    padding-bottom: 20px;
}
.settings-heading {
    font-size: 21px;
}
.selected-product-info {
    display: flex;
    align-items: center;
}
.selected-product-info img {
    width: 120px;
    margin-right: 15px;
}
.product-name {
    padding-left: 25px;
    font-size: 20px;
    width: 245px;
    color: #363636;
}
.col.plan-info,
.shipping-wrapper,
.amount-wrapper {
    border: 1px solid #eee;
    padding: 25px 25px;
    height: 100%;
}
.plan-details-section .card {
    padding-bottom: 25px;
}
.plan-details-section .header-wrapper {
    display: flex;
    align-items: center;
}
.edit-planbtn {
    margin-right: 20px;
    float: right;
}
.bottom-wrap {
    display: flex;
}
.ship-header {
    margin-right: 15px;
}
.host-wrapper {
    padding-top: 20px;
}
.host-wrapper input[type="text"] {
    border: 1px solid #cacaca;
    padding: 0 5px;
}
.inner-domain,
.inner-pixels {
    display: flex;
    align-items: center;
}
.domain-wrapper .inner-wrap {
    padding: 20px 25px 25px 35px;
}
.verifyConnection {
    padding: 3px 20px;
    width: auto;
    margin-right: 29px;
    height: auto;
}
.edit-revenue {
    float: right;
}
.edit-revenue i {
    font-size: 18px;
    color: #272727;
}
#card-stats .background-round {
    width: 45px;
    height: 45px;
    text-align: left;
    padding: 0;
    font-size: 24px;
    background-color: unset;
    display: flex;
    border: 1px solid #c9c8c8;
    align-items: center;
    justify-content: center;
    color: #737373;
}
#card-stats .currency-icon-dashboard {
    font-size: 28px;
    font-family: "Muli", sans-serif !important;
}
.p-frequency.inner-column {
    padding-bottom: 20px;
}
.plan-switch {
    justify-content: flex-end;
    padding-bottom: 25px;
    padding-right: 25px;
}
.section-settings .card-content {
    padding: 15px 15px 0 15px;
    border-bottom: 1px solid #eee;
}
.settings-label {
    padding-bottom: 15px;
    padding-left: 15px;
}
.row .col.top-padding {
    padding: 30px 45px;
}
.section-settings .settings-tab {
    margin-bottom: 0;
}
.section-settings .key-label {
    padding-top: 5px;
}
input[type="text"]:not(.browser-default).input-border {
    border: 1px solid #cacaca;
    padding: 0 5px;
}
.section-settings .tabs .indicator {
    background-color: #52b45d;
}
.saveCheckout {
    margin-top: 30px;
}
.section-settings {
    padding: 50px;
}
.template-head {
    padding: 10px 25px;
}
.app-section .settings-tab.tabs {
    border-bottom: 1px solid #f6f6f6;
}
.app-section {
    padding: 30px 30px;
}
.app-card {
    border-radius: 5px;
    border: 1px solid #eee;
}
.notify-modal .modal-content {
    padding-bottom: 25px;
}
.notify-modal .inner-notify {
    padding: 0 20px;
}
.notify-modal .swatch-content {
    padding: 15px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.notify-modal .sms-template {
    background: #2c2c2c;
    color: #fff;
}
.notify-modal .sample-msg {
    padding: 20px;
    background: #2c2c2c;
    color: #fff;
}
.sample-head {
    font-size: 18px;
    padding-bottom: 10px;
    display: block;
    color: #000;
}
.sms-variable {
    position: absolute;
    right: 22px;
    display: flex;
    align-items: center;
    top: 11px;
    border-radius: 5px;
    background: #4ba971;
    color: #fff;
    padding: 5px 10px;
}
.mark-img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.swatch-content .chip {
    margin-bottom: 10px;
}
.shop-logo {
    max-width: 140px;
    max-height: 120px;
}
.error-plan {
    color: red;
    font-weight: 600;
    padding-left: 5px;
    font-size: 14px;
}
.paginate-section .pagination {
    text-align: center;
    padding-top: 20px;
}
.paginate-section .page-item:disabled {
    padding: 3px 11px;
    height: 35px;
    width: auto;
    background: #f4f6f8;
    color: #919eab;
    border: 0.1rem solid #c4cdd5;
    border-radius: 3px;
}
.paginate-section .page-item {
    padding: 3px 11px;
    height: 35px;
    width: auto;
    background: linear-gradient(180deg, #fff, #f9fafb);
    border: 0.1rem solid #c4cdd5;
    border-radius: 3px;
}
.pagination li a {
    padding: 0;
}
.pagination li i {
    padding-top: 2px;
    font-size: 22px;
}
.paginate-text {
    font-size: 14px;
    text-align: center;
    display: block;
}
[type="radio"]:not(:checked) + span.search-img,
[type="radio"]:checked + span.search-img {
    height: 100%;
    padding-left: 35px;
}
.search-img img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}
[type="radio"] + span.search-img:before,
[type="radio"] + span.search-img:after {
    top: 8px;
}
.list-labels {
    display: flex;
    align-items: center;
    font-size: 15px;
}
.selected-var {
    display: none;
    padding-bottom: 30px;
}
.selected-prod {
    display: none;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    max-height: 245px;
    overflow-y: auto;
}
.selected-prod .recur-loading-icon {
    width: 90px;
    margin: 0 auto;
}
.mmb-wrapper .selected-prod span.chip-name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.mmb-wrapper .selected-prod span.chip-sku {
    display: block;
    font-size: 11px;
    color: #484848;
    padding-top: 2px;
    padding-bottom: 2px;
}
.mmb-wrapper .selected-prod span.chip-price-wrapper {
    display: block;
}
.mmb-wrapper .selected-prod span.chip-price {
    font-size: 12px;
    color: #484848;
    padding-top: 0;
    padding-bottom: 2px;
}
.mmb-wrapper .selected-prod span.chip-original-price {
    font-size: 12px;
    color: #484848;
    padding-top: 0;
    padding-bottom: 2px;
    margin-right: 6px;
}
.mmb-wrapper .selected-prod span.chip-strike-price {
    text-decoration: line-through;
    color: #878787;
}
.variant-btn {
    width: 140px;
    padding: 0;
    font-size: 13px;
    height: 40px;
    text-transform: capitalize;
    border-radius: 5px;
    background: #49a676;
    color: #fff;
    box-shadow: none;
}
.trial-variant-wrapper {
    display: none;
}
.subscription-info .selected-product-info {
    display: flex;
    align-items: center;
}
.subscription-info .card-content {
    padding: 15px;
}
.prod-info {
    padding-left: 10px;
}
.product-name {
    padding-left: 0;
}
.prod-meta {
    display: block;
}
.subscription-info .head-title {
    margin: 0;
    font-size: 18px;
}
.prod-meta .bold {
    font-weight: 600;
}
.info-details {
    position: absolute;
    font-size: 17px;
    padding-top: 0;
    color: #4bb8d3;
    margin-left: 8px;
    cursor: pointer;
}
.material-tooltip {
    max-width: 350px;
    padding: 15px 15px;
    text-align: justify;
    background: #f5f5f5;
    color: #1f1f1f;
    font-size: 12px;
    border: 1px solid #e2e2e2;
    line-height: 18px;
    max-height: 250px;
    overflow-y: auto;
}
.search-list .product-name {
    font-size: 15px;
}
.multiple-wrapper .inner-wrap.left-pad {
    padding: 0 25px;
    padding-right: 20px;
}
.multiple-wrapper .inner-wrap.right-pad {
    padding: 0 20px;
    padding-right: 20px;
}
.multiple-wrapper .inner-wrap.mtop {
    margin-top: 10px;
}
.plan-info .inner-column {
    padding-bottom: 15px;
}
div#browse-products {
    overflow: visible;
    max-height: 100%;
    width: 45%;
}
#browse-products .modal-footer {
    width: 100%;
}
div#browse-variants {
    overflow: visible;
    max-height: 100%;
}
.close-browser {
    position: absolute;
    font-size: 24px;
    right: 15px;
    top: 15px;
}
.close-browser i {
    font-size: 30px;
}
.order-msg {
    font-size: 15px;
    line-height: 25px;
}
@media (max-width: 767px) {
    .no-landscape {
        display: none;
        pointer-events: auto;
        justify-content: center;
    }
}
.no-landscape {
    position: fixed;
    min-height: 100vh;
    overflow: hidden;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #006aaf;
    z-index: 9999999999;
    pointer-events: none;
    display: none;
    align-items: center;
    justify-content: center;
}
.no-landscape .no-landscape-content {
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.no-landscape img {
    max-width: 130px;
}
.no-landscape h3 {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 30px;
    color: #f1f1f1;
    text-align: center;
}
.no-landscape p {
    color: #f1f1f1;
    text-align: center;
    font-size: 14px;
}
.tooltip-content {
    text-align: left;
}
.export-btn {
    float: right;
    margin-right: 15px;
}
.btn.secondary-btn {
    float: right;
    margin-right: 15px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff !important;
    box-shadow: none;
    border: 1px solid #ececec;
    color: #343434;
    text-transform: capitalize;
    padding: 22px 20px;
}
.btn.secondary-btn i {
    padding-right: 5px;
    color: #46a17e;
    font-size: 18px;
    margin: 0;
    line-height: 23px;
}
.btn.secondary-btn.secondary-btn-green {
    background: #50b163;
    font-weight: 700;
    color: #fff;
    padding: 22px 40px;
    border: 1px solid #50b163;
}
.btn.secondary-btn.secondary-btn-orange {
    background: #f3983e !important;
    font-weight: 700;
    color: #fff;
    padding: 22px 40px;
    border: 1px solid #f3983e;
    white-space: nowrap;
}
.btn.secondary-btn.secondary-btn-green i {
    font-weight: 700;
    color: #fff;
}
.recommended-text {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #323232;
    padding-bottom: 8px;
    padding: 10px 30px;
    border-radius: 40px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -15px;
    line-height: 0;
    width: fit-content;
    margin-bottom: 15px;
    background: #fff38a;
}
.update-subscription-error {
    padding: 10px 5px;
    padding-bottom: 20px;
    color: red;
}
.recommended-text i {
    font-size: 13px;
    padding-right: 5px;
}
.btn.secondary-btn.secondary-btn-orange.upgrade-padding {
    padding: 1px 35px;
    height: unset;
}
.export-link {
    overflow: hidden;
    width: fit-content;
    float: right;
    display: block;
}
.export_date_wrapper {
    display: block;
    margin-left: 0;
}
.inner-export {
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    margin-top: 0;
    padding-top: 0;
}
.export-header {
    padding-bottom: 15px;
    font-size: 17px;
    font-weight: 600;
}
.export-list {
    border-bottom: 1px solid #dbdbdb;
    padding: 10px 15px;
}
.inner-export .export-list:last-child {
    border-bottom: none;
}
.report-wrap {
    font-size: 13px;
    cursor: pointer;
    padding: 0 0;
    width: 100%;
}
.dropdown-icon {
    padding-left: 8px;
}
.export-all {
    float: right;
    cursor: pointer;
    font-size: 17px;
    font-weight: 700;
    color: #4ba872;
    text-decoration: underline;
}
.daterangepicker .ranges li {
    font-size: 12px;
    padding: 8px 12px;
    border-bottom: 1px solid #eee;
    width: 100%;
    cursor: pointer;
    font-family: "Muli", sans-serif !important;
}
.daterangepicker .ranges ul {
    width: 150px;
}
.daterangepicker {
    padding: 0;
    margin-top: 0;
    margin-left: -11px;
}
.daterangepicker .ranges li.active {
    background-color: #f1f1f1 !important;
    color: #000 !important;
}
.daterangepicker:after {
    border-bottom: 6px solid #fafafa;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #303030 !important;
}
.daterangepicker td.in-range {
    background-color: #cbe2d9;
}
.daterangepicker .drp-calendar {
    width: 270px;
}
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    height: 8px;
    padding: 8px 5px;
    line-height: 15px;
}
.daterangepicker .drp-buttons .btn {
    padding: 0 2rem;
}
.daterangepicker .drp-buttons {
    padding: 15px 10px;
}
button.cancelBtn,
button.cancelBtn:hover {
    background: #fff0;
    color: #7d7d7d;
    font-weight: 600;
    box-shadow: none;
}
.daterangepicker .drp-selected {
    display: none;
}
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    background-color: #fff !important;
}
.daterangepicker td.off.start-date:hover,
.daterangepicker td.off.end-date:hover {
    color: #999;
}
.trial-tooltip {
    position: relative;
}
.trial-tooltip i {
    right: -28px;
    top: 4px;
}
.trialVariant-text {
    padding-left: 15px;
    padding-top: 15px;
}
.trialVariant-wrapper {
    display: none;
    padding-left: 10px;
    padding-top: 13px;
    margin-bottom: 15px;
}
.abandon-check {
    float: right;
    font-weight: 700;
    margin-right: 5px;
    display: flex;
    color: #000;
    letter-spacing: 1px;
    align-items: center;
}
.abandon-check i {
    margin-right: 8px;
    font-size: 20px;
}
.abandon-check span {
    text-decoration: underline;
}
.carts-check {
    font-weight: 700;
    margin-right: 5px;
    display: flex;
    color: #000;
    letter-spacing: 1px;
    align-items: center;
}
.carts-check i {
    margin-right: 8px;
    font-size: 20px;
}
.carts-check span {
    text-decoration: underline;
}
.payment-link-div {
    display: flex;
    width: 150px;
    margin: 0 auto;
    margin-top: 15px;
}
.payment-link-buttons {
    background: #1d3e7b;
    color: #fff;
    padding: 5px;
}
.discount_add_Wrap .card {
    padding: 20px 70px;
}
.revenue-card-title {
    float: unset;
    clear: both;
    margin-top: 2px;
    color: #828282;
    font-size: 13px;
    margin-bottom: 0;
}
#card-stats .card .heading-number {
    font-size: 22px;
    margin-top: 10px;
    font-weight: 300;
}
.logo-text-size-15 {
    font-size: 15px !important;
}
.logo-text-size-13 {
    font-size: 13px !important;
}
.orders-highlight {
    font-weight: 700;
    color: #2f9a93;
}
.users-access-module-button {
    margin-left: 2%;
    min-width: 135px;
    max-width: 135px;
}
.subscrption_status {
    width: 100%;
    max-width: 145px;
    background: linear-gradient(45deg, #ff9800, #ff9800);
    font-size: 13px;
}
.btn.secondary-btn.secondary-btn-green.subscription_status {
    background: #ff9800 !important;
    border: 1px solid #ff9800;
}
.expand_button {
    max-width: 260px !important;
}
#set-revenue {
    width: 30%;
}
#set-revenue .input__wrapper {
    position: relative;
    margin-top: 15px;
}
#set-revenue label {
    top: 8px;
    font-size: 20px;
    position: absolute;
}
#set-revenue input {
    width: 100%;
    padding: 0 30px;
    max-width: 320px;
}
#set-revenue input::placeholder {
    font-size: 18px;
}
#set-revenue .setup__info {
    margin: 0;
    font-size: 12px;
    font-style: italic;
}
#set-revenue .setup__close {
    top: 10px;
    right: 10px;
    padding: 5px;
    line-height: 1;
    cursor: pointer;
    position: absolute;
}
#set-revenue .setup__close i {
    font-size: 20px;
}
.notification__bar {
    margin: 0;
    border-radius: 0;
    padding-left: 260px;
    box-shadow: none !important;
    border-bottom: 1px solid #ddf7ff;
    background: #e8f5fa;
    background-color: #eff8fb;
}
.notification__bar a {
    color: #183247;
    text-decoration: underline;
}
.notification__bar .card-content {
    color: #183247;
    font-size: 13px;
    font-weight: 700;
    border-radius: 0;
    padding: 5px 40px 5px 10px;
}
.notification__bar button {
    top: 6px;
    color: #183247;
}
.notification__bar.error_notification {
    border-bottom: none;
    margin: 12px 20px 5px 20px;
}
.notification__bar.error_notification .btn.btn--primary {
    display: block;
    height: unset;
    color: #fff;
    word-break: break-all;
    width: 320px;
    text-decoration: none;
    text-transform: capitalize;
    margin-left: 40px;
    margin-right: 13px;
    padding: 2px 5px;
}
.notification__bar.error_notification .card-content {
    color: #000;
    background-color: #fff4f4;
    padding: 20px 40px 20px 10px;
    border: 1px solid #e0b3b2;
    border-radius: 4px;
    font-weight: 400;
}
.notification__bar.error_notification .card-content b {
    color: #000;
    font-weight: 700;
}
.notification__bar.error_notification .error_notification_flex {
    display: flex;
    align-items: flex-start;
    text-align: justify;
}
.notification__bar.error_notification .error_notification_flex i {
    padding-right: 15px;
}
.installation-issue-link {
    font-size: 13px;
    margin-top: 12px;
    display: block;
    padding-left: 3px;
    font-weight: 500;
}
#card-stats.index-card-stats .col:first-child,
#card-stats.index-card-stats .col:last-child {
    padding: 0;
}
#card-stats.index-card-stats .card {
    box-shadow:
        0 0 0 1px rgb(63 63 68 / 5%),
        0 1px 3px 0 rgb(63 63 68 / 15%);
    border: 1px solid #fff;
    border-radius: 8px;
}
.bottom-item {
    left: 0;
    width: 100%;
    z-index: 999;
    border-top: 1px solid #e2e2e2;
    background: #fff;
    bottom: 0;
    list-style: none;
    display: flex;
    align-items: center;
    padding: 3px 16px;
    color: #747474;
    position: absolute;
}
.bottom-item a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-weight: 400;
    color: rgb(0 0 0 / 0.87);
    font-size: 13px;
    margin-right: 0;
}
.bottom-item a i {
    font-size: 15px;
    width: unset;
    margin-right: 5px !important;
    margin: 0 20px 0 0;
    display: block;
    float: left;
    color: rgb(0 0 0 / 0.54);
}
#revenue_bar .ct-label.ct-horizontal.ct-end {
    font-size: 11px;
    min-width: 70px;
    margin: 0 0 0 -20px;
    transform: rotate(-45deg);
}
.progrss__control .progress {
    height: 16px;
    background: #e3e3e3;
    border-radius: 16px;
}
.progrss__control .determinate {
    color: #fff;
    font-size: 11px;
    text-align: center;
    background-color: #000;
}
.progrss__control .progrss__label {
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.progress__image {
    text-align: center;
}
.progress__image img,
.progress__image svg {
    width: 165px;
    height: 165px;
}
.progress__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    height: 240px;
    padding-top: 10px;
}
.progress__flex .progress__image,
.progress__flex .progrss__control {
    width: 100%;
}
.progress__flex .progrss__control {
    margin: auto 0 0;
}
.font-22 {
    font-size: 22px !important;
}
.font-28 {
    font-size: 28px !important;
}
.font-29 {
    font-size: 29px !important;
}
.change-password {
    float: right;
    margin-right: 20px;
    padding-top: 15px;
    display: flex;
    align-items: center;
    color: #46a07e;
}
.change-password i {
    font-size: 18px;
    padding-right: 8px;
}
.change-password span {
    text-decoration: underline;
}
.membership-section .membership-table thead th {
    padding-left: 10px;
}
.membership-wrapper,
.plan-wrapper {
    padding: 20px 20px;
    color: #323232;
}
.mmb-header {
    font-size: 24px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 50px;
    padding-bottom: 10px;
    font-weight: 700;
}
.mmb-wrapper:first-child {
    border: none;
}
.mmb-label {
    flex-basis: 30%;
    padding: 5px 40px 5px 0;
}
.mmb-label .label-title {
    font-size: 16px;
    font-weight: 600;
}
.mmb-label .label-desc {
    font-size: 13px;
    padding-top: 10px;
    color: #647381;
}
.mmb-info {
    flex-basis: 70%;
    background-color: #fff;
    border-radius: 12px;
}
.mmb-info.mmb-full-info {
    flex-basis: 100%;
}
.mmb-info.mmb-full-info .mmb-inner-info-wrapper {
    padding: 0;
    background: unset;
    border-radius: 12px;
    border: 1px solid #f3f1f1;
}
.mmb-info.mmb-full-info .mmb-inner-info-header {
    padding: 15px 20px;
    border-bottom: 1px solid #ededed;
    background: #fff;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    position: relative;
}
.mmb-info.mmb-full-info .mmb-info-header-title {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}
.mmb-info.mmb-full-info .mmb-info-header-desc {
    display: block;
    font-size: 13px;
    padding-top: 2px;
}
.mmb-info.mmb-full-info .upgrade-flex-wrapper {
    border-radius: 4px;
    margin-top: 15px;
}
.mmb-inner-info {
    padding: 25px 25px;
}
.mmb-inner-info .subscription-type,
.mmb-inner-info .shipping-type,
.mmb-inner-info .store-type {
    padding-top: 10px;
    margin-left: -2px;
    padding-bottom: 10px;
}
.mmb-inner-info .subscription-type label {
    margin-right: 40px;
}
.mmb-inner-info.multi-discount-section {
    padding: 0;
}
.mmb-inner-info .discount-section {
    padding: 45px 25px;
    border-top: 1px solid #efefef;
}
.mmb-inner-info .discount-section:first-child {
    border: none;
}
.mmb-break {
    padding-top: 15px;
    padding-bottom: 15px;
    background: #fff;
    border-top: 1px solid #efefef;
    clear: both;
}
.mmb-info-break {
    background: #fff;
    border-top: 1px solid #efefef;
    clear: both;
}
.mmb-wrapper .mmb-inner-info input,
.mmb-wrapper .mmb-inner-info select.browser-default,
.app-card-content .mmb-inner-info input {
    border: 1px solid #dedede;
    border-radius: 3px;
    padding-left: 10px;
    width: -webkit-fill-available;
    font-size: 13px;
    color: #3c3c3c;
}
.mmb-wrapper .mmb-inner-info input.mmb-error,
.mmb-wrapper .mmb-inner-info select.browser-default.mmb-error {
    border: 1px solid #bf0711;
}
.mmb-wrapper .mmb-inner-info input.selected-product,
.mmb-wrapper .mmb-inner-info input.selected-collection,
.mmb-wrapper .mmb-inner-info input.selected-variant {
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 0;
}
.visually-hidden {
    visibility: hidden;
}
.mmb-wrapper label {
    font-size: 14px;
    font-weight: 300;
    display: block;
    padding-bottom: 8px;
    color: #323232;
    word-break: break-word;
}
.mmb-wrapper label.switch {
    word-break: inherit;
}
.mmb-wrapper label.check-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.mmb-wrapper .toggle-switch {
    padding-top: 8px;
}
.mmb-wrapper .toggle-switch label {
    color: #595959;
}
.mmb-wrapper .shipping-input {
    margin: 10px 35px;
}
.row-spacer {
    padding: 8px 0;
    clear: both;
}
.hr-break {
    margin-top: 15px;
    margin-bottom: 15px;
    border-top: 1px solid #ededed;
    clear: both;
}
.mmb-section-spacer {
    margin-top: 45px;
    margin-bottom: 45px;
    border-bottom: 1px solid #ededed;
    clear: both;
}
.align-center {
    text-align: center;
}
.add-more-wrapper {
    display: flex;
    background: #fff;
    padding: 0 25px;
    padding-bottom: 30px;
    justify-content: flex-end;
}
.add-more-wrapper .add-more {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #53b869;
    padding-top: 5px;
    font-size: 14px;
    width: fit-content;
    cursor: pointer;
}
.add-more-wrapper .add-more i {
    padding-right: 5px;
    color: #53b869;
}
.mmb-wrapper .browse-btn {
    background: #eaeaea;
    color: #fff;
}
.mmb-wrapper .searchbox-wrapper {
    border-radius: 3px;
}
.mmb-wrapper .discount-label {
    padding: 20px 5px 20px 5px;
}
.mmb-wrapper [type="radio"]:not(:checked) + span,
.mmb-wrapper [type="radio"]:checked + span {
    color: #595959;
    font-size: 14px;
}
.selected-product-plans,
.selected-collection-plans,
.selected-variant-plans {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.mmb-wrapper .additional-info-wrapper {
    justify-content: space-between;
}
.mmb-wrapper .additional-info-wrapper .plan-info-wrapper {
    padding-right: 10px;
}
.mmb-wrapper .plan-subtext {
    font-size: 13px;
    color: #7a7a7a;
}
.mmb-wrapper .chip-wrapper {
    display: flex;
    position: relative;
    flex: 0 46%;
    padding-top: 15px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 15px;
    align-items: center;
    padding-right: 10px;
}
.selected-prod .chip-wrapper,
.selected-var .chip-wrapper {
    border-bottom: none;
    padding-top: 0;
    padding-bottom: 20px;
    flex: 1;
    display: flex;
    flex-basis: 50%;
}
.mmb-wrapper span.chip-count {
    font-size: 13px;
    color: #939393;
    padding-right: 15px;
}
.mmb-wrapper .chip-img {
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    padding: 0;
    height: 47px;
    width: 47px;
    margin-right: 15px;
}
.mmb-wrapper .chip-img img {
    height: 45px;
    width: 45px;
    object-fit: cover;
    border-radius: 5px;
    padding: 2px;
}
.mmb-wrapper span.chip-name {
    font-size: 14px;
    padding-right: 20px;
    color: #323232;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.mmb-wrapper .chip-close {
    font-size: 18px;
    position: absolute;
    color: #595959;
    right: 0;
}
.mmb-wrapper .selected-variant-plans .chip-wrapper {
    border: none;
    flex: 100%;
}
.mmb-wrapper .selected-variant-plans .chip-img {
    height: 50px;
    width: 50px;
}
.mmb-wrapper .selected-variant-plans .chip-img img {
    height: 100%;
    width: 100%;
}
.mmb-wrapper .selected-variant-plans .chip-name {
    color: #323232;
}
.mmb-wrapper .selected-variant-plans .chip-name .chip-variant {
    display: block;
    color: #939393;
    font-size: 13px;
}
.modal.mmb-modal {
    width: 45%;
    background: #fff;
}
.mmb-modal h5 {
    margin-top: 0;
    font-weight: 700;
    font-size: 18px;
}
.mmb-modal .modal-content {
    padding: 25px 0;
    padding-bottom: 5px;
}
.mmb-modal .extra-padding {
    padding: 0 25px;
}
.mmb-modal .search-list ul {
    border: none;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}
.mmb-modal .search-list .list-labels {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 0;
}
.mmb-modal .search-list [type="checkbox"] + span:not(.lever) {
    height: inherit;
    line-height: 15px;
}
.mmb-modal [type="checkbox"] + span:not(.lever):before,
[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
    margin-top: 0;
    top: 26%;
    border: 2px solid #7d7d7d;
}
[type="checkbox"]:checked + span:not(.lever):before {
    left: -5px;
    width: 11px;
    height: 17px;
    border: 2px solid green;
    border-top: 2px solid #fff0;
    border-right: 2px solid #4ba872;
    border-bottom: 2px solid #4ba872;
    border-left: 2px solid #fff0;
    transform: rotate(40deg);
}
.mmb-modal .search-list .product-name {
    color: #7d7d7d;
    width: 300px;
}
.mmb-modal .search-list li:last-child {
    border: none;
}
.mmb-modal .search-list .product-group:last-child li:last-child {
    border: none;
}
.mmb-modal .search-list li {
    padding: 15px 30px;
}
.mmb-modal .search-list li.label--disabled {
    opacity: 0.5;
    position: relative;
}
.product-label-disabled {
    float: right;
    display: block;
    font-size: 11px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 30px;
    color: #7d7d7d;
}
.footer-plan-error {
    padding: 0 35px;
    font-size: 13px;
    margin-bottom: 20px;
    text-align: center;
    color: red;
}
.footer-plan-error a {
    color: red;
    text-decoration: underline;
}
.mmb-wrapper .mmb-modal .search-img img,
.mmb-wrapper .mmb-modal .collection-img img {
    height: 35px;
    width: 35px;
    object-fit: cover;
    border-radius: 5px;
    padding: 2px;
    margin-right: 0;
}
.mmb-wrapper .mmb-modal .search-img .mm-modal-img,
.mmb-wrapper .mmb-modal .collection-img .mm-modal-img {
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    padding: 0;
    height: 37px;
    width: 37px;
    margin-right: 15px;
}
.mmb-modal .cancel-modal {
    background: #fff;
    color: #b0b0b0;
    cursor: pointer;
    margin-right: 5px;
    border: 1px solid #e8e8e8;
    font-weight: 700;
    padding: 12px 30px;
    font-size: 13px;
    border-radius: 5px;
}
.mmb-modal .modal-footer {
    background: #fff;
}
#save-changes-modal.mmb-modal .submit-modal,
#disconnect-domain-modal.mmb-modal .submit-modal {
    background: #d7372b;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    border: 1px solid #d7372b;
    padding: 12px 30px;
    border-radius: 5px;
}
.mmb-modal .submit-modal {
    background: #46a07e;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    border: 1px solid #46a07e;
    padding: 12px 30px;
    border-radius: 5px;
}
.mmb-wrapper .delete-multi-discount {
    display: none;
    position: absolute;
    right: 0;
    top: 29px;
    padding: 8px 15px;
    height: 3em;
    border: 1px solid #efefef;
    border-radius: 3px;
    justify-content: center;
    cursor: pointer;
}
.mmb-wrapper .delete-multi-discount svg {
    width: 20px;
}
.mmb-wrapper .delete-multi-discount:hover svg {
    fill: red;
}
.discount-section .discount-wrapper {
    position: relative;
}
.discount-section .discount-wrapper.added-icon {
    padding-right: 70px;
}
.discount-section .product-search-div,
.discount-section .collection-search-div {
    display: none;
}
.mmb-modal .search-list .sub-variants li {
    padding: 10px 30px;
    padding-left: 70px;
}
.mmb-wrapper .mmb-modal .sub-variants .search-img .mm-modal-img {
    width: 28px;
    height: 28px;
}
.mmb-wrapper .mmb-modal .sub-variants .search-img img {
    width: 26px;
    height: 26px;
}
div#variants_modal {
    max-height: 100% !important;
    overflow: hidden !important;
}
.mmb-wrapper .radio-label {
    display: grid;
    vertical-align: middle;
    padding-bottom: 0;
}
.mmb-wrapper [type="radio"]:not(:checked),
.mmb-wrapper [type="radio"]:checked,
.mmb-wrapper [type="checkbox"]:not(:checked),
.mmb-wrapper [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
.mmb-modal.variant-modal .search-list li:last-child {
    border-bottom: 1px solid #e2e2e2;
}
.mmb-footer {
    padding-top: 40px;
    border-top: 1px solid #e2e2e2;
    padding-bottom: 50px;
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.mmb-footer .cancel-member {
    background: #fff;
    color: #b0b0b0;
    cursor: pointer;
    margin-right: 20px;
    border: 1px solid #e8e8e8;
    font-weight: 700;
    padding: 12px 25px;
    font-size: 13px;
    border-radius: 5px;
}
.mmb-footer .save-member {
    background: #4ba872;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    border: 1px solid #4ba872;
    padding: 12px 40px;
    border-radius: 5px;
}
.mmb-error-msg {
    display: block;
    font-size: 12px;
    color: #bf0711;
    padding-top: 6px;
}
.mmb-error,
.webhook-event-url-input-wrapper.mmb-error,
.verify-sender-email-link-wrapper.mmb-error,
.app-card-content .mmb-inner-info input.mmb-error,
.logo-border-wrapper.mmb-error {
    border: 1px solid #bf0711;
}
.integration_box .credit-section {
    flex-wrap: wrap;
    margin-top: 15px;
}
.integration_box .credit-wrapper {
    flex-basis: 30%;
    flex-grow: 1;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    margin-right: 12px;
    font-weight: 700;
    color: #545454;
    text-align: center;
}
.integration_box .credit-wrapper:last-child {
    margin-right: 5px;
}
.integration_box .credit-wrapper span.credit-value {
    width: 100%;
    display: block;
    font-size: 14px;
    padding: 8px 8px;
    border-bottom: 1px solid #ebebeb;
}
.integration_box .credit-wrapper span.credit-price {
    display: block;
    padding: 10px 8px;
    font-size: 14px;
}
.integration_box .credit-wrapper .credit-buy {
    display: block;
    width: 85%;
    background: #46a07e;
    color: #fff;
    border: 1px solid #46a07e;
    border-radius: 5px;
    padding: 5px 5px;
    margin: 0 auto;
    cursor: pointer;
    margin-bottom: 10px;
    border-top: none;
}
.integration_box .credit-label {
    background: #46a07e;
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
}
.integration_box .credit-history {
    font-size: 12px;
    color: #46a07e;
    padding-top: 15px;
    padding-left: 3px;
    display: block;
    text-decoration: underline;
}
.modal.mmb-modal.credit_modal,
.modal.mmb-modal.email_modal {
    width: 45%;
    max-width: 550px;
    max-height: 90%;
}
.credit_modal .extra-padding {
    text-align: center;
}
.mmb-modal.credit_modal .modal-footer {
    text-align: center;
    margin-bottom: 15px;
}
.mmb-modal.credit_modal .cancel-modal {
    margin-right: 10px;
}
.credit_modal h5 {
    text-align: center;
    font-size: 23px;
}
.credit_modal .info-msg {
    display: block;
    font-size: 14px;
    padding-top: 11px;
    padding-bottom: 16px;
}
.email-details .email-label {
    font-size: 16px;
    padding-bottom: 11px;
    display: block;
}
.email-details .error-active {
    border: 1px solid red;
}
.email-details .email-error {
    font-size: 13px;
    color: red;
    display: block;
}
.wapp-msg {
    display: block;
    padding-bottom: 10px;
    font-size: 14px;
}
.new-pulse {
    width: 18px;
    margin-right: 6px;
    height: 18px;
    border-radius: 50%;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 0 0 #e8bf7c;
    animation: pulse-anim 5s infinite;
}
.new-pulse:hover {
    animation: none;
}
.new-pulse img {
    width: 15px;
}
.warning-msg-wrapper {
    display: none;
}
.pay-badge {
    display: flex;
    align-items: center;
    justify-content: center;
}
table#orders-datatable.dataTable tbody tr {
    cursor: pointer;
}
.order-warning,
.emandate-warning,
.template-warning {
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-right: 10px;
    border: 2px solid #ffea9c;
    border-left: none;
    border-right: none;
}
.emandate-warning {
    clear: both;
    margin-bottom: 20px;
}
.emandate-warning-msg {
    padding: 5px 10px;
    font-size: 13px;
    text-align: left;
    width: 100%;
    display: block;
    font-weight: 700;
    background: #ffea9c;
}
.order-warning-msg {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    background: #ffea9c;
    padding: 5px 20px;
}
.template-warning-msg {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    background: #ffea9c;
}
@-webkit-keyframes pulse-anim {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgb(204 169 44 / 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px #fff0;
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 #fff0;
    }
}
@keyframes custom-pulse-anim {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgb(255 152 0 / 0.65);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px #fff0;
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 #fff0;
    }
}
.page-head-wrapper {
    margin-top: 20px;
    margin-bottom: 0;
    padding-left: 5px;
}
.page-head {
    font-size: 24px;
    color: #000;
}
.transaction-section .tabs {
    height: 55px;
    border-bottom: 1px solid #e2e2e2;
}
.transaction-section .card {
    border-radius: 5px;
}
.transaction-section .tabs .tab {
    line-height: 55px;
    height: 55px;
    text-transform: inherit;
}
.transaction-section .dataTables_wrapper {
    overflow-x: auto;
}
.transaction-section .tabs .tab a:hover,
.transaction-section .tabs .tab a.active {
    color: #000;
}
.transaction-section .tabs .tab a {
    color: #a6a6a6;
    font-size: 15px;
}
.transaction-section table.dataTable thead th,
.transaction-section table.dataTable thead td {
    padding: 15px 18px 15px 10px;
    font-size: 14px;
    font-weight: 700;
    color: #323232;
    border-bottom: 1px solid #ececec;
}
.transaction-section table.dataTable tbody th,
.transaction-section table.dataTable tbody td {
    padding: 15px 10px;
}
.transaction-section table.dataTable.no-footer {
    border-bottom: 1px solid #e2e2e2;
    width: 100% !important;
}
.transaction-section .dataTables_wrapper .dataTables_filter {
    float: left;
    text-align: left;
    width: 100%;
}
.transaction-section .dataTables_wrapper .dataTables_length {
    float: right;
}
.transaction-section .dataTables_wrapper .dataTables_filter input {
    padding: 5px 5px;
    margin-left: 5px !important;
    margin-bottom: 20px;
    margin-top: 5px;
    width: 97% !important;
}
.transaction-section
    .dataTables_wrapper
    .dataTables_filter
    input::-webkit-input-placeholder {
    font-size: 14px;
}
.transaction-section span.chat-badge.pstatus-badge.success-badge {
    background-color: #e9f3f0;
    color: #52b45b;
}
.transaction-section span.chat-badge.pstatus-badge.error-badge {
    background-color: #fceded;
    color: #e13737;
}
.transaction-section .dataTables_wrapper .dataTables_info,
.transaction-section .dataTables_wrapper .dataTables_processing,
.transaction-section .dataTables_wrapper .dataTables_paginate {
    font-size: 14px;
}


.chat-application .tabs {
    border-bottom: 1px solid #e2e2e2;
    height: 55px;
}
.chat-application .tabs .tab {
    line-height: 55px;
    height: 55px;
}
.chat-application .tabs .tab a {
    position: relative;
}
.chat-application .app-email .content-area .app-wrapper .collection {
    padding: 20px 0;
}
.chat-application
    .app-email
    .content-area
    .app-wrapper
    .collection
    .collection-item {
    margin: 0;
    padding: 20px 20px;
}
.new-icon {
    width: 35px;
    margin-left: 8px;
    position: absolute;
    top: 8px;
}
.relative-icon {
    position: relative;
}
.relative-icon .badge {
    background-color: #46a07e !important;
    position: absolute;
    left: 25%;
    font-size: 12px;
    font-weight: 700;
    top: 3px;
    border-radius: 5px;
}
.swal-modal .swal-text {
    font-size: 15px;
    margin-top: 25px;
    outline: none;
    color: #626262;
    line-height: 1.6em;
    padding: 0 50px;
    text-align: center;
    opacity: 1;
}
.swal-modal .swal-button--confirm {
    padding: 12px 55px;
    font-weight: 700;
    text-align: center;
}
.swal-modal .swal-icon--success__line--long {
    right: 12px;
}
.swal-modal .swal-icon {
    width: 80px;
    height: 80px;
}
.swal-modal .swal-footer {
    text-align: center;
    margin-top: 5px;
}
.whatsnew-badge.badge {
    position: absolute;
    right: -24px;
    font-size: 10px;
    padding: 0 6px;
    min-width: 2rem;
    font-weight: 700;
    top: 4px;
    border-radius: 5px;
}
.step-back {
    display: flex;
    color: #b7b7b7;
    align-items: center;
    padding-bottom: 10px;
}
.step-back:hover span {
    text-decoration: underline;
}
.transaction-section table.dataTable tbody th,
.transaction-section table.dataTable tbody td {
    text-transform: capitalize;
}
.section-data-tables
    .dataTables_wrapper
    .dataTables_paginate
    .paginate_button.current {
    background: #ececec;
    color: #545454 !important;
}
.section-data-tables
    .dataTables_wrapper
    .dataTables_paginate
    .paginate_button:hover {
    background: #e2e2e2;
    color: #545454 !important;
    box-shadow: none;
}
.transaction-section table.dataTable thead .sorting_desc {
    background-image: none;
}
.swal-icon--error__line .swal-icon--error__line--left {
    width: 47px;
    top: 36px;
}
.expiry-wrapper,
.trial-wrapper {
    padding-top: 30px;
}
.top-list-wrapper {
    padding: 10px 0;
    display: block;
    clear: both;
    overflow: hidden;
}
.mmb-modal.plan-modal .plan-header {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 15px;
}
.mmb-modal.plan-modal.plan-modal-width {
    width: 51%;
}
.plan-type-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 25px;
    padding-bottom: 30px;
}
.subscript-type {
    border: 1px solid #e2e2e2;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    padding: 25px 25px;
    flex-direction: column;
    width: 48%;
}
.subscript-type.active {
    border: 2px solid #46a07e;
    color: #545454;
    background: #f8fcfb;
}
span.subscript-heading {
    display: block;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 5px;
    font-size: 16px;
    font-weight: 700;
}
span.susbcript-text {
    display: block;
    font-size: 13px;
    color: #909090;
    text-align: center;
}
span.susbcript-text.top-padding {
    padding-top: 15px;
}
.subscript-type.active span.susbcript-text {
    color: #545454;
}
.subscript-type svg {
    width: 50px;
    height: 50px;
}
.subscript-type.active svg {
    fill: #545454;
}
label.subscript-label {
    position: absolute;
    right: 0;
    top: 10px;
}
.subscript-label [type="checkbox"].filled-in:checked + span:not(.lever):before {
    top: 3px;
    left: 1px;
    width: 8px;
    height: 12px;
}
.subscript-label.edit-check-label
    [type="checkbox"].filled-in:checked
    + span:not(.lever):before {
    top: 0;
}
.subscript-label
    [type="checkbox"].filled-in:not(:checked)
    + span:not(.lever):after {
    border: 2px solid #d1d1d1;
    background-color: #f4f4f4;
}
.plan-warning {
    display: none;
    margin: 0;
    background: #fdf1e1;
    color: #323232;
    padding: 5px 10px;
    font-size: 13px;
    border: 1px solid #ffc107;
    border-radius: 0;
    text-align: center;
    box-shadow: none !important;
}
.plan-warning a,
.prepaid-plan-warning a {
    color: #6b6f82;
    text-decoration: underline;
}
.prepaid-plan-warning {
    margin: 0;
    background: #fdf1e1;
    padding: 10px 10px;
    font-size: 13px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.prepaid-plan-warning img {
    width: 15px;
    margin-right: 10px;
}
.shipment-msg {
    display: none;
    font-size: 14px;
    padding-top: 14px;
    color: #323232;
    padding-left: 5px;
}
.shipment-msg .bold {
    color: #000;
    font-weight: 700;
}
.swal2-checkbox [type="checkbox"]:checked + span:not(.lever):before {
    top: 0;
}
.swal2-container .swal2-content {
    padding-top: 10px;
}
.script-textarea {
    padding: 10px 10px;
    margin-top: 0px !important;
    font-size: 14px;
    min-height: 170px;
    border-radius: 3px;
    resize: vertical;
    max-height: 250px;
    border: 1px solid #cacaca;
    color: #323232;
    line-height: 25px;
}
textarea.script-textarea::-webkit-input-placeholder {
    color: #bdbdbd;
    font-size: 13px;
}
.page-textarea {
    padding: 5px 5px;
    margin-top: 0px !important;
    font-size: 14px;
    min-height: 150px;
    border-radius: 3px;
    resize: vertical;
    max-height: 250px;
    border: 1px solid #cacaca;
    color: #8c8c8c;
    line-height: 25px;
}
.card.new-card {
    background: #fff;
    padding: 10px 0;
    border-radius: 12px;
    margin-top: 12px;
    box-shadow: none;
    color: #4d4d4d;
    border: 1px solid #f3f1f1;
}
.card.new-card .card-content {
    padding: 0;
}
.new-card a {
    color: #46a17e;
}
.new-card table.dataTable thead th,
.new-card table.dataTable thead td,
.new-card
    table#subscriptions-datatable_wrapper
    > #subscriptions-datatable
    > thead
    > tr
    > th {
    padding: 16px 15px 16px 25px;
}
#subscriptions-datatable_wrapper > #subscriptions-datatable > thead > tr > th {
    padding: 18px 20px !important;
    border-bottom: 1px solid #f0f0f0;
}
.new-card table.dataTable tbody td,
.new-card table.dataTable thead th {
    border-bottom: 1px solid #f0f0f0 !important;
}
table.dataTable.no-footer {
    border-bottom: unset !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: unset !important;
}
.new-card table.dataTable tbody th,
.new-card table.dataTable tbody td {
    padding: 16px 25px;
}
#subscriptions-datatable tbody td {
    padding: 18px 20px;
    border-bottom: 1px solid #f0f0f0;
}
#subscriptions-datatable tbody td:nth-child(5) {
    text-align: left;
}
#subscriptions-datatable tbody td:nth-child(5) .custom-tooltip,
#orders-datatable tbody td:nth-child(3) .custom-tooltip {
    text-decoration: none;
}
#subscriptions-datatable tbody td:nth-child(5) .custom-tooltip::before {
    width: 100%;
}
#subscriptions-datatable td .product-flex span.table-product-title.product-text,
#orders-datatable td .product-flex span.table-product-title.product-text,
#plans-datatable td .product-flex span.table-product-title.product-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 160px;
}
#subscriptions-datatable
    td
    .product-flex
    span.product-title-span.custom-tooltip,
#plans-datatable td .product-flex span.product-title-span.custom-tooltip {
    text-decoration: none;
}
#subscriptions-datatable
    td
    .product-flex
    span.product-title-span.custom-tooltip::before {
    z-index: 21;
}
#subscriptions-datatable .no-search-result-text {
    font-size: 13px;
    font-weight: 300;
}
#subscriptions-datatable .noSearch-create-subscription-btn {
    padding: 10px 15px;
    min-height: unset;
    max-width: 17%;
    color: #212b36;
}
.new-card .dataTables_wrapper {
    overflow-x: auto;
    min-height: 200px;
    overflow-y: hidden;
}
.new-card table.dataTable thead th,
.new-card table.dataTable thead td {
    border-bottom: none;
    /* border-top: 1px solid #f0f0f0; */
}
.new-card table.dataTable {
    border-bottom: 1px solid #f0f0f0;
}
.new-card table.dataTable tr {
    border-bottom: 1px solid #f0f0f0;
}
.new-card table.dataTable thead .sorting_desc {
    background-image: none;
}
.new-card .dataTables_wrapper .dataTables_info {
    font-size: 13px;
    padding: 10px 25px;
}
.new-card .dataTables_wrapper .dataTables_paginate {
    font-size: 13px;
    padding: 10px 25px;
    display: flex;
    align-items: center;
}
.new-card .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 4px 10px;
}
.top-list-wrapper .header-title {
    font-size: 25px;
    padding-left: 20px;
    color: #4d4d4d;
}
.header-subtitle {
    display: block;
    font-size: 12px;
    color: #6d6d6d;
    padding-left: 2px;
    padding-top: 2px;
}
.top-list-wrapper.display-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.search-bar {
    overflow: hidden;
    border: 1px solid #e2e2e2;
    display: flex;
    align-items: center;
    font-size: 14px;
    border-radius: 5px;
    clear: both;
    width: 100%;
    margin-bottom: 0;
    box-shadow: -1px 1px 5px #f2f2f2;
}
.search-bar:before {
    position: absolute;
    content: "";
    width: 50px;
    height: 35px;
    background: url(https://cdn.shopify.com/s/files/1/0012/0658/3356/files/Group_6_Copy.svg?v=1602151084);
    background-repeat: no-repeat;
    background-position: 18px 49%;
}
.search-bar input.search-input {
    padding-left: 50px;
    font-size: 14px;
    color: #4d4d4d;
    margin-bottom: 0;
    border: none !important;
}
.search-bar-wrapper {
    display: flex;
    align-items: center;
    padding: 25px 20px 30px 20px;
}
.btn.secondary-btn.filter-btn {
    margin-left: 10px;
    border: 1px solid #50b163;
    color: #50b163;
    box-shadow: none;
}
.btn.secondary-btn.filter-btn img {
    padding-right: 10px;
    width: 26px;
    height: 26px;
}
.new-card .dataTables_filter {
    display: none;
}
.no-store-wrapper {
    text-align: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 50px 20px;
}
.no-store-text {
    display: block;
    font-weight: 700;
    font-size: 20px;
    padding-top: 25px;
}
.no-automation-text {
    display: block;
    font-size: 14px;
    max-width: 500px;
    font-weight: 500;
    padding-top: 40px;
}
.btn.secondary-btn-green.no-store-btn {
    float: unset;
    width: fit-content;
    margin: 0 auto;
    margin-top: 20px;
}
.store-type [type="checkbox"] + span:not(.lever),
.offline-box [type="checkbox"] + span:not(.lever) {
    color: #595959;
    font-size: 14px;
    line-height: 17px;
}
.store-type [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after,
.offline-box
    [type="checkbox"].filled-in:not(:checked)
    + span:not(.lever):after {
    border: 2px solid #595959;
}
.store-type [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after,
.store-type [type="checkbox"].filled-in:checked + span:not(.lever):after,
.offline-box [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after,
.offline-box [type="checkbox"].filled-in:checked + span:not(.lever):after {
    width: 18px;
    height: 18px;
}
.store-type [type="checkbox"].filled-in:checked + span:not(.lever):before {
    top: -1px;
    left: 0;
}
.offline-box [type="checkbox"].filled-in:checked + span:not(.lever):before {
    top: -1px;
    left: 0;
}
.all-stores-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 10px;
}
.all-stores-wrapper label {
    flex-basis: 50%;
}
.view-store-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.view-store-wrapper .view-store {
    position: relative;
    font-size: 14px;
    line-height: 27px;
    float: right;
    color: #50b163;
    padding-bottom: 8px;
    cursor: pointer;
}
.view-store-wrapper .view-store:after {
    font-family: "Material Icons";
    font-size: 18px;
    position: absolute;
    right: -19px;
    top: 2px;
    content: "keyboard_arrow_down";
    transition:
        transform 0.3s ease-in-out,
        opacity 0.25s ease-in-out 0.1s,
        -webkit-transform 0.3s ease-in-out;
    color: #50b163;
}
.view-store-wrapper .view-store.active:after {
    font-family: "Material Icons";
    font-size: 18px;
    position: absolute;
    right: -19px;
    top: 2px;
    content: "keyboard_arrow_up";
    transition:
        transform 0.3s ease-in-out,
        opacity 0.25s ease-in-out 0.1s,
        -webkit-transform 0.3s ease-in-out;
    color: #50b163;
}
.fileuploader.fileuploader-theme-thumbnails
    .fileuploader-thumbnails-input-inner {
    border: 2px dashed #949494;
    color: #464646;
}
.fileuploader {
    background: #fcfcfc;
    text-align: center;
    border: 1px solid #efefef;
    padding: 15px 0;
    border-radius: 0;
    margin: 0;
    width: auto;
}
.upload-icon {
    width: 80px;
    height: 80px;
}
.drag-title {
    color: #787878;
    display: block;
    padding-top: 12px;
}
.upload-container {
    cursor: pointer;
}
.sortable {
    padding: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.sortable li {
    float: left;
    width: 120px;
    height: 120px;
    overflow: hidden;
    border: 1px solid red;
    text-align: center;
    margin: 5px;
}
li.sortable-placeholder {
    border: 1px dashed #ccc;
    background: none;
}
.drop-wrapper {
    position: relative;
}
.drop-preview.sortable {
    display: flex;
    margin-top: 20px;
    padding: 30px 0;
    position: unset;
    border-radius: 0;
    width: 100%;
    flex-wrap: wrap;
    height: auto;
    min-height: 270px;
    margin: 0;
    padding-left: 250px;
}
.drop-preview .file-item:first-child {
    width: 240px;
    height: 220px;
    align-items: center;
    display: flex;
    position: absolute !important;
    clear: both;
    left: 0px !important;
    overflow: hidden;
    justify-content: center;
    margin-left: 0;
    top: 30px !important;
}
.drop-preview .file-item {
    position: relative !important;
    height: 100px;
    width: 100px;
    margin-left: 10px;
    border: 1px solid #e1e1e1;
    padding: 0;
    border-radius: 5px;
    margin-bottom: 15px;
    background: #f6f6f6;
}
.dz-preview {
    cursor: grab;
    height: 100%;
}
img[data-dz-thumbnail] {
    height: 100%;
    width: 100%;
    object-fit: scale-down;
}
.swap-class img {
    display: none;
}
.upload-files,
.dropify-upload-file {
    position: relative;
    display: block;
    min-height: 2.6rem;
    min-width: 2.6rem;
    margin: 0 auto;
    padding: 10px 25px;
    background: linear-gradient(180deg, #fff, #f9fafb);
    border: 0.1rem solid #c4cdd5;
    box-shadow: 0 1px 0 0 rgb(22 29 37 / 0.05);
    border-radius: 3px;
    color: #212b36;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    margin-top: 18px;
    font-size: 13px;
}
.upload-flex-box.files-added {
    display: flex;
    flex-direction: column;
}
.upload-flex-box.files-added .fileuploader {
    width: 100%;
    margin-right: 0;
}
.upload-flex-box.files-added .drop-preview.sortable {
    margin-top: 25px;
    padding-top: 0;
    margin-bottom: 30px;
    min-height: 190px !important;
}
.upload-flex-box.files-added .drop-preview .file-item:first-child {
    top: 25px !important;
}
.upload-flex-box.files-added .file-item .dz-remove {
    display: none;
    font-size: 13px;
}
.upload-flex-box.files-added .file-item:hover .dz-remove {
    display: block;
    position: absolute;
    background: linear-gradient(180deg, #fff, #f9fafb);
    border-top: 0.1rem solid #c4cdd5;
    box-shadow: 0 1px 0 0 rgb(22 29 37 / 0.05);
    border-radius: 3px;
    color: #212b36;
    width: 100%;
    text-align: center;
    bottom: 0;
    padding: 5px 7px;
    z-index: 9999;
}
.upload-flex-box.files-added .file-item:hover img {
    opacity: 0.5;
}
.upload-flex-box.files-added .file-item .featured-img {
    display: none;
    background: #000;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 5px 7px;
    position: absolute;
    top: 0;
}
.upload-flex-box.files-added .file-item:first-child .featured-img {
    display: block;
}
.upload-flex-box.files-added .file-item:first-child img[data-dz-thumbnail] {
    padding-top: 35px;
}
.upload-flex-box .drop-wrapper {
    display: none;
}
.upload-flex-box.files-added .drop-wrapper {
    display: block;
}
.custom-textarea {
    border: 1px solid #efefef;
    border-radius: 3px;
    padding-left: 10px;
    resize: vertical;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 8px;
    min-height: 100px;
    max-height: 500px;
}
.custom-textarea.product-textarea {
    height: 100px;
    resize: auto;
}
.custom-textarea.mmb-error {
    border: 1px solid #bf0711;
}
.col .row.filter-bar {
    padding: 10px 10px 10px 0;
    margin-left: -15px;
}
.filter-text {
    font-size: 19px;
}
.filter-icon i {
    font-size: 19px;
    position: absolute;
    top: 9px;
    right: 11px;
}
.filter-icon a {
    color: #4d4d4d;
}
.filter-box {
    padding: 0;
}
.filter-head {
    padding-top: 5px;
    display: block;
    padding-bottom: 5px;
    font-weight: 600;
    color: #4d4d4d;
    font-size: 15px;
    margin-top: 0;
}
.filter-content {
    padding-top: 0;
    margin-top: 0;
}
.filter-content li {
    line-height: 25px;
    margin-top: 0;
}
.filter-wrapper {
    margin: 10px 15px;
}
.filter-list {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 20px;
}
.offline-box {
    border: 1px solid #e2e2e2;
}
.offline-box .search-bar {
    border: none;
    border-bottom: 1px solid #e2e2e2;
    border-radius: 0;
    box-shadow: none;
}
.offline-box .search-bar:before {
    background-position: 15px 50%;
    width: 35px;
    height: 35px;
}
.offline-box .search-bar input.search-input {
    padding-left: 45px;
}
.offline-box .store-options {
    padding: 0 10px;
    max-height: 240px;
    overflow: auto;
}
.offline-box .store-options li {
    padding: 5px 5px;
}
.offline-box [type="checkbox"] + span:not(.lever) {
    font-size: 14px;
}
.product-flex {
    align-items: center;
}
.product-flex img {
    width: 50px;
    height: 50px;
    margin-right: 15px;
    border: 1px solid #f0f0f0;
    border-radius: 3px;
    object-fit: contain;
}
.new-datatable [type="checkbox"] + span:not(.lever) {
    color: #595959;
    font-size: 14px;
    line-height: 17px;
}
.new-datatable
    [type="checkbox"].filled-in:not(:checked)
    + span:not(.lever):after {
    border: 1px solid #aaa;
    border-radius: 3px;
    box-shadow: -1px 1px 3px #f2f2f2;
}
.new-card table.dataTable.product-datatable thead .sorting_desc {
    width: 20px !important;
}
.new-datatable
    [type="checkbox"].filled-in:not(:checked)
    + span:not(.lever):after,
.new-datatable [type="checkbox"].filled-in:checked + span:not(.lever):after {
    width: 16px;
    height: 16px;
    top: 2px;
}
.new-datatable.highlight-products
    tbody
    tr:first-child
    [type="checkbox"].filled-in:not(:checked)
    + span:not(.lever)::after {
    box-shadow: 0 0 0 #e8bf7c;
    animation: custom-pulse-anim 5s infinite;
}
.new-datatable.highlight-products tbody tr:first-child {
    background: #fff3f1;
}
table.dataTable.highlight-products.hover tbody tr:hover {
    background: #fff3f1;
}
.new-datatable [type="checkbox"].filled-in:checked + span:not(.lever):before {
    top: 0;
    left: 1px;
    width: 4px;
    height: 10px;
}
.bulk-action.display-flex {
    padding: 0 25px 20px 20px;
    align-items: center;
}
.bulk-action .selected-text {
    font-size: 14px;
    font-weight: 900;
    margin-right: 18px;
    border-radius: 5px;
    padding: 14px 18px;
    background: #fafafa;
}
.bulk-action .btn.secondary-btn.secondary-btn-green {
    padding: 22px 15px;
    margin: 0;
}
.mmb-modal.print-modal .cancel-modal {
    padding: 15px 30px;
    float: left;
}
.mmb-modal.plan-modal.print-modal .plan-header {
    text-align: left;
}
.mmb-modal.print-modal .modal-footer {
    margin: 20px 0;
}
.btn.store-delete {
    float: left;
    display: flex;
    align-items: center;
    color: #323232;
    background: #fff0;
    border: 1px solid #bfbfbf;
    box-shadow: none;
}
.btn.store-delete img {
    width: 14px;
    margin-right: 10px;
}
.create-plan-bottom {
    padding: 40px 0 25px 0;
}
.switch-label {
    font-size: 13px;
    font-weight: 400;
}
.upload-flex-box.files-added .drop-preview:empty {
    display: none;
}
.mmb-modal.delete-product-modal .cancel-modal {
    float: unset;
    margin-right: 15px;
}
.btn.remove-btn {
    background: #d7372b !important;
    border-color: #f44336;
    margin-top: 0px !important;
    font-weight: 700;
    color: #fff;
    padding: 22px 40px;
    border: 1px solid #f44336;
}
.btn.remove-btn i {
    color: #fff !important;
}
.mmb-product-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.print-qr-link {
    font-size: 14px;
    display: flex;
    align-items: center;
    color: #49a579;
}
.print-qr-link i {
    padding-right: 10px;
}
.search-bar.custom-search {
    border: none;
    min-width: 500px;
    width: 100%;
    box-shadow: none;
}
.search-bar.custom-search.filter-search {
    min-width: 150px;
}
.custom-search-box {
    display: flex;
    width: 100%;
    border: 1px solid #e2e2e2;
    box-shadow: -1px 1px 5px #f2f2f2;
    border-radius: 4px;
}
.filter-btn-group {
    height: 43px;
}
.filter-dropdown .filter-dropdown-list .search-bar {
    height: 35px;
}
.filter-btn-group .filter-dropdown {
    min-width: 120px;
    width: max-content;
    padding: 12px 24px 12px 10px;
    position: relative;
    user-select: none;
    border-left: 1px solid #e2e2e2;
    cursor: pointer;
}
.filter-btn-group .filter-dropdown .filter-name {
    font-size: 13px;
}
.filter-btn-group .filter-dropdown.statusChange {
    min-width: fit-content;
    padding-right: 30px;
}
.filter-btn-group .filter-dropdown.ProductGroup {
    min-width: 105px;
}
.filter-btn-group .filter-dropdown.billingFrequencyGroup {
    min-width: 145px;
}
.filter-btn-group .filter-dropdown.deliveryFrequencyGroup {
    min-width: 156px;
}
.filter-btn-group .filter-dropdown.addFilter {
    min-width: 110px;
    padding-top: 8px;
}
.filter-btn-group .filter-dropdown.statusChange .filter-dropdown-list {
    position: absolute;
    right: -70px;
    left: -70px;
}
.filter-btn-group .filter-dropdown.addFilter .filter-dropdown-list {
    position: absolute;
    right: -15px;
    left: -80px;
}
.filter-btn-group .filter-dropdown:after,
.halted-filter-btn-group:after {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border: 4.5px solid #fff0;
    border-top-color: #000;
    top: 49%;
    right: 10px;
    margin-top: -1px;
}
.filter-dropdown-list {
    background-color: #fff;
    border-radius: 3px;
    outline: 1px solid #fff0;
    border: none;
    backface-visibility: hidden;
    box-shadow:
        0 0 0 1px rgb(6 44 82 / 0.1),
        0 2px 16px rgb(33 43 54 / 0.08);
    padding: 6px;
    list-style: none;
    margin: 0;
    position: absolute;
    top: 50px;
    left: -60px;
    right: -60px;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    max-height: 250px;
    z-index: 9;
    overflow-y: auto;
    overflow-x: hidden;
    pointer-events: none;
}
.offline-store-section.filter-dropdown-list {
    width: 300px;
}
.filter-dropdown-list li {
    padding: 5px;
}
.filter-dropdown-list li label {
    display: block;
    margin: 0;
    transition: all 0.2s ease-out;
    cursor: pointer;
}
.filter-dropdown-list li label span {
    font-size: 14px;
    font-weight: 300;
    margin-left: 8px;
    color: #212b36;
}
.filter-dropdown.active .filter-dropdown-list {
    opacity: 1;
    pointer-events: auto;
}
.filter-dropdown.active:after,
.halted-filter-btn-group.active:after {
    border-bottom-color: #000;
    border-top-color: #fff;
    margin-top: -8px;
}
.search-bar-wrapper.new-search-wrapper {
    align-items: flex-start;
    flex-direction: column;
    padding: 15px 20px 5px 20px;
}
.filter-result-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.filter-result-list li {
    padding: 0 6px;
    background: #fcfcfc;
    border-radius: 2rem;
    border: #cbcdcd 0.0625rem;
    margin-right: 10px;
    font-size: 12px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    color: #202223;
    border-color: #84868959;
    border-style: solid;
}
.filter-result-list li i {
    font-size: 12px;
    margin-left: 5px;
    padding: 5px 0;
    float: right;
    cursor: pointer;
}
.filter-result-list li i:hover {
    font-weight: 700;
    color: #4caa70;
}
.navbar {
    display: none;
}
.navbar-fixed nav {
    background: #202123 !important;
    box-shadow: 0 2px 4px rgb(0 0 0 / 0.1);
}
.navbar .header-search-wrapper {
    width: 100%;
    background: #202123;
    margin-left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 290px;
    padding-right: 15px;
    height: auto;
    margin: 0px !important;
}
.unsaved-span {
    color: #e3e5e7;
    display: flex;
    align-items: center;
    font-size: 15px;
}
.navbar .navbar-dark .header-search-wrapper i {
    position: unset;
    line-height: inherit !important;
    margin-right: 10px;
    color: #e3e5e7;
}
.save-wrapper {
    display: flex;
    align-items: center;
}
.save-wrapper .global-discard-btn {
    background: transparent !important;
    padding: 5px 12px;
    border: 1px solid #e3e5e7;
    color: #e3e5e7;
    line-height: 22px;
    font-size: 14px;
    margin-right: 15px;
    text-transform: capitalize;
    box-shadow: 0 1px 0 0 rgb(22 29 37 / 0.05);
}
.save-wrapper .global-save-btn {
    background: #008060;
    padding: 5px 30px;
    text-transform: capitalize;
    line-height: 22px;
    font-size: 14px;
    border: 1px solid #008060;
    box-shadow: 0 1px 0 0 rgb(22 29 37 / 0.05);
}
.save-wrapper .global-save-btn.btn-loading {
    background-image: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/Rolling-0.6s-42px.svg?v=1618040331) !important;
    background-repeat: no-repeat !important;
    background-color: #46a07e !important;
    background-size: 25px 25px !important;
    opacity: 0.7;
    background-position: center !important;
    cursor: no-drop;
    pointer-events: none;
}
.sidenav {
    box-shadow: 0 2px 1px 0 rgb(0 0 0 / 0.2);
}
.navbar-fixed {
    z-index: 99;
}
.sidenav-main {
    z-index: 9;
}
@media only screen and (min-width: 601px) {
    .navbar-fixed {
        height: 64px;
    }
}
.mmb-modal.plan-modal.global-save-modal .plan-header {
    text-align: left;
}
.mmb-modal.plan-modal.global-save-modal .modal-footer {
    margin-top: 20px;
}
.deleteSaveSearch.mmb-modal.plan-modal.global-save-modal .modal-footer {
    margin-top: 10px;
}
.mmb-modal.plan-modal.global-save-modal .modal-footer.mt-5 {
    margin-top: 5px !important;
}
.mmb-modal.plan-modal.global-save-modal .cancel-modal {
    padding: 13px 30px;
    color: #323232;
    margin-right: 15px;
}
.mmb-modal.plan-modal.global-save-modal .remove-btn {
    padding: 20px 30px;
}
.modal.mmb-modal.center-modal {
    top: 50% !important;
    transform: translateY(-50%) !important;
}
.z-depth-1,
nav,
.card-panel,
.card,
.toast,
.btn,
.btn-large,
.btn-small,
.btn-floating,
.dropdown-content,
.collapsible,
.sidenav {
    -webkit-box-shadow:
        0 1px 1px 0 rgb(0 0 0 / 0.14),
        0 1px 1px -3px rgb(0 0 0 / 0.12),
        0 0 1px 0 rgb(0 0 0 / 0.2);
    box-shadow:
        0 1px 1px 0 rgb(0 0 0 / 14%),
        0 1px 0 -3px rgb(0 0 0 / 12%),
        0 0 0 0 rgb(0 0 0 / 20%);
}
.card {
    border: 1px solid #f3f1f1;
    border-radius: 12px;
    box-shadow: none;
}
.custom-search-box.new-search {
    width: 100%;
    margin-bottom: 18px;
}
.custom-search-box.new-search .search-bar.custom-search {
    width: 100%;
}
.sidenav li a.active,
#card-stats .card,
footer.page-footer,
.subcriber-badge,
.secondary-btn-green,
.btn.secondary-btn.filter-btn,
.save-wrapper .global-save-btn,
.btn,
.btn-large,
.btn-small,
.switch label input[type="checkbox"]:checked + .lever:after,
.switch label input[type="checkbox"]:checked + .lever:after,
.tabs .indicator,
[type="radio"]:checked + span:after,
[type="radio"].with-gap:checked + span:after,
.btn.secondary-btn-green {
    background: linear-gradient(45deg, #1fa27e, #5d9a7e) !important;
    color: #fff;
}
.top-list-wrapper.display-flex.recent-heading {
    padding: 5px 5px;
}
a,
.orders-highlight,
.top-list-wrapper.recent-heading a,
.dropdown-content li > a,
.dropdown-content li > span,
.btn.secondary-btn i {
    color: #2f9a93;
}
.top-list-wrapper.recent-heading .header-title {
    font-size: 22px;
    padding-left: 0;
    color: #4d4d4d;
}
[type="radio"]:checked + span:after,
[type="radio"].with-gap:checked + span:before,
[type="radio"].with-gap:checked + span:after,
[type="checkbox"].filled-in:checked + span:not(.lever):after {
    border: 2px solid #46a07e;
    line-height: unset;
}
.login-img {
    display: block;
    width: 70px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
}
.card-panel.login-card.login-card-panel {
    padding: 20px 15px 5px 15px;
}
.forgot-field {
    margin-top: 5px;
}
.forgot-field p {
    text-align: center;
    overflow: hidden;
    display: block;
    padding-bottom: 0;
}
body.login-bg,
body.forgot-bg,
body.register-bg {
    background: #f9f9f9;
}
.btn.login-btn,
.btn.forgot-btn,
.btn.change-pass-btn {
    padding: 5px 10px;
    height: auto;
    border-radius: 5px !important;
}
#login-page,
#forgot-password,
#register-page {
    flex-direction: column;
}
.error-para {
    display: block;
    width: 100%;
    padding-top: 8px;
    text-align: left;
    padding-left: 44px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}
.change-address-link {
    float: right;
    font-size: 13px;
    text-decoration: underline;
}
.change-modal.mmb-modal.plan-modal {
    max-height: 90%;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
.change-modal.mmb-modal.plan-modal .mmb-wrapper .mmb-inner-info input,
.change-modal.mmb-modal.plan-modal
    .mmb-wrapper
    .mmb-inner-info
    select.browser-default {
    margin: 0 0 8px 0;
}
.change-modal .mmb-inner-info {
    padding: 15px 9px;
    background: #fff0;
}
.change-modal.mmb-modal.plan-modal .plan-header {
    text-align: left;
    text-transform: inherit;
}
.change-modal .col {
    margin-bottom: 10px;
}
.change-modal .btn.confirm-btn {
    margin-top: 0;
    margin-bottom: 0;
    height: 40px;
    line-height: 40px;
}
.change-modal .btn.confirm-btn:disabled {
    opacity: 0.5;
    color: #fff !important;
}
.change-modal .btn.confirm-btn.secondary-color:disabled {
    background: #f1f1f1 !important;
    color: #8c9196 !important;
    opacity: 1;
    pointer-events: none;
}
.offline-box.offline-store-section
    [type="checkbox"].filled-in:checked
    + span:not(.lever):before {
    top: 1px;
}
.toggle-switch.settings-switch {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.checkout-settings-wrapper .mmb-break {
    padding: 0;
}
.mmb-inner-info.extra-padding .col {
    padding-bottom: 15px;
}
.mmb-inner-info.extra-padding {
    background: #fff;
    padding: 25px 25px 10px 25px;
}
.checkout-settings-wrapper .mmb-break.mmb-inner-break {
    padding: 25px;
    background: #f9f9f9;
}
.checkout-settings-wrapper #integrations-app-tab .mmb-break.mmb-inner-break {
    padding: 10px;
}
.table-of-contents {
    box-shadow: 0 0 5px 1px #e0e0e0;
    border-radius: 5px;
    margin-top: 0;
    padding: 0;
    max-width: 290px;
}
.table-of-contents li {
    display: flex;
    padding: 0;
    align-items: center;
    border-bottom: 1px solid #e2e2e2;
}
.table-of-contents a:hover {
    padding-left: 15px;
    font-weight: 600;
    color: #499d7e;
    border-left: 5px solid #499d7e;
    background: #f9f9f9;
}
.table-of-contents a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: unset;
    padding: 15px 20px;
    line-height: normal;
    width: 100%;
    background: #fff;
    color: #323232;
}
.table-of-contents a.active {
    padding-left: 15px;
    font-weight: 600;
    color: #499d7e;
    border-left: 5px solid #499d7e;
    background: #f9f9f9;
}
.inclusive_tax_div,
.minor_check_div {
    padding-top: 10px;
}
.inclusive_tax_div [type="checkbox"] + span:not(.lever),
.minor_check_div [type="checkbox"] + span:not(.lever) {
    font-size: 13px;
    line-height: inherit;
    height: unset;
    color: #595959;
    padding-left: 30px;
}
.minor-check[type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
    width: 16px;
    height: 16px;
}
.minor-check[type="checkbox"].filled-in:checked + span:not(.lever):after {
    width: 16px;
    height: 16px;
}
.inclusive_tax_div
    [type="checkbox"].filled-in:checked
    + span:not(.lever):before {
    top: -1px;
    left: 0;
    width: 8px;
    height: 11px;
}
[type="checkbox"].filled-in:checked + span:not(.lever):before {
    top: 1px;
    left: 0;
    width: 8px;
    height: 11px;
}
.itg_row_wrapper {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}
.itg_row_wrapper img {
    width: 40px;
}
.itg_wrapper {
    padding-bottom: 0;
    padding-left: 15px;
    width: 100%;
}
.itg_input_wrapper {
    width: 100%;
    display: block;
    padding-left: 55px;
    padding-right: 30px;
}
.itg_header {
    display: block;
    font-size: 18px;
    background: #fff;
    font-weight: 600;
    width: 100%;
    color: #000;
    border-bottom: 1px solid #e2e2e2;
    padding: 15px 30px;
    text-align: left;
}
.itg_sub_header {
    font-size: 18px;
    padding-bottom: 25px;
    font-weight: 500;
    display: block;
    padding-left: 3px;
}
.itg_block_title {
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 15px 0;
}
.itg_description {
    display: block;
    font-size: 12px;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #4c4c4c;
}
.mmb-label.side-label .label-desc {
    padding-top: 0;
    position: sticky;
    top: 10px;
}
.mmb-label.side-label {
    padding-top: 0;
}
.side-label-icon {
    display: flex;
    align-items: center;
}
.side-label-icon i {
    margin-right: 10px;
}
.billing-section .billing-table i.red-icon {
    font-size: 30px;
    color: #e94f0f;
}
.billing-section .billing-table i.green-icon {
    font-size: 30px;
    color: #519c7e;
}
.billing-section .billing-table .feature-plan-head {
    position: relative;
}
.overflow-inherit {
    overflow: inherit;
}
table.billing-table {
    overflow: inherit;
}
.billing-table .feature-plan-head {
    position: relative;
}
table.billing-table tr {
    border-bottom: 1px solid #f3f3f3;
}
table.billing-table th {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
}
table.billing-table th:first-child {
    text-align: left;
    padding-left: 20px;
}
table.billing-table th:last-child {
    border-right: none;
}
table.billing-table td,
table.billing-table th {
    text-align: center;
    font-size: 14px;
    border-right: 1px solid #f3f3f3;
}
table.billing-table td:first-child {
    text-align: left;
    padding-left: 20px;
}
table.billing-table td:last-child {
    border-right: none;
}
.pricing-side-label {
    padding: 0 0 10px 25px;
}
.pricing-side-label .mmb-inner-info {
    background: #fff;
    color: #000;
    overflow: hidden;
    border: 1px solid #f6f6f6;
    border-radius: 5px;
}
.pricing-side-label .plan_subtext {
    display: block;
}
.pricing-side-label .plan_desc {
    display: block;
    font-size: 21px;
    padding: 15px 0 15px 0;
}
.pricing-side-label .payment-btn {
    float: unset;
}
.billing-side-plan-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 30px;
    color: #000;
}
.billing-plan-first {
    flex-basis: 70%;
}
.billing-plan-second {
    flex-basis: 40%;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 320px;
}
.billing-side-plan-wrapper .plan-pricing-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.billing-side-plan-wrapper .plan-type {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
}
.billing-side-plan-wrapper .plan-details {
    font-size: 48px;
    font-weight: 700;
    position: relative;
    line-height: normal;
}
.billing-side-plan-wrapper .plan-currency {
    font-size: 22px;
    vertical-align: super;
    padding-right: 10px;
}
.billing-side-plan-wrapper .plan-duration {
    font-weight: 300;
    padding-left: 5px;
    font-size: 16px;
    vertical-align: sub;
}
.billing-side-plan-wrapper .plan-upgrade-btn {
    width: 100%;
    margin-right: 0;
    text-transform: uppercase;
    margin-top: 10px;
}
.billing-side-plan-wrapper .plan-side-title {
    font-size: 19px;
    color: #000;
    padding-bottom: 40px;
}
.billing-side-plan-wrapper .plan-tag {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    width: fit-content;
    border-radius: 40px;
    padding: 4px 8px;
    padding-left: 0;
    position: relative;
    background: #fff;
    margin-right: 10px;
    color: #509c7e;
}
.billing-side-plan-wrapper .next-renewal-span {
    display: block;
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 0;
    color: #585858;
}
.billing-side-plan-wrapper .next-renewal-date {
    display: block;
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 0;
    color: #585858;
}
.billing-side-plan-wrapper .plan-side-name {
    font-weight: 700;
}
.billing-side-plan-wrapper .plan-side-bottom {
    display: flex;
}
.billing-side-plan-wrapper .plan-account-used {
    display: block;
    font-size: 22px;
    font-weight: 600;
    color: #000;
}
.billing-side-plan-wrapper .plan-account-details {
    margin-right: 40px;
    min-width: 180px;
}
.billing-side-plan-wrapper .plan-account-used-title {
    font-size: 12px;
    display: block;
    color: #000;
    padding: 2px 0;
}
.billing-side-plan-wrapper .plan-account-used-progress {
    border: 1px solid #f9f9f9;
    background: #e6f3eb;
    height: 12px;
    margin-bottom: 0;
    border-radius: 50px;
}
.btn.secondary-btn-accent {
    border: 1px solid #529b7e;
    color: #529b7e;
}
.side-hyperlink {
    margin-top: 11px;
    font-size: 13px;
    display: inline-block;
    width: 100%;
    text-align: center;
    text-decoration: underline;
}
.update-payment-link {
    display: flex;
    align-items: center;
    float: right;
    font-size: 14px;
    padding-right: 20px;
    cursor: pointer;
}
.update-payment-link i {
    font-size: 19px;
    padding-right: 5px;
}
.update-payment-link span {
    text-decoration: underline;
}
.update-payment-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.billing-alert.legal-note-warning {
    margin-bottom: 0;
    margin-top: 25px;
}
.billing-alert.legal-note-warning a {
    color: #323232;
    text-decoration: underline;
}
.info-card.plan-update-warning-card {
    display: none;
    margin: 0 0 20px 0;
}
.add-on-wrapper {
    padding: 0;
    margin-top: 0;
    background: #fff;
    color: #000;
    overflow: hidden;
    border: 1px solid #f6f6f6;
    border-radius: 5px;
}
.add-on-header {
    display: block;
    padding: 15px 25px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #e2e2e2;
}
.addon-details-wrapper {
    padding: 20px 25px 25px 25px;
    font-size: 14px;
    font-weight: 100;
}
.addon-list {
    padding: 5px 0;
}
.addon-price {
    float: right;
    font-weight: 600;
}
.billing-card-detail {
    display: flex;
    align-items: center;
    font-size: 18px;
}
.billing-card-detail i {
    margin-right: 10px;
}
.billing-plan-header {
    display: block;
    padding-bottom: 25px;
    font-weight: 900;
    font-size: 22px;
    color: #000;
}
.billing-swatches {
    margin-bottom: 15px;
}
.billing-label {
    border: 1px solid #e2e2e2;
    padding-bottom: 0;
    padding: 5px 20px;
    background: #fff;
    border-radius: 5px;
    margin-right: 10px;
    align-items: center;
}
.billing-label.active {
    border: 2px solid #4ba872;
    color: #4ba872;
    background: #ebf5ef;
}
.billing-label-text {
    padding-left: 0;
    color: #4ba872;
}
.billing-label [type="radio"] + span:before,
.billing-label [type="radio"] + span:after {
    display: none;
}
.billing-label [type="radio"]:not(:checked) + span {
    padding-left: 0;
    color: #595959;
}
.billing-label [type="radio"]:checked + span {
    padding-left: 0;
    color: #4ba872;
}
.billing-side-plan-wrapper .modal-overlay {
    opacity: 0.9 !important;
}
.plan-upgrade-modal .store-addon {
    justify-content: space-between;
    padding: 10px 10px 10px 10px;
}
.plan-upgrade-modal .quantity-wrap {
    align-items: center;
    justify-content: space-between;
    width: 70%;
}
.plan-upgrade-modal .minus-btn {
    border-radius: 50%;
    margin-right: 5px;
    color: #b3b3b3;
    cursor: pointer;
}
.mmb-wrapper .mmb-inner-info .plan-upgrade-modal input.input-qty {
    height: 25px;
    margin-bottom: 0;
    border: none;
    width: 40px;
    text-align: center;
    font-size: 18px;
    padding: 0;
}
.plan-upgrade-modal .plus-btn {
    color: #4ba872;
    margin-left: 5px;
    cursor: pointer;
}
.plan-upgrade-modal .addon-price {
    width: 30%;
    padding-left: 15px;
    text-align: right;
}
.plan-upgrade-modal .modal-footer {
    border-top: 1px solid #f7f7f7;
    padding-top: 20px;
    clear: both;
    overflow: hidden;
    margin-top: 20px;
    height: unset;
}
.plan-upgrade-modal .total-pay-price {
    padding-left: 15px;
}
.plan-upgrade-modal .billing-note {
    padding: 8px 30px;
    background: #ebf5ef;
    width: fit-content;
    font-size: 13px;
    border-radius: 2px;
    color: #4ba872;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 20px;
}
.plan-upgrade-modal .update-plan-btn {
    width: 50%;
    margin-bottom: 15px;
    font-size: 15px;
}
.plan-upgrade-modal .pay-addon-btn {
    margin-top: 5px;
}
.plan-upgrade-modal .pay-span {
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.plan-upgrade-modal .pay-price {
    padding-left: 5px;
    font-size: 18px;
    font-weight: 700;
}
.transaction_view_modal .transaction-list ul {
    padding: 0;
    margin: 0;
}
.transaction_view_modal .transaction-list ul li {
    border-bottom: 1px solid #e2e2e2;
    padding: 15px 25px;
    text-align: left;
    font-size: 14px;
    color: #323232;
}
.transaction_view_modal .transaction-list ul li .transc-price {
    float: right;
    font-weight: 800;
}
.invoice-icon {
    color: #000;
    cursor: pointer;
    width: 35px;
    height: 35px;
}
.final-pricing-div,
.final-pricing-amount {
    font-size: 24px;
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
}
.final-pricing-amount sup {
    font-weight: 500;
    padding-left: 5px;
    font-size: 13px;
    vertical-align: sub;
}
.final-pricing-btn-wrapper {
    display: block;
    padding-top: 10px;
    width: 70%;
    margin: 0 auto;
}
a.downgrade-btn {
    background: #fff !important;
    border: 1px solid #e95033;
    font-size: 12px;
    padding: 10px 25px;
    opacity: 0.6;
    line-height: normal;
    color: #e95033;
}
a.current-btn {
    display: flex;
    background: #fff !important;
    align-items: center;
    border: 1px solid #479c7d;
    justify-content: center;
    font-size: 12px;
    padding: 10px 25px;
    line-height: normal;
    color: #479d7e;
}
a.current-btn i {
    font-size: 18px;
    margin-right: 5px;
}
.btn.secondary-btn.secondary-btn-green.addon-btn {
    margin-top: 20px;
    margin-right: 0;
}
.feature-plan-name {
    display: block;
}
.feature-plan-price {
    display: block;
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 34px;
}
.feature-plan-price sup {
    font-weight: 500;
    padding-left: 5px;
    font-size: 13px;
    vertical-align: sub;
    text-transform: capitalize;
}
.feature-inr-amount {
    display: block;
    font-size: 11px;
    text-transform: capitalize;
    padding-bottom: 10px;
}
a.btn.secondary-btn.feature-plan-btn {
    margin-right: 0;
    float: unset;
    width: fit-content;
    margin: 0 auto;
}
.onboarding-section .mmb-info {
    flex-basis: 100%;
}
.modal.mmb-modal.credit_modal.choose-plan-modal {
    max-width: 700px;
    max-height: 90%;
}
.choose-plan-div {
    display: flex;
    align-items: center;
}
.choose-plan-text {
    display: block;
    font-size: 18px;
    padding-bottom: 12px;
}
.choose-plan-desc {
    font-size: 14px;
    text-transform: initial;
    font-weight: 400;
    display: block;
    color: #4d4d4d;
    padding-right: 15px;
}
.choose-plan-img {
    padding: 5px 15px;
}
.onboarding-section .billing-table thead th:first-child {
    width: 45%;
}
.choose-plan-modal .billing-label {
    padding: 5px 15px;
    min-width: 135px;
}
.choose-plan-modal .billing-label-text {
    font-size: 17px;
    padding-top: 5px;
    font-weight: 700;
}
.choose-plan-modal .billing-label-desc {
    display: block;
    font-size: 11px;
    padding-top: 2px;
}
.choose-plan-modal .billing-label-price {
    padding-top: 15px;
    display: block;
    font-size: 16px;
    padding-bottom: 0;
    font-weight: 700;
}
.choose-plan-modal .billing-label-interval {
    display: block;
    font-size: 12px;
    padding-top: 0;
    line-height: 15px;
}
.choose-plan-modal .billing-swatches {
    align-items: center;
    justify-content: center;
}
.recurpay-tabs-newlayout {
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 30px;
    position: relative;
    display: flex;
    flex-direction: row;
    padding: 0 15px;
    border: 1px solid #e3f7ee;
    border-radius: 99em;
    overflow: visible;
    background: #fff;
    color: #fff;
    width: fit-content;
}
.recurpay-tabs-newlayout .recur-selector {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    display: block;
    width: 0;
    border-radius: 99em;
    color: #04b6671c;
    background: currentColor;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.6, 0.15, 0.4, 0.85);
    pointer-events: none;
    user-select: none;
}
.new-recur-tab {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    display: flex;
    margin: 0 -14.5px;
    padding: 0.75em 2em;
    border: 0;
    border-radius: 99em;
    background: #fff0;
    color: inherit;
    font-size: 14px;
    font-weight: bolder;
    cursor: pointer;
    user-select: none;
    outline: none;
    color: #979797;
}
.new-recur-tab:hover {
    background: #fff;
    color: #000;
    z-index: 2;
}
.new-recur-tab.active {
    cursor: default;
    color: #2d2d2d;
    background: #e3f7ee;
}
.new-recur-tab.active:hover {
    color: #000;
    background: #e3f7ee;
}
.new-recur-tab .tab__text {
    margin: 0 1em;
}
.recur-disc-tag {
    align-items: center;
    padding-left: 2px;
    color: #04b667;
    font-weight: 700;
}
.recur-disc-tag .pro-icon {
    font-size: 18px;
    width: 20px;
}
.free-swatches img {
    padding: 5px;
}
.transact-note {
    padding: 8px 30px;
    background: #fff6e9;
    width: fit-content;
    font-size: 13px;
    border-radius: 5px;
    color: #323232;
    margin: 0 auto;
    margin-top: 15px;
}
.mmb-modal .submit-modal.plan-subscribe-btn {
    padding: 15px 40px;
    font-size: 15px;
    margin-bottom: 10px;
    width: fit-content;
}
.addon-img {
    padding-bottom: 20px;
}
.mmb-modal .cancel-modal.downgrade-btn {
    margin-left: 10px;
    color: #585858;
}
.credit-wallet {
    font-size: 14px;
    display: flex;
    border-radius: 4px;
    font-weight: 400;
    padding: 5px 10px;
    align-items: center;
    border: 1px solid #4d9c7e;
    color: #4d9c7e;
}
.credit-wallet-text {
    margin-right: 5px;
}
.credit-wallet-money {
    margin-left: 6px;
}
.credit-wallet svg {
    height: 18px;
    margin-right: 8px;
    width: 18px;
}
.billing-header {
    justify-content: space-between;
}
.credit-wallet.store-credit-wallet {
    border: none;
    border-top: 1px solid #f7f7f7;
    padding: 10px 50px;
    margin-top: 40px;
    background: #ebf5ee;
    color: #4ba871;
    justify-content: center;
}
.credit-wallet.store-credit-wallet .use-credit-text {
    font-size: 13px;
    line-height: inherit;
    height: unset;
    color: #4ba871;
    padding-left: 0;
}
.credit-wallet.store-credit-wallet .use-credit-text.credit-amount {
    color: #46a07e;
    font-size: 14px;
}
.store-credit-modal.plan-upgrade-modal .modal-footer {
    margin-top: 0;
    padding-top: 30px;
}
.sync-icon-bar {
    background: #8edcbf21;
    padding: 7px 0;
    border-radius: 4px;
    justify-content: center;
    text-align: center;
    color: #499d7e;
    margin-bottom: 20px;
}
.sync-icon-bar i {
    padding-right: 10px;
}
.domain-card {
    display: flex;
    padding: 5px 0;
    padding-top: 0;
}
.domain-link {
    padding-right: 10px;
}
.badge.domain-badge {
    float: right;
    background: #499d7e;
    padding: 4px 14px;
    font-size: 13px;
    height: fit-content;
    line-height: normal;
    border-radius: 30px;
    margin-right: 30px;
}
.change-domain {
    text-decoration: underline;
    cursor: pointer;
    position: absolute;
    top: 2px;
    height: 2.8rem;
    display: flex;
    align-items: center;
    right: 1px;
    font-size: 12px;
    padding-right: 10px;
    padding-left: 10px;
    z-index: 1;
    background: #fff;
}
.change-input-wrapper .change-input {
    cursor: pointer;
    position: absolute;
    top: 1px;
    height: 3rem;
    display: none;
    text-transform: lowercase;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    align-items: center;
    right: 1px;
    font-size: 12px;
    padding-right: 10px;
    padding-left: 10px;
    z-index: 1;
    background: #fff;
    border-left: 1px solid #e2e2e2;
}
.change-input-wrapper:hover input:disabled {
    cursor: pointer;
}
.change-input-wrapper:hover .change-input {
    display: flex;
    cursor: pointer;
    text-decoration: underline;
}
.change-input-wrapper {
    position: relative;
    width: -webkit-fill-available;
    cursor: pointer;
}
.domain-box {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.domain-box input {
    margin-bottom: 0;
}
.domain-box button {
    display: block;
    padding: 4px 25px;
    margin: 0;
    margin-left: 15px;
    height: unset;
    width: 300px;
    letter-spacing: unset;
    float: unset;
    text-transform: inherit;
}
.fc.fc-unthemed td.fc-today {
    background: #ecfff3;
}
.fc .fc-button {
    background: #1fa27e !important;
}
.webhook-sync-wrapper {
    box-shadow: 0 -1px 11px #d6d6d6;
    color: #000;
}
.new-launch-label {
    left: 0;
    top: 0;
    width: 40px;
    position: absolute;
    transform: rotate(-90deg);
    fill: #f44336;
}
.edit-checkbox-wrapper {
    margin-bottom: 10px;
    margin-top: 5px;
    padding-left: 20px;
}
.edit-checkbox-wrapper .edit-label {
    position: relative;
    padding: 12px 15px;
    border: 1px solid #e2e2e2;
    margin-right: 15px;
    width: 50%;
    border-radius: 4px;
}
.edit-checkbox-wrapper .edit-label .itg_description {
    color: #6f6f6f;
}
.edit-checkbox-wrapper .edit-label-header {
    font-size: 15px;
    padding-left: 0;
}
.discount-alert {
    display: none;
    font-size: 13px;
    background: #e8f5fa;
    display: flex;
    padding: 12px 10px;
    border-radius: 4px;
    margin-top: 10px;
    font-weight: 600;
}
.discount-alert svg {
    width: 60px;
    height: 28px;
    fill: #53ccf9;
    margin-right: 10px;
}
.discount-alert i {
    color: #57b7da;
    padding-right: 8px;
    font-size: 20px;
}
.sample-head-text {
    font-size: 14px;
    padding-bottom: 5px;
    display: block;
    color: #000;
}
.chat-application
    .app-email
    .content-area
    .app-wrapper
    .collection
    .collection-item[data-tab="PAYMENT_LINK"] {
    border-bottom: none;
}
.chat-application
    .app-email
    .content-area
    .app-wrapper
    .collection
    .collection-item[data-tab="SUBSCRIPTION_UPDATED"] {
    display: none;
}
.update-subscription-success {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #d9eae3;
    font-weight: 600;
    border-color: #c9e8db;
    color: #46a07e;
    padding: 6px 10px;
    font-size: 15px;
    border-radius: 4px;
    margin-bottom: 15px;
    border: 2px solid #c9e8db;
}
.update-subscription-success img {
    width: 40px;
    height: 40px;
    margin-right: 8px;
}
.store_currency {
    font-size: 14px;
    width: fit-content;
    float: right;
    text-decoration: none;
    border-bottom: none;
    font-weight: 700;
    height: auto;
    padding: 0;
    padding-right: 5px;
}
.billing-alert {
    background: #eff8fb;
    font-size: 13px;
    display: flex;
    align-items: center;
    padding: 12px 10px;
    border-radius: 4px;
    color: #323232;
    margin-top: 10px;
    margin-bottom: 15px;
    font-weight: 600;
    text-align: left;
    background-color: #e9f3ff;
}
.billing-alert img {
    width: 32px;
    height: 32px;
}
.billing-alert .alert-span {
    padding-left: 15px;
}
.total-amount-set {
    font-size: 17px;
    margin-bottom: 0;
    display: block;
    margin-top: 10px;
}
.total-price-text {
    font-weight: 600;
}
.total-price-text.pay-strike-price {
    padding-right: 2px;
    font-size: 18px;
    font-weight: 700;
    color: #777;
    text-decoration: line-through;
    padding-left: 5px;
}
.tax-inclusive-text {
    display: block;
    font-size: 11px;
    padding-top: 5px;
}
.billing-plan-alert {
    padding: 10px 10px;
    justify-content: center;
}
.billing-alert.billing-plan-alert img {
    width: 25px;
    height: 25px;
}
.notification-alert {
    background: #eff8fb;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    border-radius: 0;
    color: #56a07e;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700;
    text-align: left;
    background-color: #ebf5ef;
}
.notification-alert svg {
    fill: #56a07e;
    width: 19px;
    height: 19px;
}
.notification-alert .alert-span {
    padding-left: 10px;
    padding-right: 10px;
}
.notification-alert img {
    width: 24px;
    height: 24px;
    display: none;
}
.toggle-switch.currency-switch {
    margin-bottom: 35px;
    justify-content: center;
    float: right;
    align-items: center;
}
.toggle-switch.currency-switch .switch-pre-text {
    font-size: 14px;
    padding-right: 2px;
}
.toggle-switch.currency-switch label,
.toggle-switch.currency-switch .switch-span {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #323232;
}
a.switch-span.switch-hyperlink {
    padding: 8px 15px;
    border-bottom: 1px solid #f5f5f5;
}
.dropdown-content.switch-content {
    margin-top: 5px;
    top: 52px !important;
}
.toggle-switch.currency-switch .switch-span img {
    width: 15px;
    height: 15px;
    margin-right: 8px;
    margin-left: 5px;
}
.toggle-switch.currency-switch .switch-span i {
    font-size: 18px;
    padding-left: 5px;
    color: #505050;
    margin-top: 2px;
}
.toggle-switch.currency-switch .lever {
    width: 40px;
    height: 20px;
    background: #d4d4d4;
}
.currency-switch .switch label input[type="checkbox"]:checked + .lever {
    background: #d4d4d4;
}
.currency-switch .switch label input[type="checkbox"]:checked + .lever:before,
.currency-switch .switch label input[type="checkbox"]:checked + .lever:after {
    left: 22px;
    background: #fff !important;
}
.currency-switch .switch label .lever:before,
.currency-switch .switch label .lever:after {
    position: absolute;
    top: 3px;
    left: 3px;
    display: inline-block;
    width: 14px;
    height: 14px;
    content: "";
    -webkit-transition:
        left 0.3s ease,
        background 0.3s ease,
        -webkit-box-shadow 0.1s ease,
        -webkit-transform 0.1s ease;
    -moz-transition:
        left 0.3s ease,
        background 0.3s ease,
        box-shadow 0.1s ease,
        transform 0.1s ease,
        -moz-transform 0.1s ease;
    -o-transition:
        left 0.3s ease,
        background 0.3s ease,
        box-shadow 0.1s ease,
        -o-transform 0.1s ease;
    transition:
        left 0.3s ease,
        background 0.3s ease,
        -webkit-box-shadow 0.1s ease,
        -webkit-transform 0.1s ease;
    transition:
        left 0.3s ease,
        background 0.3s ease,
        box-shadow 0.1s ease,
        transform 0.1s ease;
    transition:
        left 0.3s ease,
        background 0.3s ease,
        box-shadow 0.1s ease,
        transform 0.1s ease,
        -webkit-box-shadow 0.1s ease,
        -webkit-transform 0.1s ease,
        -moz-transform 0.1s ease,
        -o-transform 0.1s ease;
    border-radius: 50%;
    background: #fff;
}
.register-wrapper {
    text-align: center;
    padding-top: 50px;
}
.register-wrapper img {
    max-width: 500px;
}
.register-wrapper .register-inner-wrapper {
    width: 70%;
    margin: 0 auto;
    display: block;
}
.register-wrapper .offline-text {
    font-size: 23px;
    display: block;
    padding: 30px 10px 10px 10px;
    font-weight: 700;
}
.register-wrapper .offline-description {
    display: block;
    padding: 0 10px 35px 10px;
    max-width: 600px;
    margin: 0 auto;
}
.register-wrapper .offline-description {
    display: block;
    padding: 0 10px 35px 10px;
    max-width: 600px;
    margin: 0 auto;
}
.register-wrapper .offline-success {
    display: none;
    text-align: center;
    background: #d9eae3;
    border-color: #c9e8db;
    color: #46a07e;
    padding: 10px 10px;
    font-size: 14px;
    border-radius: 4px;
    margin-bottom: 15px;
    border: 2px solid #c9e8db;
}
.register-wrapper .offline-error {
    display: none;
    margin-bottom: 10px;
    color: red;
}
.register-wrapper .btn.btn-primary {
    margin: 0 auto;
    margin-bottom: 50px;
    float: unset;
}
.register-wrapper .btn.btn-primary i {
    margin-right: 0;
    width: 25px;
}
.sidenav-active-square .sidenav li:not(.active) > a.sales-channel-link:hover {
    margin-right: 0;
}
.sidenav .navigation-header .navigation-header-text.sales-channel-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    margin-right: 0;
    color: #000;
    font-weight: 500;
}
.sidenav
    .navigation-header
    .navigation-header-text.sales-channel-link
    i.page-icon {
    margin-right: 15px;
    color: rgb(0 0 0 / 0.54);
}
.sidenav .navigation-header .navigation-header-text.sales-channel-link i {
    font-size: 22px;
    color: #46a07e;
    margin-right: 0;
}
.step-plan-bottom.custom-page-bottom {
    padding: 20px 15px 25px 15px;
    margin-right: 15px;
}
.page-preview {
    font-size: 15px;
    float: right;
    display: flex;
    align-items: center;
    padding-top: 7px;
    padding-right: 8px;
    color: #525252;
}
.page-preview:hover span {
    text-decoration: underline;
}
.page-preview:hover i {
    text-decoration: none;
}
.page-preview i {
    font-size: 14px;
    padding-right: 5px;
}
.loading .loading_recurpay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    display: none;
    z-index: 1000;
}
.loading .loading_recurpay .loading_img {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    line-height: 1;
    color: #fff;
    width: 100%;
    text-align: center;
}
.loading .loading_recurpay .loading_img img {
    width: 150px;
}
.loading .loading_recurpay .loading_img .loading_text {
    color: #000;
    display: block;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    max-width: 250px;
    line-height: 30px;
    margin: 0 auto;
    margin-top: 10px;
}
.sidenav .navigation-header.page-navigation {
    border-top: 1px solid #e2e2e2;
    padding-top: 10px;
    border-bottom: 1px solid #e2e2e2;
    color: #000;
    padding-left: 12px;
    margin-right: 0 !important;
}
.sidenav .navigation-header.page-navigation i {
    font-size: 20px;
    color: #46a07e;
}
.pending-payment .sidenav-active-square .sidenav li > a,
.pending-payment .sidenav-active-square .sidenav li a.collapsible-header {
    opacity: 0.4;
    pointer-events: none;
    cursor: default;
}
.pending-payment .sidenav-active-square .sidenav li.chat-link > a,
.pending-payment
    .sidenav-active-square
    .sidenav
    li.chat-link
    a.collapsible-header {
    opacity: 1;
    pointer-events: unset;
    cursor: pointer;
}
.pending-payment .sidenav-active-square .sidenav li > a.active,
.pending-payment
    .sidenav-active-square
    .sidenav
    li
    a.active.collapsible-header {
    opacity: 1;
    pointer-events: unset;
    cursor: pointer;
}
.free-donation-msg {
    display: block;
    position: absolute;
    bottom: 0;
    text-transform: initial;
    text-align: center;
    width: 100%;
    font-size: 12px;
    left: 0;
    padding: 5px 10px;
    background: #def7e6;
}
.custom-page-section .mmb-header {
    margin-bottom: 20px;
}
.custom-page-section .mmb-wrapper {
    margin-top: 40px;
}
.custom-page-section .notification-alert {
    margin-bottom: 25px;
}
.page-preview-link {
    text-decoration: underline;
}
.billing-alert.warning-note {
    margin-bottom: 0;
    margin-top: 25px;
    color: #000;
    background: #ffdcab;
    border-left: 3px solid #e79f29;
    padding: 15px 10px;
}
.billing-alert.warning-note a {
    color: inherit;
    text-decoration: underline;
}
.billing-alert.warning-note img {
    width: 20px;
    height: 20px;
}
.notification-alert.donate-alert {
    margin-bottom: 20px;
    color: #323232;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 4px;
}
.notification-alert.donate-alert img {
    display: block;
    width: 80px;
    height: 80px;
    padding: 5px;
}
.custom-page-section .mmb-wrapper .mmb-inner-info input,
.custom-page-section .mmb-wrapper .mmb-inner-info select.browser-default {
    margin-bottom: 8px;
}
@media only screen and (min-width: 993px) {
    #toast-container {
        top: unset;
        bottom: 8%;
        max-width: 86%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
}
.label-subtext {
    display: block;
    font-size: 12px;
    padding-top: 2px;
    padding-bottom: 5px;
}
.modal.custom-page-modal {
    width: 55%;
}
.modal.custom-page-modal .modal-header {
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #e2e2e2;
}
.modal.custom-page-modal .modal-close {
    color: #323232;
}
.page-modal-img {
    width: 100%;
}
a.custom-new-link {
    color: #323232;
    position: relative;
}
a.custom-new-link:hover {
    color: #46a07e;
    cursor: pointer;
}
a.custom-text-link {
    color: #323232;
}
a.custom-text-link:hover {
    color: #46a07e;
    cursor: pointer;
}
a.custom-text-link svg {
    width: 20px;
    height: 12px;
    border: none;
    margin: 0;
    margin-left: 5px;
    fill: blue;
}
a.custom-external-link {
    color: #323232;
}
a.custom-external-link:hover {
    color: #323232;
    cursor: pointer;
}
a.custom-external-link svg {
    width: 20px;
    height: 12px;
    border: none;
    margin: 0;
    margin-left: 5px;
    fill: #323232;
}
a.text-hover {
    color: #323232;
}
a.text-hover:hover {
    text-decoration: underline;
}
a.custom-text-link:hover svg {
    fill: #46a07e;
}
a.custom-link {
    color: #323232;
    position: relative;
}
a.custom-link:hover {
    color: #46a07e;
    cursor: pointer;
}
a.custom-link:hover:after {
    content: "";
    width: 16px;
    height: 16px;
    bottom: 0;
    background: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/foreign_1_3_1.svg?v=1619433837)
        0 0 no-repeat;
    right: -22px;
    position: absolute;
    display: inline-block;
    background-size: 12px;
}
span.chat-badge.pstatus-badge.trial-badge {
    margin-left: 0;
    background: #fff;
    color: #46a07e;
    padding-left: 0;
}
.table-product-title {
    display: block;
    line-height: 20px;
}
.table-product-sku.custom-link {
    width: fit-content;
}
.table-product-sku.custom-link:hover:after {
    top: 6px;
}
.channel-platform-btn {
    margin-left: 25px;
    width: 48px;
}
.btn.transparent-btn {
    background: transparent !important;
    float: right;
    margin-right: 20px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    border: none;
    color: #343434;
    text-transform: capitalize;
    padding: 22px 5px;
}
.btn.transparent-border-btn {
    background: transparent !important;
    float: right;
    margin-right: 20px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    border: none;
    color: #343434;
    text-transform: capitalize;
    padding: 22px 15px;
    border: 1px solid #cbcbcb;
    color: #424242;
}
.daterangepicker .drp-buttons button.cancelBtn,
button.cancelBtn:hover {
    background: transparent !important;
    float: right;
    margin-right: 5px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    border: none;
    color: #343434;
    text-transform: capitalize;
    text-decoration: none;
    padding: 10px 5px;
}
.ecom_store_wrapper {
    position: relative;
}
.ecom_store_wrapper.disabled {
    cursor: not-allowed;
}
.ecom_store_wrapper.disabled input[type="text"]:read-only {
    color: #919eab;
    background: #eee;
    cursor: not-allowed;
}
.ecom_store_wrapper.disabled .store_suffix {
    color: #919eab;
    background: #eee;
}
.ecom_store_wrapper input[type="text"]:not(.browser-default).input-border {
    padding-right: 125px;
}
.ecom_store_wrapper .store_suffix {
    position: absolute;
    right: 1px;
    display: flex;
    top: 50%;
    align-items: center;
    transform: translateY(-50%);
    color: #000;
    background: #f3f3f3;
    border-left: 1px solid #e2e2e2;
    height: 3rem;
    padding: 5px 15px;
}
img.external-link-icon {
    width: 11px;
    height: 11px;
    margin-left: 5px;
    background: no-repeat;
}
.swal-icon--success__ring {
    border: 4px solid #46a07e;
}
.swal-icon--success__line {
    background-color: #46a07e;
}
.swal-button:focus {
    background: #46a07e;
}
.razorpay_payment_modes
    [type="checkbox"].filled-in:checked
    + span:not(.lever):before {
    top: -1px;
}
.razorpay_payment_modes {
    padding-top: 5px;
}
.modal-subheader {
    display: block;
    font-size: 13px;
    padding-top: 10px;
    color: #676767;
}
.btn.secondary-btn.transparent-btn i {
    margin-top: 5px;
}
.tabs .tab a {
    border-bottom: 1px solid #e2e2e2;
}
.card .card-content.tab-card-content {
    padding: 10px 10px;
}
button.applyBtn.btn-primary:disabled {
    opacity: 0.7;
    color: #fff !important;
    background-color: #fff;
}
.plan-detail-info h6 {
    font-weight: 700;
}
.subcription-details-section .details-section .show-details {
    font-size: 15px;
    font-weight: 800;
    text-align: center;
    padding: 0 20px;
}
.subcription-details-section .detail-title {
    font-size: 13px;
}
.subcription-details-section .card .card-content {
    padding: 15px;
}
.subcription-details-section .address-row h6 {
    margin-top: 0;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 8px;
    padding-bottom: 5px;
    text-transform: capitalize;
}
.subcription-details-section .customer-label {
    top: 20px;
}
.subcription-details-section .next-order-date {
    font-size: 24px;
    color: #000;
    font-weight: 600;
}
.subcription-details-section .card .card-content.tab-card-content {
    padding: 5px 10px;
}
.change-status-link {
    float: unset;
    font-size: 13px;
    text-decoration: underline;
}
.change-status-modal .extra-padding {
    padding-bottom: 15px;
}
.list-subtext {
    display: block;
    font-size: 11px;
}
.cancellation-reason-head {
    display: block;
    font-weight: 700;
    font-size: 14px;
}
.cancellation-reason-text {
    display: block;
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.swal2-styled.swal2-confirm {
    background-color: #46a07e !important;
    color: #fff !important;
    border: 1px solid #46a07e;
}
.swal2-styled.swal2-cancel {
    background-color: #fff !important;
    color: #828282 !important;
    border: 1px solid #e2e2e2 !important;
}
.btn-loading,
.btn.secondary-btn.secondary-btn-green.btn-loading {
    background-image: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/Rolling-0.6s-42px.svg?v=1618040331) !important;
    background-repeat: no-repeat !important;
    background-color: #46a07e !important;
    background-size: 25px 25px !important;
    opacity: 0.7;
    background-position: center !important;
    cursor: no-drop;
    pointer-events: none;
}
.upgrade-flex-wrapper .btn.secondary-btn.btn-loading,
.btn.upgrade-side-btn.btn-loading {
    background-image: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/Rolling-0.6s-42px.svg?v=1618040331) !important;
    background-repeat: no-repeat !important;
    background-color: #6371c7 !important;
    background-size: 25px 25px !important;
    opacity: 0.7;
    background-position: center !important;
    cursor: no-drop;
    pointer-events: none;
}
.btn--secondary.btn-loading,
.delete-webhook-topic.btn-loading {
    background-image: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/loading-black_0b0b7d18-c57e-4895-bdaf-c61cdb3d5f10.svg?v=1637579246) !important;
    background-color: unset !important;
}
.btn-loading span,
.btn-loading i,
.red-btn-loading span,
.red-btn-loading i {
    opacity: 0;
}
.downgrade_public_btn.btn-loading,.billing-upgrade-page .bup-plan-card--growth .bup-btn--primary-white.btn-loading {
    background-image: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/loading-black_0b0b7d18-c57e-4895-bdaf-c61cdb3d5f10.svg?v=1637579246) !important;
    background-repeat: no-repeat !important;
    background-color: #fff0;
    background-size: 25px 25px !important;
    opacity: 0.7;
    background-position: center !important;
    cursor: no-drop;
    pointer-events: none;
}
.red-btn-loading {
    background-image: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/Rolling-0.6s-42px.svg?v=1618040331) !important;
    background-repeat: no-repeat !important;
    background-color: #fff0;
    background-size: 25px 25px !important;
    opacity: 0.7;
    background-position: center !important;
    cursor: no-drop;
    pointer-events: none;
}
.upgrade_public_btn.btn-loading {
    background-image: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/Rolling-0.6s-42px.svg?v=1618040331) !important;
    background-repeat: no-repeat !important;
    background-color: #fff0;
    background-size: 25px 25px !important;
    opacity: 0.7;
    background-position: center !important;
    cursor: no-drop;
    pointer-events: none;
}
.itg_title.itg_flex_wrapper {
    display: flex;
    align-items: center;
}
i.connected-icon {
    display: none;
    font-size: 20px;
    color: #46a07e;
    margin-left: 8px;
}
i.connected-icon img {
    width: 20px;
    margin-left: 0;
}
i.connected-icon[status="active"] {
    color: #46a07e;
}
i.connected-icon[status="error"] {
    color: #d72b0c;
}
.itg_title.itg_flex_wrapper .warning-icon {
    font-size: 20px;
    color: #ff9800;
    margin-left: 8px;
}
.itg_title.itg_flex_wrapper .error-icon {
    font-size: 20px;
    color: #ff0016;
    margin-left: 8px;
}
.itg_icons_wrapper {
    display: flex;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 8px;
    margin-bottom: 20px;
}
.itg_icons_wrapper .img-icon {
    margin-right: 5px;
    padding-right: 0;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    line-height: 10px;
}
.itg_icons_wrapper .img-icon img {
    width: 40px;
    height: 18px;
    background: #fff;
    object-fit: contain;
}
.checkout-settings-wrapper .mmb-wrapper label {
    font-size: 13px;
}
.checkout-settings-wrapper .mmb-wrapper label.subscription-widget-label {
    font-size: 12px;
}
.connection-status {
    border: 1px solid #46a07e;
    border-radius: 36px;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: #fff;
    background: #46a07e;
    padding: 0 10px;
    margin-left: 8px;
    font-weight: 700;
    display: none;
}
.connection-status-wrapper {
    display: flex;
    align-items: center;
}
.mmb-modal .cancel-modal.cancel-text {
    border: none;
    text-decoration: underline;
    padding-right: 12px;
    color: #797979;
}
.register-wrapper .btn.btn-primary.text-inherit {
    text-transform: inherit;
}
.search-empty-wrapper {
    padding: 0 20px 20px 20px;
}
.search-empty-wrapper .search-empty-img {
    display: block;
    width: 200px;
    margin: 0 auto;
}
.search-empty-wrapper .search-empty-span {
    display: block;
    text-align: center;
    font-size: 13px;
    padding-top: 10px;
    width: 350px;
    margin: 0 auto;
    color: #727272;
}
.filter-dropdown-list .search-empty-wrapper .search-empty-span {
    width: fit-content;
}
.create-more-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    padding-top: 30px;
}
.create-more-wrapper i {
    font-size: 16px;
    padding-right: 4px;
    margin-top: -2px;
}
.create-more-wrapper a {
    padding-left: 3px;
    text-decoration: underline;
    color: #3949ab;
}
.create-more-wrapper a img.external-link-icon {
    color: #3949ab;
}
.edit-key-btn {
    border: 1px solid #e2e2e2;
    padding: 4px 15px;
    display: block;
    width: fit-content;
    margin-top: 12px;
    background: #e2e2e2;
    text-transform: uppercase;
    border-radius: 0;
    font-size: 12px;
    color: #636363;
    cursor: pointer;
}
.deactivate-key-btn {
    font-size: 12px;
    color: #ef2727;
    text-decoration: underline;
    cursor: pointer;
}
.disconnect-domain-btn {
    font-size: 12px;
    color: #ef2727;
    text-decoration: underline;
    cursor: pointer;
    margin-right: 35px;
}
.alert-box {
    display: flex;
    align-items: center;
    background: #fff4f4;
    padding: 10px 8px;
    border: 1px solid #e0b3b2;
    font-size: 12px;
    margin-bottom: 20px;
    transition: all 1s linear;
    border-radius: 4px;
    animation: slide-up 0.4s ease;
}
.alert-box.warning {
    background: #fff5ea;
    border: 1px solid #e0b878;
}
.alert-box.warning .alert-img {
    fill: #b98900;
}
.alert-box a {
    color: inherit;
    text-decoration: underline;
}
@keyframes slide-up {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.alert-box .alert-img {
    width: 18px;
    min-width: 18px;
    fill: #d72b0c;
    margin-right: 12px;
}
.alert-box .alert-head {
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
}
.alert-box .alert-subtext {
    display: block;
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px;
}
.modal.mmb-modal .modal-close.close-btn {
    position: absolute;
    right: 8px;
    top: 8px;
    color: #636363;
}
.modal.mmb-modal .modal-close.close-btn i {
    font-size: 19px;
}
.mmb-modal.plan-modal.global-save-modal .plan-header.deactivate-head {
    display: flex;
    align-items: center;
    padding-bottom: 5px;
}
.mmb-modal.plan-modal.global-save-modal .plan-header.deactivate-head i {
    font-size: 21px;
    margin-right: 8px;
    color: #d7372b;
}
.mmb-modal.plan-modal.global-save-modal .deactivate-msg {
    display: block;
}
button.waves-effect.waves.dark.btn.btn-primary.save-planbtn:disabled {
    opacity: 0.6;
    background: #f1f1f1 !important;
    color: #8c9196 !important;
}
.btn--secondary {
    position: relative;
    display: block;
    min-height: 2.6rem;
    min-width: 2.6rem;
    margin: 0 auto;
    padding: 10px 25px;
    background: linear-gradient(180deg, #fff, #f9fafb);
    border: 0.1rem solid #c4cdd5;
    box-shadow: 0 1px 0 0 rgb(22 29 37 / 5%);
    border-radius: 3px;
    color: #212b36;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    font-size: 13px;
}
.text_description {
    display: block;
    font-size: 12px;
    line-height: 20px;
    padding-top: 0;
    padding-left: 2px;
    color: #8a8a8a;
}
.country-change-desc {
    display: none;
    font-size: 12px;
    line-height: 20px;
    padding-top: 8px;
    padding-left: 5px;
    color: #8a8a8a;
}
.drop-file-description {
    font-size: 12px;
    display: block;
}
.store_icon_wrapper .dropify-wrapper {
    border: none;
}
.image-change-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #e2e2e2;
    font-size: 13px;
}
.image-change-wrapper .image-change-icon {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    width: 50%;
    color: #585858;
    cursor: pointer;
}
.image-change-wrapper .image-change-icon:first-child {
    border-right: 1px solid #e2e2e2;
}
.image-change-wrapper .image-change-icon i {
    font-size: 15px;
    margin-right: 5px;
}
.logo-border-wrapper {
    border: 1px solid #e2e2e2;
    border-radius: 4px;
}
.mmb-wrapper.mmb-break-padding .mmb-break {
    padding: 0;
}
.permission-label-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.label-selector-value {
    border: 1px solid #e2e2e2;
    padding: 8px 15px;
    border-radius: 4px;
}
.recur-arrow {
    background: #fff;
}
.recur-arrow svg {
    height: 25px;
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
    text-align: center;
}
i.help-tooltip {
    position: absolute;
    font-size: 18px;
    padding-top: 0;
    color: #499d7e;
    margin-left: 4px;
    cursor: pointer;
}
.flex-wrapper-align {
    display: flex;
    align-items: center;
}
.flex-wrapper-align.warning-tooltip img {
    width: 17px;
    margin-left: 6px;
}
.mmb-wrapper label.flex-wrapper-align.warning-tooltip {
    display: flex;
    align-items: center;
}
.mmb-wrapper label.flex-wrapper-align.warning-tooltip i {
    line-height: 15px;
}
.show-permission-box {
    display: block;
    color: #46a07e;
    text-align: center;
    padding-top: 20px;
}
.show-permission-text {
    display: block;
    font-size: 13px;
}
.permission-box-wrapper {
    display: none;
}
.uf-actions {
    overflow: hidden;
    display: block;
    float: unset !important;
}
.text-transform-inherit {
    text-transform: inherit !important;
}
fieldset {
    border: none;
    padding: 0;
}
[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):after {
    background-color: #fff0;
    border-color: #5a5a5a;
    opacity: 0.4;
}
[type="checkbox"].filled-in:disabled:checked + span:not(.lever):after {
    opacity: 0.4;
}
[type="checkbox"]:disabled + span.lever {
    opacity: 0.4;
}
[type="radio"]:disabled + span:after {
    opacity: 0.4;
}
[type="radio"]:disabled + span:before {
    opacity: 0.4;
}
fieldset:disabled .deactivate-key-btn,
fieldset:disabled .disconnect-domain-btn,
fieldset:disabled .change-domain,
fieldset:disabled .credit-buy {
    pointer-events: none;
    opacity: 0.4;
}
fieldset:disabled .change-input-wrapper:hover .change-input {
    display: none;
}
.permission-error-wrapper {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 20px;
    max-width: 480px;
    margin: 0 auto;
    min-height: 90vh;
}
.permission-error-wrapper img {
    width: 200px;
    height: 200px;
    display: block;
    margin: 0 auto;
}
.permission-error-wrapper .permission-head {
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding-top: 30px;
}
.permission-error-wrapper .permission-desc {
    display: block;
    margin: 0 auto;
    padding-top: 8px;
    font-size: 14px;
    color: #525252;
}
.leftside-navigation li.bold.disabled {
    opacity: 0.4;
    pointer-events: none;
}
.product-tooltip {
    background: #fff;
}
.product-tooltip ul {
    margin: 0;
}
.product-tooltip ul li {
    padding: 12px 20px 12px 12px;
    border-bottom: 1px solid #e2e2e2;
}
.product-tooltip ul li .product-flex img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
.product-tooltip ul li .product-flex span {
    color: #323232;
}
.route-subscriptions .material-tooltip,
.route-orders .material-tooltip {
    background: #fff;
    padding: 0;
}
.more-product-hyperlink:hover {
    text-decoration: underline;
}
.more-product-hyperlink {
    color: #46a07e;
    display: block;
    font-size: 13px;
    width: fit-content;
}
.table-product-sku {
    display: block;
    font-size: 11px;
    line-height: 12px;
}
.product-name-wrapper span.table-product-sku {
    font-size: 12px;
    line-height: 18px;
}
.product-img-qty-wrapper {
    position: relative;
}
.order-view-section
    .address-row
    .product-name-wrapper
    span.change-item-details-trigger {
    font-size: 12px;
}
.product-img-qty {
    position: absolute;
    right: 25px;
    font-size: 9px;
    top: 2px;
    z-index: 8;
    height: 9px;
    min-width: 10px;
    padding: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(1.5rem, -50%);
    background: #797979;
    border-radius: 3rem;
    border: 1px solid #fff;
    color: #fff;
}
.product-tooltip ul li .product-flex span.product-img-qty {
    color: #fff;
    height: 16px;
    font-size: 9px;
    min-width: 17px;
}
.product-tooltip ul li .product-flex .table-product-sku {
    color: #949494;
}
.modal.mmb-modal.public_billing_modal {
    max-height: 95%;
    max-width: 1100px;
    width: 95%;
    top: 20px !important;
}
.modal.mmb-modal.public_billing_modal .modal-content {
    padding-top: 0;
}
.store_plan_list {
    padding-bottom: 2rem;
    padding-top: 2rem;
}
.store_plan_list .store_list_wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1rem;
    justify-content: center;
    gap: 20px;
}
.store_plan_list .store_list_wrapper .store_card {
    border: 1px solid #ececec;
    position: relative;
    box-shadow: none;
}
.store_plan_list .store_list_item {
    padding: 2rem 1.2rem;
    width: 28%;
    margin: 1rem 0;
}
.store_plan_list .store_free_plan {
    position: relative;
}
.store_card {
    overflow: hidden;
    background-color: #fff;
    background-color: var(--p-surface, #fff);
    box-shadow:
        0 0 0 1px rgb(63 63 68 / 5%),
        0 1px 3px 0 rgb(63 63 68 / 15%);
    box-shadow: var(
        --p-card-shadow,
        0 0 0 1px rgb(63 63 68 / 0.05),
        0 1px 3px 0 rgb(63 63 68 / 0.15)
    );
    border-radius: 3px;
    border-radius: var(--p-border-radius-wide, 3px);
    box-sizing: border-box;
}
.store_plan_list .plan_title {
    font-size: 1.6rem;
    font-weight: 600;
    margin-top: 0;
    text-align: left;
}
.store_plan_list .plan_subtitle {
    display: block;
    font-size: 13px;
    font-weight: 500;
    margin-top: 5px;
}
.store_plan_list .price_wrapper {
    text-align: center;
}
.store_plan_list .plan_request {
    margin-bottom: 20px;
}
.store_plan_list .plan_price {
    margin: 2rem 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    font-weight: 500;
    font-size: 3rem;
    line-height: 1;
}
.store_plan_list .plan_price .currency {
    align-self: flex-start;
    font-size: 1.14rem;
    line-height: 1;
}
.store_plan_list .plan_price .per_month {
    font-size: 1.4rem;
}
.store_plan_list ul li {
    padding: 0 0 0 2rem;
    margin: 7.4px 0;
    position: relative;
}
.store_plan_list ul li::before {
    content: "\2713";
    color: #46a07e;
    font-weight: 800;
    position: absolute;
    font-size: 15px;
    left: 0;
    top: 3px;
    line-height: 1.2;
}
.store_plan_list ul li[data-plan-whatsapp="false"]::before,
.store_plan_list ul li[data-plan-analytics="false"]::before {
    content: "\274C";
    color: #a04646;
    font-size: 9px;
    font-weight: 800;
    position: absolute;
    left: 0;
    top: 3px;
    line-height: 16px;
}
.store_plan_list ul li[data-current-plan-whatsapp="false"]::before,
.store_plan_list ul li[data-current-plan-analytics="false"]::before {
    content: "\274C";
    color: #a04646;
    font-size: 9px;
    font-weight: 800;
    position: absolute;
    left: 0;
    top: 3px;
    line-height: 16px;
}
.store_plan_list .store_free_plan .current_badge {
    position: absolute;
    left: -1px;
    top: 8px;
    color: #fff;
    background: #46a07e;
    line-height: 1;
    padding: 5px 11px;
    border-radius: 0;
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
}
.store_plan_list .store_list_wrapper .active_plan {
    position: relative;
    overflow: visible;
    border: 2px solid #3f4eae !important;
    background-color: #f0f2ff;
    width: 34%;
}
.store_plan_list .store_list_wrapper .active_plan:before {
    content: "Most Popular";
    display: block;
    position: absolute;
    left: -2px;
    width: calc(100% + 4px);
    bottom: 100%;
    background: #3f4eae;
    color: #fff;
    padding: 6px 0;
    border-radius: 4px 4px 0 0;
    font-size: 1rem;
    letter-spacing: 0.7px;
    font-weight: 600;
    text-align: center;
}
.store_plan_list .increment_btn_wrapper {
    max-width: 19rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.store_plan_list .increment_btn_wrapper .pricing-plan-btn:disabled {
    cursor: default;
    opacity: 0.4;
}
.store_plan_list .increment_btn_wrapper .pricing-plan-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #444e5a;
    border: 0;
    border-radius: 2px;
    width: 28px;
    height: 28px;
    line-height: 1;
    font-size: 1.5rem;
    color: #fff;
    cursor: pointer;
}
.store_plan_list .increment_btn_wrapper .pricing-plan-btn i {
    font-size: 17px;
}
.store_plan_list
    .increment_btn_wrapper
    .pricing-plan-btn.pricing-plan-minus-btn {
    background: #fff;
    border: 1px solid #bfbfbf;
    color: #323232;
    font-size: 22px;
}
.store_plan_list
    .increment_btn_wrapper
    .pricing-plan-btn.pricing-plan-plus-btn {
    background: #000;
    color: #fff;
}
.mmb-info.full-width {
    flex-basis: 100%;
}
a.buy-more-link {
    display: block;
    padding-top: 10px;
    color: #9c9c9c;
    border-bottom: 1px dashed #e2e2e2;
    width: fit-content;
    font-size: 13px;
}
.public_billing_modal .billing-plan-header {
    padding: 15px 20px;
    text-align: center;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 5px;
    font-size: 19px;
    font-weight: 400;
}
.upgrade_public_btn {
    font-size: 14px;
    width: 100%;
    margin: 0;
    line-height: unset;
    padding: 12px 6px;
    height: unset;
    margin-top: 10px;
    box-shadow: 1px 1px #3f4eae;
    text-transform: inherit;
    background: #3f4eae !important;
}
.downgrade_public_btn {
    position: relative;
    display: block;
    padding: 12px 25px;
    background: linear-gradient(180deg, #fff, #f9fafb) !important;
    border: 0.1rem solid #c4cdd5;
    box-shadow: 0 1px 0 0 rgb(22 29 37 / 5%) !important;
    border-radius: 3px;
    color: #212b36;
    cursor: pointer;
    height: unset;
    -webkit-user-select: none;
    line-height: normal;
    user-select: none;
    text-decoration: none;
    text-transform: inherit;
    font-size: 13px;
    margin-top: 18px;
    width: 100%;
}
.public_billing_modal .btn--secondary {
    width: 100%;
    margin-top: 25px;
}
.itg_row_wrapper .btn--secondary-deactivate {
    min-width: fit-content;
}
.owl-client-carousel.owl-theme .owl-nav button {
    width: 40px;
    height: 40px;
    -webkit-box-shadow: 0 0 3px #00000029;
    box-shadow: 0 0 3px #00000029;
    border-radius: 50px;
    text-align: center;
    position: absolute;
    left: -25px;
    outline: none;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #f9f9f9 url(https://recurpay.com/images/left-prev.svg) center
        center no-repeat !important;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.owl-client-carousel.owl-theme .owl-nav .owl-next {
    left: auto;
    right: -25px;
    background: #fff url(https://recurpay.com/images/right-next.svg) center
        center no-repeat !important;
}
.owl-client-carousel.owl-theme .owl-nav button span {
    display: none;
}
.trusted-by-section .sub-heading {
    font-size: 1.6rem;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 0;
    margin-bottom: 2px;
}
.trusted-by-section .owl-item .item .card {
    width: 145px;
    height: 145px;
    padding: 5px 8px;
    display: flex;
    align-items: center;
}
.client-review-section {
    margin-bottom: 30px;
}
.client-review-section .sub-heading {
    font-size: 1.4rem;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 0;
    margin-bottom: 2px;
}
.review_card {
    background: #fff;
    margin: 10px;
    padding: 2rem;
    position: relative;
    border-radius: 12px;
    box-shadow:
        0 0 0 1px rgb(63 63 68 / 5%),
        0 1px 3px 0 rgb(63 63 68 / 15%);
    box-shadow: var(
        --p-card-shadow,
        0 0 0 1px rgb(63 63 68 / 0.05),
        0 1px 3px 0 rgb(63 63 68 / 0.15)
    );
}
.review_card .review_card_header {
    display: flex;
    align-items: center;
}
.review_card .review_card_header .review_card_image {
    width: 12%;
    text-align: center;
    position: relative;
    padding-bottom: 12%;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #e2e2e2;
}
.review_card .review_card_header .review_card_image img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: contain;
}
.review_card .review_card_header .review_card_desc {
    margin-left: 1.8rem;
}
.review_card .review_card_header .review_card_desc h3 {
    font-size: 1.6rem;
    font-weight: 600;
    margin-top: 8px;
    margin-bottom: 8px;
}
.review_card .review_card_footer {
    margin-top: 1.8rem;
}
.owl-client-carousel.owl-theme .owl-dots {
    text-align: center;
    padding-top: 20px;
}
.owl-client-carousel.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 30px;
}
.owl-client-carousel.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #46a07e;
}
.order-view-section .custom-wrap {
    display: flex;
}
.order-view-section .custom-row {
    display: flex;
    align-items: center;
}
.order-view-section .inner-row {
    display: flex;
    align-items: center;
}
.order-view-section .inner-row i {
    font-size: 3em;
    display: flex;
    margin-right: 20px;
    justify-content: center;
    align-items: center;
    width: 65px;
    height: 65px;
    border: 1px solid #eee;
    border-radius: 50%;
}
.order-view-section .inner-row h5 {
    margin-top: 0;
}
.order-view-section .detailed-content {
    border-top: 1px solid #e2e2e2;
    padding: 15px 10px;
}
.order-view-section .detailed-content .details-section {
    display: flex;
    align-items: center;
}
.order-view-section .default-container {
    margin: 1rem 0 1rem 0;
}
.order-view-section .address-row {
    display: flex;
    align-items: center;
}
.order-view-section .payment-card {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 40px;
}
.order-view-section .payment-card .payment-title {
    font-size: 14px;
    font-weight: 600;
}
.order-view-section .payment-card .payment-desc {
    font-size: 13px;
    padding-top: 5px;
    color: #5a5a5a;
}
.order-view-section .product-left-side-flex {
    display: flex;
    align-items: flex-start;
    width: 55%;
    margin-right: 40px;
}
.order-view-section .product-right-side-flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 65%;
    text-align: right;
}
.product-details-section .input-field-wrapper.read-only {
    background: #f6f6f6;
    cursor: not-allowed;
    position: relative;
}
.product-details-section .input-field-wrapper.read-only input {
    cursor: not-allowed;
    pointer-events: none;
}
.product-details-section .input-field-wrapper .right-arrow-price {
    position: absolute;
    top: calc(50%);
    transform: translateY(-50%);
    font-size: 20px;
    right: -25px;
}
.product-details-section .custom-pricing-box {
    position: relative;
}
.order-view-section .product-right-side-flex .modal.import-export-modal {
    text-align: left;
}
.order-view-section .product-right-side-flex .table-product-price {
    padding-right: 20px;
}
.order-view-section .product-right-side-flex .table-total-item-price-wrapper {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.order-view-section
    .product-right-side-flex
    .table-product-price.table-total-item-price {
    padding-right: 0;
    margin-right: 5px;
    border-bottom: 1px dashed #636363;
}
.order-view-section
    .product-right-side-flex
    .table-product-price.table-total-item-compare-price {
    border: none;
    color: #5f5f5f;
    text-decoration: line-through;
    font-size: 13px;
    font-weight: 200;
    margin-right: 10px;
    padding-right: 0;
}
.product-right-side-flex .modal.import-export-modal .modal-header-title {
    font-size: 15px;
}
.order-view-section .product-right-side-flex .table-inclusive-text {
    display: block;
    font-size: 12px;
    color: #777;
    font-weight: 600;
    padding-right: 20px;
}
.order-view-section .product-left-side-flex .product-img-qty {
    position: absolute;
    right: 25px;
    font-size: 9px;
    top: 2px;
    z-index: 20;
    height: 9px;
    min-width: 10px;
    padding: 8px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(1.5rem, -50%);
    background: #797979;
    border-radius: 3rem;
    border: 1px solid #fff;
    color: #fff;
}
.order-view-section .product-summary-box .product-flex {
    padding: 5px 0;
}
.order-view-section .product-summary-box .product-left-side-flex {
    width: 40%;
}
.order-view-section .product-summary-box .product-right-side-flex {
    width: 70%;
}
.order-view-section .product-summary-box .product-total-price-box {
    border-top: 1px solid #ececec;
    padding-top: 10px;
    margin-top: 10px;
}
.order-view-section .product-total-price-label {
    font-size: 15px;
    font-weight: 700;
}
.order-view-section .product-total-price {
    font-size: 16px;
    font-weight: 700;
}
.order-view-section .order_status_badge {
    width: fit-content;
    display: flex;
    font-size: 0.8rem;
    align-items: center;
    background: #e6e6e6;
    padding: 2px 10px;
    border-radius: 54px;
    margin-bottom: 25px;
}
.order-view-section .mini-card-content {
    border-bottom: 1px solid #f3f3f3;
    padding: 15px 24px;
}
.order-view-section .order_note {
    display: block;
    font-size: 13px;
    color: #5a5a5a;
    word-break: break-word;
}
.order-view-section .order_note .order-font-weight {
    font-weight: 600;
}
.order-view-section .payment-flex-card {
    display: block;
    align-items: center;
    padding-top: 10px;
}
.order-view-section .transaction-card {
    display: none;
}
.order-view-section .order-view-wrapper .show-details h6 {
    font-size: 15px;
}
.order-view-section .order-view-wrapper .show-details p {
    font-size: 13px;
    color: #5a5a5a;
    margin-top: 8px;
}
.order-view-section .address-row p,
.order-view-section .address-row span {
    font-size: 14px;
}
.order-view-section .view-details-info span.table-product-sku {
    font-size: 13px;
    color: #777;
    line-height: 20px;
}
.order-view-section .product-name-wrapper span.table-product-sku {
    line-height: 22px;
    font-size: 13px;
}
.order-view-section h6 {
    font-weight: 500;
    color: #000;
    font-size: 15px;
}
.order-view-section .product-box-line:first-child {
    padding-top: 0;
}
.order-view-section .product-box-line {
    padding-top: 30px;
    align-items: flex-start;
}
.order-view-section .order-view-wrapper .detailed-content {
    border: none;
}
.order-view-section .card.order-view-card {
    margin-bottom: 15px;
}
.order-view-section .address-row p.view-transaction-details {
    font-size: 13px;
}
.order-view-section .view-transaction-box {
    font-size: 13px;
}
.order-view-section .product-name-wrapper {
    margin-left: 10px;
}
.order-view-section .view-details-expand {
    display: flex;
    align-items: center;
    font-size: 11px;
    color: #777;
    padding-top: 0;
    padding-bottom: 2px;
    line-height: 20px;
    cursor: pointer;
}
.order-view-section .view-details-expand:hover span {
    text-decoration: underline;
}
.order-view-section .view-details-expand i {
    font-size: 16px;
    margin-left: 2px;
    line-height: 11px;
}
.order-view-section .view-details-info {
    display: none;
}
.order-view-section h6 {
    font-weight: 500;
    color: #000;
    font-size: 15px;
}
.order-view-section .order-view-wrapper .show-details p.payment-status-badge {
    width: fit-content;
    display: flex;
    justify-content: center;
    font-size: 12px;
    background: #e6e6e6;
    padding: 1px 10px;
    border-radius: 54px;
    margin: 0 auto;
    align-items: center;
    text-align: center;
    margin-top: 10px;
}
.order-view-section .payment-status-badge i[data-status="pending"] {
    color: #ffc107;
}
.order-view-section .payment-status-badge i[data-status="active"] {
    color: #46a07e;
}
.order-view-section .payment-status-badge i[data-status="refunded"] {
    color: #f00000;
}
.order-view-section .order_created_at {
    display: block;
    font-size: 12px;
    text-align: right;
    color: #676767;
    width: 100%;
    padding-top: 15px;
    padding-right: 15px;
    margin: 0;
}
.order-view-section .svg-icon-flex {
    display: flex;
    align-items: center;
    padding-bottom: 8px;
}
.order-view-section .svg-icon-box {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0.4rem;
    color: #fff;
    height: 18px;
    width: 18px;
    max-height: 100%;
    max-width: 100%;
    margin-right: 12px;
}
.order-view-section .svg-icon-box svg {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    fill: #b98900;
    max-height: 100%;
}
.order-view-section .svg-icon-text {
    font-size: 16px;
    font-weight: 700;
}
.order-view-section .svg-icon-box:before {
    content: "";
    position: absolute;
    top: -0.3rem;
    bottom: -0.3rem;
    left: -0.3rem;
    right: -0.3rem;
    border-radius: 50%;
    background-color: #ffd79d;
}
.order-view-section .svg-icon-flex[data-status="pending"] .svg-icon-box svg {
    fill: #b98900;
}
.order-view-section .svg-icon-flex[data-status="pending"] .svg-icon-box:before {
    background-color: #ffd79d;
}
.order-view-section .svg-icon-flex[data-status="paid"] .svg-icon-box svg {
    fill: #007f5f;
}
.order-view-section .svg-icon-flex[data-status="paid"] .svg-icon-box:before {
    background-color: #aee9d1;
}
.order-view-section .svg-icon-flex[data-status="refunded"] .svg-icon-box svg {
    fill: #007f5f;
}
.order-view-section
    .svg-icon-flex[data-status="refunded"]
    .svg-icon-box:before {
    background-color: #aee9d1;
}
.order-view-section .card-content.sidebar-card {
    padding: 15px 24px;
}
.setup-header {
    display: flex;
    padding: 10px 10px 20px 10px;
    align-items: center;
}
.setup-progress-img {
    width: 50px;
    margin-right: 20px;
    color: #46a07e;
    font-size: 50px;
    display: none;
}
.setup-head {
    display: block;
    font-size: 20px;
    font-weight: 600;
}
.setup-para {
    display: block;
    font-size: 13px;
    padding-top: 5px;
}
.progress.setup-progress {
    border: 1px solid #f1f3f2;
    height: 15px;
    max-width: 100%;
    margin-top: 8px;
    margin-bottom: 35px;
    border-radius: 4px;
    background-color: #e9f2f2;
}
.setup-progress-text {
    font-size: 13px;
}
.setup-progress-step {
    font-size: 13px;
    float: right;
}
.setup-progress-bar {
    width: 15%;
    animation: grow 2s;
}
.setup-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.setup-content ul {
    display: block;
    width: 100%;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
.setup-content ul.full-steps {
    display: block;
    width: calc(100% - 180px);
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}
.setup-content li {
    display: block;
    color: #333;
    padding: 14px 5px 14px 5px;
    border-top: 1px solid #e2e2e2;
    margin-right: 30px;
    font-size: 14px;
    position: relative;
}
.step-count {
    border: 1px solid #e2e2e2;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    margin-right: 8px;
}
.dashboard-setup-card .card-content {
    padding: 24px;
    border-radius: 0 0 2px 2px;
}
.connect-dashboard-button {
    border: 1px solid #e2e2e2;
    background: #fff;
    font-weight: 700;
    font-size: 13px;
    color: #323232;
    padding: 10px 20px;
    border-radius: 4px;
    float: right;
    margin-left: 10px;
    margin-right: 10px;
}
.connect-dashboard-button:hover {
    background: #46a07e;
    color: #fff;
    border: 1px solid #46a07e;
}
.full-steps .step-item-wrapper {
    display: flex;
    align-items: center;
}
.setup-content li.step-completed:after {
    content: "";
    position: absolute;
    right: 0;
    background-image: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/done.svg?v=1617972141);
    top: 50%;
    display: block;
    width: 20px;
    height: 15px;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    border: none;
}
.setup-content li.step-completed .step-text {
    text-decoration: line-through;
}
.step-progress {
    background: #fff;
    width: 170px;
    height: 170px;
}
.step-progress .track,
.step-progress .fill {
    fill: #fff0;
    stroke-width: 6;
    transform: rotate(90deg) translate(0, -80px);
}
.step-progress .track {
    stroke: #d8d8d8;
}
.step-progress .fill {
    stroke: #fff;
    stroke-dasharray: 219.99078369140625;
    stroke-dashoffset: -219.99078369140625;
    transition: stroke-dashoffset 1s;
}
.step-progress.progress-color .fill {
    stroke: #009370;
}
.step-progress .value {
    font-size: 14px;
    fill: #009370;
    font-weight: 900;
    text-anchor: middle;
}
.step-progress .text {
    font-size: 5px;
    font-weight: 600;
    fill: #009370;
    text-transform: uppercase;
    text-anchor: middle;
}
.step-progress.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}
.store-integration-alert {
    font-size: 13px;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 5px 10px;
    border-radius: 4px;
    color: #323232;
    margin-top: 10px;
    margin-bottom: 15px;
    font-weight: 600;
    text-align: left;
    background-color: #e9f3ff;
}
.store-integration-alert img {
    width: 28px;
    height: 28px;
}
.store-integration-alert .alert-span {
    padding-left: 10px;
}
.card.setup-card {
    -webkit-box-shadow: 0 0 5px #c3c3c3;
    box-shadow: 0 0 5px #c3c3c3;
    margin-bottom: 30px;
    margin-top: 30px;
}
.info-card {
    background-color: #fff;
    outline: 0.1rem solid #fff0;
    border-radius: 4px;
    background-color: #fef4ea;
    box-shadow:
        #e1b878 0 1px 0 0 inset,
        #e1b878 0 0 0 1px inset;
    margin-top: 20px;
    margin-bottom: 10px;
}
.info-card.dashboard-info-card {
    box-shadow:
        #98c6cd 0 1px 0 0 inset,
        #98c6cd 0 0 0 1px inset;
    background: #ebf9fc;
}
.info-card.dashboard-info-card .info-card-svg {
    min-width: 28px;
    max-width: 30px;
    margin-top: 4px;
    margin-right: 10px;
}
.info-card.dashboard-info-card .info-card-button {
    background: #ebf9fc;
    box-shadow:
        #97c6cd 0 1px 0 0 inset,
        #97c6cd 0 0 0 1px inset;
}
.error-card {
    background-color: #fff;
    outline: 0.1rem solid #fff0;
    border-radius: 4px;
    background-color: #fff4f4;
    box-shadow:
        #e0b3b2 0 1px 0 0 inset,
        #e0b3b2 0 0 0 1px inset;
    margin-top: 20px;
    margin-bottom: 10px;
}
.error-card-button {
    padding: 12px 25px;
    white-space: nowrap;
    background: #fff4f4;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    margin: 0;
    color: #000;
    box-shadow:
        #e0b3b2 0 1px 0 0 inset,
        #e0b3b2 0 0 0 1px inset;
}
.info-card-section {
    padding: 1.2rem;
}
.info-callout-card {
    display: flex;
    align-items: start;
}
.info-flex-card .info-callout-card {
    align-items: center;
    justify-content: space-between;
}
.info-flex-card .info-card-content-wrapper {
    display: flex;
    align-items: flex-start;
    margin-right: 20px;
}
.info-card-svg {
    min-width: 20px;
    max-width: 20px;
    margin-top: 8px;
    margin-right: 15px;
    fill: #b98900;
}
.blue-info-card-svg {
    min-width: 20px;
    max-width: 20px;
    margin-top: 8px;
    margin-right: 15px;
    fill: #b98900;
}
.error-card-svg {
    min-width: 20px;
    max-width: 20px;
    margin-top: 8px;
    margin-right: 15px;
    fill: #d72c0d;
}
.info-card-content {
    flex: 1 1 auto;
}
.info-card-title {
    margin-bottom: 5px;
}
.info-card-heading {
    font-size: 16px;
    font-weight: 600;
    line-height: 2.4rem;
    margin: 0;
}
.info-card-text {
    margin: 0;
    font-size: 13px;
    font-weight: 400;
}
.info-card-text a {
    color: inherit;
    text-decoration: underline;
}
.info-card-button-group {
    margin-top: 1.4rem;
}
.info-card-button {
    padding: 12px 25px;
    white-space: nowrap;
    background: #fef4ea;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    margin: 0;
    color: #000;
    box-shadow:
        #e1b878 0 1px 0 0 inset,
        #e1b878 0 0 0 1px inset;
}
.info-right-img {
    display: block;
    margin-left: 2rem;
    flex: 0 0 auto;
    width: 8rem;
}
ul.info-list li {
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    list-style: disc;
    margin-left: 15px;
    padding-top: 10px;
}
.info-card.blue-info-card svg {
    width: 20px;
    padding-top: 6px;
    display: block;
    margin-right: 12px;
    color: #333;
}
.info-card.blue-info-card .info-card-heading {
    font-size: 1.2rem;
}
.info-card.blue-info-card input {
    border: 1px solid #e2e2e2;
    background: #fff;
    border-radius: 4px;
    padding-left: 10px;
    width: -webkit-fill-available;
}
.info-card.blue-info-card {
    box-shadow:
        #98c6cd 0 1px 0 0 inset,
        #98c6cd 0 0 0 1px inset;
    background: #ebf9fc;
}
.info-input-wrapper {
    position: relative;
    height: 100%;
}
.right-copy-icon-wrapper {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    right: 10px;
    height: 100%;
    cursor: pointer;
}
.right-copy-icon-wrapper img {
    width: 18px;
    margin-right: 8px;
}
.right-copy-icon-wrapper .right-copy-text {
    font-size: 13px;
    font-weight: 700;
    display: none;
}
.public-footer-steps {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-direction: row-reverse;
}
ul.new-tab-layout {
    padding: 12px 12px 8px 12px;
    border-bottom: 1px solid #e2e2e2;
    margin: 0;
    height: unset;
    line-height: unset;
}
.tabs.new-tab-layout .indicator {
    display: none;
}
.tabs.new-tab-layout .tab {
    height: unset;
    line-height: unset;
    margin-right: 15px;
}
.tabs.new-tab-layout .tab a {
    background: #fff;
    color: #888;
    text-transform: capitalize;
    padding: 10px;
    line-height: unset;
    font-size: 13px;
    height: unset;
    font-weight: 400;
    border: none;
}
.tabs.new-tab-layout .tab a.active {
    background: #f1f1f1;
    color: #424242;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
}
.subscribed-product-header {
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
    padding-top: 5px;
    font-weight: 700;
    font-size: 15px;
}
.subscribed-product-header a {
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
}
.total-price-wrapper,
.subtotal-price-wrapper,
.discount-price-wrapper {
    text-align: right;
    padding: 15px 20px;
    border-top: 1px dashed #e2e2e2;
    color: #323232;
    font-weight: 600;
    margin-top: 0;
}
.total-price-wrapper .total-price-head {
    font-size: 17px;
}
.subtotal-price-wrapper {
    padding: 10px 15px;
    margin-top: 15px;
}
.discount-price-wrapper {
    padding: 10px 15px;
}
.subtotal-price-wrapper .subtotal-price-head,
.subtotal-price-wrapper .subtotal-price-info,
.discount-price-wrapper .discount-price-head,
.discount-price-wrapper .discount-price-info {
    font-size: 14px;
    font-weight: 400;
}
.total-price-wrapper .total-price-divider,
.subtotal-price-wrapper .subtotal-price-divider,
.discount-price-wrapper .discount-price-divider {
    padding-left: 10px;
    padding-right: 15px;
}
.total-price-wrapper .total-price-info {
    font-size: 18px;
    font-weight: 700;
}
.total-price-wrapper .inclusive-text {
    display: block;
    font-size: 12px;
    color: #777;
}
.detailed-side-card .card {
    margin: 0;
    border: none;
    border-bottom: 1px solid #f9f9f9;
    border-radius: 0;
}
.detailed-side-card .card:first-child {
    margin-top: 15px;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}
.detailed-side-card .card[data-intro-step="6"],
.detailed-side-card .card.additional-details-card {
    border-bottom: 1px solid #f3f1f1;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
.order-view-section .detailed-side-card .card-content.sidebar-card {
    padding: 22px 20px;
    border: none;
    box-shadow: none;
    border-radius: 0;
}
.subscriptionPlan-status {
    display: flex;
    align-items: center;
    margin-top: 2px;
    margin-left: 12px;
    font-size: 12px;
    font-weight: 700;
    background: #000;
    color: #fff;
    border-radius: 40px;
    font-size: 12px;
    padding: 0 12px;
    padding-left: 5px;
    font-size: 13px;
}
.subscriptionPlan-status.subscriptionPlan-status-upsell {
    margin-left: auto;
}
.mmb-header-title.mmb-back-btn .subscriptionPlan-status i {
    font-size: 17px;
    margin-right: 3px;
    padding-left: 0;
    border: none;
}
.mmb-header-title.mmb-back-btn .subscriptionPlan-status[data-status="trial"] {
    background: #03c04a;
    color: #fff;
}
.mmb-header-title.mmb-back-btn .subscriptionPlan-status[data-status="paused"] {
    background: #ffc30b;
    color: #fff;
}
.mmb-header-title.mmb-back-btn .subscriptionPlan-status[data-status="active"] {
    background: #46a07e;
    color: #fff;
}
.mmb-header-title.mmb-back-btn .subscriptionPlan-status[data-status="draft"] {
    background-color: #eee;
    color: #616161;
}
.mmb-header-title.mmb-back-btn .subscriptionPlan-status[data-status="halted"] {
    background: #f87217;
    color: #fff;
}
.mmb-header-title.mmb-back-btn
    .subscriptionPlan-status[data-status="cancelled"] {
    background: #d72c0d;
    color: #fff;
}
.mmb-header-title.mmb-back-btn .subscriptionPlan-status i {
    color: inherit;
}
.subscription-renewal-date {
    display: block;
    font-size: 13px;
    padding-top: 8px;
}
.btn.payment-link-btn,
.btn.activate-link-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #46a07e;
    color: #fff;
    text-transform: inherit;
    border: none;
    padding: 12px 20px;
    line-height: initial;
    height: unset;
    border-radius: 4px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    float: unset;
    text-decoration: none;
    cursor: pointer;
    margin: 0;
}
.btn.payment-link-btn i,
.btn.activate-link-btn i {
    padding-right: 8px;
    font-size: 16px;
    line-height: 13px;
}
.subscription-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.pause-subscription-link,
.reactivate-subscription-link {
    color: #545454;
    display: flex;
    text-decoration: underline;
    align-items: center;
    cursor: pointer;
}
.cancel-subscription-link {
    color: red;
    font-weight: 700;
    text-decoration: underline;
    font-size: 13px;
    cursor: pointer;
}
.table-wrapper .badge.new-badge {
    background: #dfe3e7;
    color: #323232;
    font-size: 12px;
    font-weight: 500;
    padding: 3px 10px;
    display: flex;
    align-items: center;
    line-height: unset;
    height: unset;
    border-radius: 50px;
}
.table-wrapper .badge.new-badge i {
    font-size: 13px;
    margin-right: 5px;
}
.table-wrapper .badge.new-badge[data-status="pending"] {
    background: #dfe3e7;
    color: #323232;
}
.table-wrapper .badge.new-badge[data-status="scheduled"] {
    background: #ffd79d;
    color: #323232;
}
.table-wrapper .badge.new-badge[data-status="scheduled"] i {
    color: #ffb448;
}
.table-wrapper .badge.new-badge[data-status="pending"] i {
    color: #46a07e;
}
.subscription-info-card {
    margin-top: 15px;
}
.subscription-info-card .info-card-section {
    display: flex;
    align-items: center;
    padding: 0;
}
.subscription-info-card .retry-card-wrapper {
    padding-left: 17px;
    padding: 1.2rem;
}
.subscription-info-card .info-callout-card {
    border-right: 1px solid #e0b3b2;
    padding: 1.2rem;
    flex: 2;
}
.row .col.p-10 {
    padding: 0 10px;
}
.amount-incl-text {
    display: block;
    font-size: 10px;
    color: #777;
    text-transform: none;
}
.order-view-section
    .detailed-side-card
    .cancellation-card
    .card-content.sidebar-card {
    padding: 15px 5px;
}
.external-link-icon {
    width: 14px;
    height: 14px;
    margin-top: -2px;
    background: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/foreign_1_3_1.svg?v=1619433837)
        0 0 no-repeat;
    background-size: 14px 13px;
    margin-left: 10px;
    display: inline-flex;
}
.input-payment-link {
    position: absolute;
    opacity: 0;
    top: -9999999px;
}
.input-payment-link-icon {
    display: flex;
    align-items: center;
    margin-left: 15px;
    margin-right: 7px;
    cursor: pointer;
}
.input-payment-link-icon img {
    width: 17px;
}
.route-subscriptions-view .material-tooltip {
    display: block;
    align-items: center;
    padding: 2px 17px;
    height: unset;
    border: none;
    cursor: pointer;
    background: #fff0;
    line-height: 12px;
    color: #6f6f6f;
    font-weight: 700;
    transform: translateX(0) translateY(-1px) !important;
}
img.external-link-img {
    border: none;
    width: 18px;
    height: 14px;
    margin-top: 4px;
}
.external-link-title {
    margin-right: 5px;
}
.subscription-details-hyperlink {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.text-link-hover {
    color: #5a5a5a;
}
.text-link-hover:hover {
    text-decoration: underline;
}
.plan-list-subinfo {
    display: block;
    font-size: 10px;
    color: #323232;
}
.mmb-modal .cancel-modal-btn {
    background: #d7372b;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    border: 1px solid #d7372b;
    padding: 12px 30px;
    border-radius: 5px;
}
.mmb-modal .update-modal-btn {
    background: #46a07e;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    border: 1px solid #46a07e;
    padding: 12px 30px;
    border-radius: 5px;
}
span.badge.subcriber-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    background: #eee !important;
    color: #323232;
    margin: 0;
    font-size: 12px;
}
span.badge.subcriber-badge i {
    font-size: 14px;
    margin-right: 4px;
    color: #616161;
}
span.badge .divider-line {
    font-size: 12px;
    padding-left: 3px;
    padding-right: 3px;
}
.switch-holder {
    display: flex;
    padding: 0 0;
    border-radius: 10px;
    margin-bottom: 0;
    justify-content: space-between;
    align-items: center;
}
.switch-label {
    width: 150px;
}
.switch-label i {
    margin-right: 5px;
}
.switch-holder-toggle {
    height: 40px;
}
.switch-holder-toggle input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    z-index: -2;
}
.switch-holder-toggle input[type="checkbox"] + label {
    position: relative;
    display: inline-block;
    width: 115px;
    height: 35px;
    border-radius: 20px;
    margin: 0;
    cursor: pointer;
    box-shadow:
        inset -4px -1px 19px 0 rgb(255 255 255 / 60%),
        inset -1px 1px 4px rgb(0 0 0 / 25%);
}
.switch-holder-toggle input[type="checkbox"] + label::before {
    position: absolute;
    content: "Inactive";
    font-size: 13px;
    text-align: center;
    line-height: 24px;
    top: 4px;
    left: 5px;
    width: 68px;
    height: 26px;
    border-radius: 20px;
    background-color: #e4e4e4;
    box-shadow:
        -3px -3px 5px rgb(255 255 255 / 50%),
        3px 3px 5px rgb(0 0 0 / 25%);
    transition: 0.3s ease-in-out;
}
.switch-holder-toggle input[type="checkbox"]:checked + label::before {
    left: unset;
    right: 6px;
    content: "Active";
    color: #fff;
    background-color: #46a07e;
    box-shadow:
        -3px -3px 5px rgb(255 255 255 / 50%),
        3px 3px 5px #45a07e;
}
.plan-update-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.toggle-switchbox .switch {
    position: relative;
    display: block;
    width: 80px;
    height: 26px;
}
.toggle-switchbox .switch input {
    display: none;
}
.toggle-switchbox .toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #dcdcdc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.toggle-switchbox .toggle-slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 3px;
    bottom: 3px;
    box-shadow: 0 0.1em 0.3em rgb(0 0 0 / 30%);
    background-color: #fff;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.toggle-switchbox input:checked + .toggle-slider {
    background-color: #46a07e;
}
.toggle-switchbox input:focus + .toggle-slider {
    box-shadow: 0 0 1px #2196f3;
}
.toggle-switchbox input:checked + .toggle-slider:before {
    transform: initial;
    right: 4px;
    left: unset;
    bottom: 3px;
}
.toggle-switchbox .on {
    display: none;
    color: #fff;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 40%;
    font-size: 12px;
}
.toggle-switchbox .off {
    color: #fff;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 63%;
    font-size: 12px;
    color: #5d5d5d;
    font-weight: 500;
}
.new-toggle-switchbox.toggle-switchbox .off {
    left: 56%;
}
.new-toggle-switchbox.toggle-switchbox .on {
    left: 42%;
}
.new-toggle-switchbox.toggle-switchbox .switch {
    width: 140px;
    height: 30px;
}
.new-toggle-switchbox.toggle-switchbox .toggle-slider:before {
    left: 4px;
    bottom: 5px;
}
.new-toggle-switchbox.toggle-switchbox.highlight-products {
    border-radius: 20px;
}
.new-toggle-switchbox.toggle-switchbox input:checked + .toggle-slider:before {
    bottom: 6px;
}
.new-toggle-switchbox.toggle-switchbox .toggle-slider span {
    width: max-content;
}
.toggle-switchbox input:checked + .toggle-slider .on {
    display: block;
}
.toggle-switchbox input:checked + .toggle-slider .off {
    display: none;
}
.toggle-switchbox .toggle-slider.toggle-round {
    border-radius: 34px;
}
.toggle-switchbox .toggle-slider.toggle-round:before {
    border-radius: 50%;
}
.shipping-opacity {
    opacity: 0.6;
    pointer-events: none;
}
.freq-flex-wrapper {
    display: flex;
    align-items: center;
    padding-top: 7px;
    padding-bottom: 8px;
}
.more-frequency-wrapper {
    display: flex;
    width: fit-content;
    text-decoration: none;
    color: #323232;
}
.more-frequency-wrapper.custom-tooltip {
    text-decoration: none;
    cursor: pointer;
    align-items: center;
    padding: 0;
}
.more-frequency-wrapper.custom-tooltip::before {
    content: attr(data-custom-tooltip);
    z-index: 2;
    width: max-content;
    max-width: 500px;
    font-size: 14px;
    color: #fff;
    background: #2a2a2a;
    border-radius: 5px;
    padding: 8px 15px;
}
.more-frequency-wrapper.custom-tooltip--bottom::before,
.more-frequency-wrapper.custom-tooltip--bottom::after {
    top: 100%;
    left: 50%;
    transform: translateX(-82%);
    margin-top: 15px;
}
.more-frequency-wrapper.custom-tooltip--bottom::after {
    top: 50%;
    transform: translateY(-50%);
    margin-top: 22px;
}
.more-frequency-wrapper .more-frequency-span {
    font-size: 12px;
    border-bottom: 1px dashed #d6d6d6;
}
.more-frequency-wrapper i {
    font-size: 15px;
    margin-right: 4px;
    line-height: 18px;
}
.mmb-wrapper .mmb-inner-info .freq-flex-wrapper .every-text {
    padding-right: 8px;
    font-size: 13px;
    padding-bottom: 2px;
}
.plan-form-wrapper .mmb-wrapper .mmb-inner-info .freq-flex-wrapper input {
    padding: 0;
    max-width: 60px;
    height: unset;
    padding-bottom: 3px;
    padding-left: 0;
    align-items: center;
    text-align: center;
    margin: 0;
    min-height: 30px;
}
.svg-icon-container {
    max-width: 220px;
}
.mmb-wrapper .mmb-inner-info .freq-flex-wrapper select {
    border: none;
    border-bottom: 1px dashed #dcdcdc;
    border-radius: 0;
    height: unset;
    margin-left: 10px;
    padding-left: 0;
    text-align: left;
    max-width: fit-content;
}
.notify-email-wrapper {
    margin-top: 20px;
    padding: 0;
}
.notify-email-msg {
    font-size: 13px;
    color: #737373;
    padding: 0 0 8px 5px;
}
#storefront_snippet_progress {
    display: none !important;
}
@keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(10px);
    }
    60% {
        transform: translateY(5px);
    }
}
.plan_int_modal {
    text-align: center;
    padding: 10px 0 15px 0;
}
.plan_int_modal .int_modal_svg {
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
    fill: #bf4032;
}
.plan_int_modal .int_modal_header {
    display: block;
    padding-bottom: 10px;
    font-weight: 900;
    font-size: 22px;
    color: #000;
}
.plan_int_modal .plan_upgrade_img {
    width: 180px;
    margin-bottom: 20px;
}
.plan_int_modal .int_modal_msg {
    display: block;
    font-size: 13px;
    max-width: 450px;
    margin: 0 auto;
}
.modal.mmb-modal.limit-exhausted-modal {
    width: 50%;
}
.modal.mmb-modal.limit-exhausted-modal.plan_int_modal .int_modal_msg {
    max-width: 600px;
}
.plan_int_modal .total-amount-set {
    text-align: center;
}
.plan_int_modal.plan-upgrade-modal .update-plan-btn {
    display: block;
    margin: 0 auto;
}
.customer-list-name {
    display: block;
    font-size: 11px;
    color: #949494;
    padding-top: 2px;
    padding-bottom: 2px;
}
svg.channel-platform-btn {
    fill: #323232;
}
.all_order .badge[data-status="failed"] {
    background: #d72c0d;
    color: #fff;
    padding: 0 10px;
}
.checkout-phone-wrapper {
    display: flex;
    align-items: center;
    max-width: -webkit-fill-available;
    padding-right: 5px;
    border: 1px solid #efefef;
    border-radius: 3px;
    padding-left: 10px;
    width: -webkit-fill-available;
    font-size: 13px;
    color: #3c3c3c;
}
.phone-img-wrapper {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 18px 0 3px;
    position: relative;
    cursor: pointer;
}
.checkout-phone-wrapper .form__input-wrapper {
    width: inherit;
}
.checkout-phone-wrapper .form__input-wrapper .form__input {
    margin-bottom: 0px !important;
    border: none;
    border-left: 1px solid #efefef;
    border-radius: 0;
}
.checkout-phone-wrapper .phone-img-wrapper:after {
    content: "";
    top: 4px;
    right: 9px;
    width: 9px;
    height: 18px;
    position: absolute;
    transform: rotate(90deg);
    background-image: url(../../../../dashboards/images/icon/next.svg);
    background-repeat: no-repeat;
}
.phone-img-wrapper .phone-img-flag {
    width: 28px;
    padding-right: 5px;
}
.checkout-phone-wrapper .dial-code-input {
    color: #6d6d6d;
    font-size: 14px;
}
.select-phone-drop-wrapper {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 18px 0 3px;
    position: relative;
    cursor: pointer;
}
.select-phone-drop-wrapper .phone-img-flag {
    width: 28px;
    padding-right: 5px;
}
.select-phone-drop-wrapper .phone-country-code {
    color: #6d6d6d;
    font-size: 14px;
}
.select-phone-drop-wrapper:after {
    content: "";
    top: 4px;
    right: 10px;
    width: 9px;
    height: 18px;
    position: absolute;
    transform: rotate(90deg);
    background-image: url(../../../images/icon/next.svg);
    background-repeat: no-repeat;
}
.select-phone-drop-wrapper select {
    opacity: 0;
    position: absolute;
    left: 0;
}
table.dataTable tbody tr.failed-order-row {
    background: #fff4f4;
}
table.dataTable.hover tbody tr.failed-order-row:hover,
table.dataTable.display tbody tr.failed-order-row:hover {
    background: #fdf0f0;
}
.failed-order-wrapper {
    display: flex;
    align-items: center;
}
.failed-order-wrapper .new-pulse {
    box-shadow: 0 0 0 #fd2313;
}
.failed-order-wrapper svg {
    padding: 0;
    margin: 0;
}
.failed-order-wrapper a {
    font-size: 13px;
}
.error-card.order-failure-card {
    list-style: none;
    margin-left: 0;
}
.order-failure-card .info-list li {
    margin-left: 0;
    list-style: none;
}
button.btn.btn-primary.fix-issue-btn {
    margin: 0 auto;
    background: #eb001b !important;
    padding: 1px 16px;
    width: 72%;
    color: #fff;
    position: relative;
    text-transform: initial;
    box-shadow: none;
    margin-right: 0;
    align-items: center;
    justify-content: center;
}
button.btn.btn-primary.fix-issue-btn i {
    float: right;
    position: absolute;
    right: 8px;
}
.flex-arrow {
    width: 18px;
    position: absolute;
    right: 30px;
    top: -1px;
}
.flex-arrow .inner-arrow {
    position: absolute;
    bottom: 0;
    margin-left: 0;
    width: 12px;
    height: 12px;
    background-size: contain;
    top: 15px;
}
.flex-arrow .next-arr {
    margin-left: 8px;
}
.flex-arrow .next {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
}
.flex-arrow .next.black-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' viewBox='0 0 512 512'%3e%3cstyle%3e.st0%7bfill:%2346a07e%7d%3c/style%3e%3cpath class='st0' d='M319.1 217c20.2 20.2 19.9 53.2-.6 73.7s-53.5 20.8-73.7.6l-190-190c-20.1-20.2-19.8-53.2.7-73.7S109 6.8 129.1 27l190 190z'/%3e%3cpath class='st0' d='M319.1 290.5c20.2-20.2 19.9-53.2-.6-73.7s-53.5-20.8-73.7-.6l-190 190c-20.2 20.2-19.9 53.2.6 73.7s53.5 20.8 73.7.6l190-190z'/%3e%3c/svg%3e");
    filter: grayscale(1) brightness(0);
}
.setup-guide-wrapper .flex-arrow {
    right: 15px;
    top: 5px;
}
@keyframes bounceAlpha {
    0% {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
    25% {
        opacity: 0;
        transform: translateX(10px) scale(0.9);
    }
    26% {
        opacity: 0;
        transform: translateX(-10px) scale(0.9);
    }
    55% {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}
.flex-arrow .bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.flex-arrow .inner-arrow.prev-arr.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration: 1.4s;
    animation-delay: 0.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.flex-arrow .inner-arrow {
    animation-name: bounceAlpha;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.flex-arrow .inner-arrow.prev-arr {
    animation-name: bounceAlpha;
    animation-duration: 1.4s;
    animation-delay: 0.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.profile-error-card {
    display: none;
}
.profile-error-card .info-card-section {
    padding: 10px 10px;
}
.profile-error-card .info-callout-card {
    display: flex;
    align-items: center;
}
.profile-error-card .error-card-svg {
    margin-top: 0;
    max-width: 18px;
    width: 18px;
    min-width: 18px;
}
.order-failure-card .info-card-section {
    display: flex;
    align-items: center;
    padding: 0;
}
.order-failure-card .info-callout-card {
    border-right: 1px solid #e0b3b2;
    padding: 1.2rem;
}
.order-failure-card .retry-card-wrapper {
    padding-left: 17px;
    padding: 1.2rem;
}
span.retry-text {
    display: flex;
    align-items: center;
    text-decoration: underline;
    font-weight: 600;
    cursor: pointer;
    min-width: max-content;
}
.order-failure-card .info-card-text {
    font-weight: 300;
}
.order-failure-card .reason-bold {
    font-weight: 600;
}
.click-change-address {
    color: #323232;
    text-decoration: underline;
}
.retry-text img {
    width: 17px;
    margin-right: 5px;
}
.info-alert-box.customer-profile-update {
    margin: 0;
}
.info-alert-box {
    background: #eff8fb;
    font-size: 13px;
    display: flex;
    align-items: center;
    padding: 8px 8px;
    border-radius: 4px;
    color: #323232;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 600;
    text-align: left;
    background-color: #e9f3ff;
}
.info-alert-box img {
    width: 26px;
    height: 26px;
}
.info-alert-box .alert-span {
    padding-left: 5px;
    font-size: 13px;
}
.new-card .dataTables_wrapper .dataTables_paginate .paginate_button i {
    font-size: 19px;
    display: flex;
    align-items: center;
}
.section-data-tables .dataTables_wrapper .dataTables_processing {
    height: -webkit-fill-available;
    top: 80px;
    left: 0;
    margin-left: 0;
    z-index: 999;
    background: rgb(255 255 255 / 80%);
}
.table-loading-icon {
    width: 80px;
    position: absolute;
    left: 50%;
    top: 20%;
    transform: translate(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.new-search-list.search-list ul {
    border: none;
    max-height: calc(100vh - 215px);
}
.plan-product-sidebar .new-search-list.search-list ul {
    max-height: calc(100vh - 275px);
}
.new-search-list.search-list ul.list-labels-ul li {
    border-bottom: 1px dashed #e2e2e2;
}
.new-search-list.search-list ul.list-labels-ul li:last-child {
    border-bottom: none;
}
.new-search-list.search-list ul.list-labels-ul {
    max-height: unset;
    overflow: visible;
    border-top: 1px dashed #e2e2e2;
}
.new-search-list.search-list .list-labels-ul .list-labels {
    padding: 10px 15px 10px 45px;
}
.new-search-list.search-list
    .list-labels-ul
    [type="checkbox"].filled-in:checked
    + span:not(.lever):before {
    top: -9px;
    left: 1px;
    width: 7px;
    height: 11px;
}
.new-search-list.search-list .list-labels-ul .product-name {
    padding-left: 5px;
}
.new-search-list.search-list .search-img {
    height: unset;
    padding-left: 30px;
}
.new-search-list.search-list .list-labels-ul .search-img .mm-modal-img {
    display: none;
}
.new-search-list.search-list
    [type="checkbox"].filled-in:checked
    + span:not(.lever):after {
    top: 50%;
    transform: translateY(-50%);
}
.new-search-list.search-list
    [type="checkbox"].filled-in:not(:checked)
    + span:not(.lever):after {
    top: 50%;
    transform: translateY(-50%);
}
.new-search-list.search-list
    [type="checkbox"].filled-in:not(:checked)
    + span:not(.lever):after,
.new-search-list.search-list
    [type="checkbox"].filled-in:checked
    + span:not(.lever):after {
    width: 17px;
    height: 17px;
}
.new-search-list.search-list
    [type="checkbox"].filled-in:checked
    + span:not(.lever):before {
    top: 10px;
    left: 1px;
    width: 7px;
    height: 11px;
}
.new-search-list.search-list .mm-modal-img {
    display: flex;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    padding: 0;
    height: 37px;
    width: 37px;
    margin-right: 15px;
}
.new-search-list.search-list .search-img img {
    height: 35px;
    width: 35px;
    object-fit: contain;
    border-radius: 5px;
    padding: 2px;
    margin-right: 0;
}
.product-sidebar .product-side-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2px 15px;
}
.product-sidebar .product-side-header .product-title {
    font-size: 18px;
    line-height: 18px;
    padding-top: 6px;
}
.product-sidebar .product-side-header .product-title .product-desc {
    display: block;
    font-size: 11px;
    padding-bottom: 8px;
    color: #4c4c4c;
}
.product-sidebar .product-side-header .close-icon {
    font-size: 24px;
}
.product-sidebar .product-side-header .close-icon .sidenav-close {
    color: #989898;
}
.product-sidebar .searchbox-wrapper {
    margin: 15px 15px;
    width: -webkit-fill-available;
    border-radius: 4px;
}
.new-search-list.search-list .list-labels {
    padding: 10px 15px;
    cursor: pointer;
}
.new-search-list.search-list .product-name {
    line-height: 20px;
    font-size: 14px;
    width: 55%;
}
.new-search-list.search-list .product-price {
    padding-left: 20px;
    font-size: 13px;
    width: 40%;
    text-align: right;
}
.new-search-list.search-list .product-sku {
    display: flex;
    align-items: center;
    font-size: 11px;
    color: #949494;
    padding-top: 2px;
    padding-bottom: 2px;
}
.new-search-list.search-list .product-sku a {
    height: unset;
    line-height: 5px;
}
.new-search-list.search-list .product-sku a svg {
    margin-left: 5px;
    width: 12px;
    fill: #989898;
}
.new-search-list.search-list .product-sku a:hover svg {
    fill: #46a07e;
    cursor: pointer;
}
.new-search-list.search-list li {
    padding: 0;
}
.new-search-list.search-list li:last-child {
    border: none;
}
.recur-loading-icon {
    display: block;
    background-image: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/Recurpay-3_2.gif?v=1619696717) !important;
    background-repeat: no-repeat !important;
    background-size: 60px 60px !important;
    background-position: center !important;
    cursor: no-drop;
    height: 90px;
}
.recur-loading-icon-error {
    display: block;
    background-image: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/Recurpay.gif?v=1636378968) !important;
    background-repeat: no-repeat !important;
    background-size: 80px 80px !important;
    background-position: center !important;
    cursor: no-drop;
    height: 100%;
    min-height: 100vh;
}
.custom-loading-icon {
    display: block;
    background-image: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/loader.svg?v=1638430849) !important;
    background-repeat: no-repeat !important;
    background-size: 40px 40px !important;
    background-position: center !important;
    cursor: no-drop;
    min-width: 40px;
    height: 40px;
}
#slide-out-right #search-results-products,
#slide-out-right #search-results-collections {
    padding-bottom: 30px;
    box-sizing: border-box;
    margin-top: 0;
}
.product-sidebar
    .searchbox-wrapper
    input[type="text"]:not(.browser-default):focus:not([readonly]) {
    border: none;
    box-shadow: none;
}
.slide-out-right-footer .mmb-modal {
    position: fixed;
    bottom: 0px;
    width: 100%;
    padding: 15px 15px;
    background: #fff;
    box-shadow: 2px -1px 1px 0 #f3f3f3;
}
.slide-out-right-footer .mmb-modal .submit-modal {
    width: 100%;
}
.slide-out-right-footer .mmb-modal .submit-modal:disabled {
    opacity: 0.6;
}
.slide-out-right-footer .mmb-modal .final-submit-btn.btn--secondary:disabled {
    opacity: 0.6;
}
.slide-out-right-footer .mmb-modal .final-submit-btn.btn--secondary {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slide-out-right-footer .mmb-modal .final-submit-btn.btn--secondary i {
    position: absolute;
    left: 8px;
    color: #323232;
    font-size: 20px;
}
.dashboard-setup-card {
    background: #fff;
    margin-top: 20px;
}
.dashboard-setup-card .dashboard-setup-inner {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
.dashboard-setup-card .setup-content li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dashboard-setup-card .setup-content li img {
    margin-right: 12px;
}
.dashboard-setup-card .step-desc {
    display: block;
    font-size: 11px;
    color: #585858;
    padding-top: 3px;
}
.dashboard-setup-card .setup-img {
    width: 260px;
}
.dashboard-inner-width {
    width: 100%;
}
.dashboard-inner-width .setup-content ul.full-steps {
    width: 100%;
}
.dashboard-inner-width .setup-content ul.full-steps .step-text {
    padding-right: 10px;
}
.preview-plan-wrapper {
    display: flex;
    align-items: center;
}
.preview-link-span {
    margin-left: 25px;
}
.preview-plan-wrapper a {
    font-size: 14px;
    display: flex;
    align-items: center;
    color: #323232;
    margin-left: 0;
    padding: 8px 15px;
}
.preview-plan-wrapper a i {
    font-size: 15px;
    padding-right: 8px;
}
.effect2 {
    position: relative;
}
.effect2:before,
.effect2:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.effect2:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}
.mmb-wrapper .edit-product-label-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
}
.mmb-wrapper .edit-product-label-header label {
    padding-bottom: 0;
}
.mmb-wrapper .edit-product-label-header .edit-products-btn {
    font-size: 13px;
    padding-left: 15px;
    text-decoration: underline;
    cursor: pointer;
    color: #46a07e;
}
.custom-info-card {
    background: #e8f5fa;
    border: 1px solid #deebf9;
    margin-top: 20px;
    border-radius: 4px;
}
.custom-info-card.custom-warning-card {
    background: #fef4ea;
    border: 1px solid #e0b878;
    margin-top: 20px;
    border-radius: 4px;
    margin-bottom: 20px;
}
.custom-info-card.custom-warning-card.mt-25 {
    margin: 25px 0;
}
.custom-info-card .card-content {
    padding: 12px 10px;
}
.custom-info-card .custom-setup-inner {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-start;
}
.custom-info-card .custom-icon-container {
    max-width: 30px;
}
.custom-info-card .custom-inner-width {
    width: 100%;
}
.custom-info-card .setup-header {
    display: flex;
    padding: 0 20px;
    align-items: center;
}
.custom-info-card .setup-head {
    display: block;
    font-size: 16px;
    font-weight: 600;
}
.custom-info-card .setup-head.whatsapp-info-head {
    font-size: 14px;
}
.custom-info-card .setup-para {
    display: block;
    font-size: 13px;
    padding-top: 3px;
    padding-right: 10px;
}
.custom-info-card .setup-para.whatsapp-info-para a {
    color: inherit;
    text-decoration: underline;
}
.custom-info-card .setup-para svg.external-icon {
    width: 11px;
    height: 11px;
    margin-left: 5px;
    background: no-repeat;
}
.notification-side-wrapper {
    display: flex;
    align-items: center;
}
.notification-side-arrow {
    color: #858585;
    font-size: 24px;
}
.notification-side-icons {
    display: flex;
    align-items: center;
}
.notification-side-icons i {
    font-size: 20px;
    padding-right: 8px;
    color: #323232;
}
.notification-side-btn {
    margin-left: 15px;
}
.icon-stack-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-right: 8px;
}
.icon-stack-wrapper .bullet-icon {
    font-size: 10px;
    color: #323232;
    margin-bottom: 4px;
}
.icon-stack-wrapper.active .bullet-icon {
    color: #46a07e;
}
.icon-stack-wrapper.inactive .bullet-icon {
    color: #f44336;
}
.icon-stack-wrapper.active.low-credit .bullet-icon {
    color: #ff9800;
}
.notification-list-wrapper:hover span.itg_title {
    text-decoration: underline;
    color: #46a07e;
}
.notification-list-wrapper:hover .notification-side-arrow {
    color: #46a07e;
    font-weight: 600;
}
.notification-list-wrapper span.itg_title {
    color: #000;
    font-weight: 500;
}
.notification-list-wrapper .itg_description {
    padding-top: 2px;
}
.notification-tabs.tabs .tab a {
    text-transform: capitalize;
    font-size: 14px;
    color: #6d7175;
}
.notification-tabs.tabs .tab a.active {
    color: #000;
}
.notification-tab-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.notification-side-flex {
    display: flex;
    align-items: center;
    margin-right: 15px;
}
.notification-tab-header .main-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 15px;
}
.notification-tab-header .notification-tab-head-title {
    font-size: 14px;
    font-weight: 700;
    display: block;
    text-transform: capitalize;
}
.notification-tab-header .notification-tab-head-desc {
    font-size: 12px;
    display: block;
    color: #626262;
}
.notification-tab-header .notification-tab-head-desc .email-change {
    display: flex;
    align-items: center;
}
.notification-tab-header .notification-tab-head-desc.email-change i {
    font-size: 13px;
    margin-left: 3px;
    color: #46a07e;
}
.notification-form-wizard textarea {
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    padding: 10px 10px;
    resize: none;
    line-height: 25px;
    max-height: 100%;
    letter-spacing: 0.2px;
    font-size: 13px;
    color: #212b36;
    overflow-y: auto !important;
}
.notification-form-wizard .header-info {
    display: flex;
    align-items: center;
}
.notification-form-wizard .header-info .btn.transparent-btn {
    padding: 0;
    line-height: unset;
    height: unset;
    font-size: 13px;
    padding: 8px 0;
    padding-right: 15px;
    margin-right: 10px;
}
.notification-form-wizard .header-info .btn.transparent-btn i {
    margin-top: 0;
    padding-right: 8px;
}
.notification-form-wizard .header-info .btn.secondary-btn.secondary-btn-green {
    padding: 10px 25px;
    line-height: unset;
    height: unset;
    font-size: 13px;
}
.notification-form-wizard
    .header-info
    .btn.secondary-btn.secondary-btn-green.btn-disabled {
    opacity: 0.5;
    cursor: pointer;
    pointer-events: none;
}
.notification-form-wizard .mmb-wrapper label {
    font-size: 14px;
    font-weight: 600;
    display: block;
    padding-bottom: 10px;
    color: #000;
}
.notification-form-wizard .from-email-field-wrapper {
    display: none;
}
.preview-template-modal.modal {
    max-height: 85%;
    background: #fff;
}
.preview-template-modal .modal-header {
    display: block;
    padding: 10px 25px;
}
.preview-template-modal .modal-header .modal-header-title {
    font-size: 20px;
    font-weight: 700;
}
.preview-template-modal.modal .modal-close {
    color: #545454;
    padding-top: 3px;
    line-height: inherit;
}
.preview-template-modal.modal .modal-content {
    border-top: 1px solid #e2e2e2;
    padding: 0;
}
.preview-template-modal .email-subject {
    padding: 10px 25px;
    border-bottom: 1px solid #e2e2e2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.preview-template-modal .email-subject-label {
    color: #959595;
    padding-right: 10px;
}
.preview-template-modal .email-body {
    padding: 25px 25px;
}
.preview-template-modal .email-iframe {
    width: 100%;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    box-shadow: none;
    height: 450px;
    max-height: 600px;
    overflow-y: auto;
}
.template-variable-wrapper.mmb-label .label-title {
    font-size: 19px;
}
.template-variable-wrapper.mmb-label .label-desc {
    color: #323232;
}
.template-variable-wrapper code {
    display: block;
    background: #efefef;
    padding: 2px 5px;
    margin-bottom: 7px;
    width: fit-content;
}
.template-variable-wrapper a {
    font-weight: 600;
    text-decoration: underline;
}
.whatsapp-warning-message-wrapper {
    background: #fff;
    padding: 12px 12px;
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-right: 10px;
    border-left: none;
    border-right: none;
}
.whatsapp-warning-message {
    font-size: 13px;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    background: #fff9f0;
    padding: 10px 25px;
    border: 1px solid #f7ebda;
    border-radius: 4px;
}
.chip-name-wrapper,
.chip-name-wrapper a {
    display: flex;
    align-items: center;
}
.chip-name-wrapper svg {
    margin-left: 5px;
    width: 12px;
    fill: #989898;
    margin-top: 0;
}
.mmb-wrapper .selected-prod .chip-name-wrapper span.chip-name {
    padding-right: 2px;
}
.loading-section {
    text-align: center;
    padding: 5px 5px 25px 5px;
}
.loading-section .svg-icon-container {
    margin: 0 auto;
    max-width: 195px;
}
.loading-section .loading-text {
    display: block;
    font-size: 18px;
    font-weight: 700;
}
.modal.mmb-modal.loader-modal {
    background: #fff0;
    color: #fff;
    box-shadow: none;
}
.modal.mmb-modal.loader-modal + .modal-overlay {
    opacity: 0.8 !important;
}
.domain-side-flex-wrapper {
    padding-top: 25px;
}
.domain-side-img-wrapper {
    height: 380px;
    max-height: 380px;
    min-width: 380px;
    width: 380px;
    position: relative;
    margin: auto;
    pointer-events: none;
    overflow: hidden;
    padding-bottom: 100%;
    background-color: #8e8dab;
    background-color: #bfe9d8;
    border-radius: 50%;
}
.domain-side-img-wrapper .domain-svg {
    margin: 84px -50px 0;
}
.domain-side-img-wrapper .domain-text-wrapper {
    left: 120px;
    top: 152px;
    position: absolute;
    white-space: nowrap;
    z-index: 99;
    text-align: left;
    right: 0;
}
.domain-side-img-wrapper .domain-prefix {
    color: #46a07e;
}
.domain-side-img-wrapper .domain-suffix {
    color: #46a07e;
    margin-left: -4px;
}
.domain-details-wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 0 50px;
}
.onboard-card.domain-onboard-card .step-para {
    max-width: 600px;
    margin: 0 auto;
}
.onboard-card.domain-onboard-card {
    max-width: 100%;
}
.card.new-card.analytics-card .card-title {
    font-size: 16px;
    font-weight: 600;
    padding: 0 15px 10px 15px;
    border-bottom: 1px solid #e2e2e2;
}
.modal.import-export-modal {
    max-width: 600px;
    border-radius: 5px;
}
.modal.import-export-modal + .modal-overlay {
    opacity: 0.8 !important;
}
.modal.import-export-modal .modal-content {
    padding: 20px 24px;
}
.modal.import-export-modal .modal-footer {
    height: unset;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.modal.import-export-modal .modal-desc-block {
    margin-bottom: 20px;
}
.modal.import-export-modal .modal-desc {
    display: block;
    font-size: 13px;
}
.modal.import-export-modal .modal-header {
    padding: 12px 24px;
    padding-right: 40px;
    border-bottom: 1px solid #e2e2e2;
}
.modal.import-export-modal .modal-header-title {
    font-size: 17px;
    font-weight: 700;
    white-space: normal;
}
.modal.import-export-modal .modal-footer .btn {
    width: 100%;
    text-align: center;
    display: flex;
    font-weight: 700;
    height: unset;
    width: fit-content;
    margin: 0;
    padding: 2px 30px;
    justify-content: center;
    text-transform: capitalize;
}
.modal.import-export-modal .dropify-wrapper {
    border: 1px dashed #a9a9a9;
}
.sample-csv-link {
    text-decoration: underline;
}
.import-help-link {
    display: none;
    text-align: center;
    padding: 15px 10px;
    padding-bottom: 0;
    font-size: 13px;
    text-decoration: underline;
    color: #46a07e;
}
.export-list label [type="radio"]:not(:checked) + span,
[type="radio"]:checked + span {
    font-size: 13px;
    color: #323232;
    line-height: unset;
}
.daterangepicker.show-calendar .drp-buttons {
    display: none;
    align-items: center;
    justify-content: flex-end;
}
.beacon-animation {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 40px;
    height: 8px;
    width: 8px;
    background-color: #46a07e;
    margin: 0;
    border: 0;
    border-radius: 50%;
    padding: 0;
    outline: 0;
}
.beacon-animation:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    border: 3px solid #46a07e;
    border-radius: 50%;
    animation: beacon 2s infinite linear;
    animation-fill-mode: forwards;
}
@keyframes beacon {
    0% {
        width: 0;
        height: 0;
        opacity: 1;
    }
    25% {
        width: 15px;
        height: 15px;
        opacity: 0.7;
    }
    50% {
        width: 20px;
        height: 20px;
    }
    75% {
        width: 25px;
        height: 25px;
        opacity: 0.5;
    }
    100% {
        width: 30px;
        height: 30px;
        opacity: 0;
    }
}
.sidenav li.sales-channel-li a.collapsible-header.sales-channel-aside {
    color: #5e5e5e;
    font-size: 13px;
    font-weight: 700;
    line-height: 35px;
    height: 35px;
    padding-left: 20px !important;
}
.sidenav li.sales-channel-li .collapsible-body a i {
    font-size: 18px;
    height: unset;
    line-height: unset;
}
.sidenav li.sales-channel-li {
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    margin-top: 15px;
}
.sidenav-active-square .sidenav li.sales-channel-li .collapsible-header:after {
    content: "keyboard_arrow_right";
    color: #a1a1a1;
    font-size: 16px;
}
.sidenav-active-square
    .sidenav
    li.sales-channel-li.active
    > .collapsible-header:after,
.sidenav-active-square
    .sidenav
    li.sales-channel-li.active
    li.active
    > .collapsible-header:after {
    content: "keyboard_arrow_right";
    color: #a1a1a1;
    font-size: 14px;
    transform: rotate(90deg);
}
.text-alert-error {
    display: block;
    max-width: 33.33%;
    width: 100%;
    margin-bottom: 10px;
}
.live-chat-error-msg {
    display: block;
    padding-top: 8px;
}
#chat-widget {
    cursor: pointer;
}
.text-error-block {
    display: flex;
    align-items: center;
    margin-top: 15px;
    font-size: 13px;
    margin-right: 0;
    padding: 12px 10px;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #dcbcbb;
    border-radius: 4px;
    background-color: #fff2f0;
    color: #883632;
}
.text-error-block i {
    margin-right: 12px;
    color: #883632;
}
.text-error-block a {
    color: #883632;
    text-decoration: underline;
}
.text-error-block .text-error-msg {
    color: #883632;
}
.text-error-msg {
    margin-left: 3rem;
    padding-left: 0;
    word-spacing: 1px;
    color: #dc4237;
}
.text-error-block .text-error-msg {
    margin-left: 0;
}
li.text-error-msg.text-error-msg-list {
    margin-left: 0;
    line-height: 1.8em;
}
.text-align-center {
    text-align: center;
}
.onboarding-step.onboard-success {
    margin-bottom: 0;
    margin-top: 50px;
    width: 100%;
    min-height: calc(100vh - 50px);
    height: 100%;
    text-align: center;
    background-image: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/Group_2245.svg?v=1634651043);
    background-position: bottom;
    animation: animatedBackground 10s linear infinite;
    -moz-animation: animatedBackground 10s linear infinite;
    -webkit-animation: animatedBackground 10s linear infinite;
    -ms-animation: animatedBackground 10s linear infinite;
    -o-animation: animatedBackground 10s linear infinite;
}
.onboarding-step.onboard-success .onboard-header {
    padding: 20px 15px;
}
.onboarding-step.onboard-success .onboard-logo {
    width: 80px;
}
.onboarding-step.onboard-success.current {
    display: block !important;
}
.onboarding-step.onboard-success .onboard-card {
    background: transparent !important;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 20px;
    background: #f9f9f9;
    box-shadow: none;
}
.onboarding-step.onboard-success .getstarted-img {
    width: 300px;
    height: auto;
    border-radius: 4px;
    margin-bottom: 45px;
}
.onboarding-step.onboard-success .step-heading {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    font-weight: 700;
}
.onboarding-step.onboard-success .step-para {
    font-size: 14px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 25px;
    display: block;
}
.mmb-header-title.mmb-back-btn {
    display: flex;
    align-items: center;
}
.mmb-header-title.mmb-back-btn i {
    margin-right: 15px;
    border: 1px solid #babfc3;
    padding: 4px 4px;
    border-radius: 4px;
    color: #5c5f62;
    font-size: 20px;
    cursor: pointer;
}
.test-email-btn.btn--secondary {
    width: unset;
    min-width: unset;
    margin: 0;
    min-height: unset;
    padding: 10px 20px;
    margin-left: 15px;
    white-space: nowrap;
}
.custom-tooltip {
    position: relative;
    text-decoration: underline dotted;
    cursor: pointer;
}
.custom-tooltip::before,
.custom-tooltip::after {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out;
}
.custom-tooltip:hover::before,
.custom-tooltip:hover::after {
    opacity: 1;
    visibility: visible;
}
.custom-tooltip::before {
    content: attr(data-custom-tooltip);
    z-index: 2;
    width: fit-content;
    max-width: 500px;
    font-size: 14px;
    color: #fff;
    background: #2a2a2a;
    border-radius: 5px;
    padding: 8px 15px;
}
.product-title-span.custom-tooltip::before {
    padding: 8px 8px;
    font-size: 13px;
    font-weight: 400;
    width: max-content;
    max-width: 205px;
    word-break: break-word;
    z-index: 25;
}
.custom-tooltip::after {
    content: "";
    width: 0;
    height: 0;
}
.custom-tooltip--top::before,
.custom-tooltip--top::after {
    bottom: 100%;
    left: 50%;
    transform: translate(-50%);
    margin-bottom: 15px;
}
.custom-tooltip--top::after {
    margin-bottom: 8px;
    border-left: 5px solid #fff0;
    border-right: 5px solid #fff0;
    border-top: 7px solid #2a2a2a;
}
.custom-tooltip--bottom::before,
.custom-tooltip--bottom::after {
    top: 100%;
    left: 50%;
    transform: translate(-50%);
    margin-top: 15px;
}
.custom-tooltip--bottom::after {
    margin-top: 8px;
    border-left: 5px solid #fff0;
    border-right: 5px solid #fff0;
    border-bottom: 7px solid #2a2a2a;
}
.custom-tooltip--right::before,
.custom-tooltip--right::after {
    top: 50%;
    left: 100%;
    transform: translate(0, -50%);
    margin-left: 15px;
}
.custom-tooltip--right::after {
    margin-left: 8px;
    border-top: 5px solid #fff0;
    border-right: 7px solid #2a2a2a;
    border-bottom: 5px solid #fff0;
}
.custom-tooltip--left::before,
.custom-tooltip--left::after {
    top: 50%;
    right: 100%;
    transform: translate(0, -50%);
    margin-right: 15px;
}
.custom-tooltip--left::after {
    margin-right: 8px;
    border-top: 5px solid #fff0;
    border-left: 7px solid #2a2a2a;
    border-bottom: 5px solid #fff0;
}
.error-alert-card-container {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    text-align: center;
    color: #000;
}
.error-alert-card {
    padding: 0px !important;
    overflow: hidden;
    max-width: 620px;
    margin: 0 auto;
}
.error-alert-card-img-wrapper {
    padding: 15px;
    text-align: center;
}
.error-alert-card-img {
    max-width: 220px;
    margin: 0 auto;
}
.error-alert-card-block {
    text-align: center;
    padding: 25px 20px 25px 20px;
    overflow: hidden;
}
.error-alert-heading {
    display: block;
    font-size: 19px;
    font-weight: 600;
}
.error-alert-para {
    display: block;
    text-align: center;
    font-size: 14px;
    padding-top: 10px;
}
.error-alert-btn {
    margin-top: 21px;
    background: #f67273 !important;
    text-transform: capitalize;
    font-weight: 700;
    padding: 2px 30px;
    height: unset;
}
.success-alert-btn {
    margin-top: 21px;
    background: #46a07e !important;
    text-transform: inherit;
    font-weight: 700;
    padding: 2px 30px;
    height: unset;
}
.text-alert-success {
    display: flex;
    width: 33.33%;
    justify-content: left;
    align-items: center;
    background: #d9eae3;
    font-weight: 600;
    border-color: #c9e8db;
    color: #46a07e;
    margin-top: 40px;
    padding: 3px 8px;
    font-size: 14px;
    border-radius: 4px;
    margin-bottom: 15px;
    border: 2px solid #c9e8db;
}
.text-alert-success img {
    width: 35px;
    height: 35px;
    margin-right: 8px;
}
.error-msg-icon {
    max-width: 250px;
}
.error-msg-icon.full-width-img {
    max-width: 350px;
}
span.badge.snippet-installed-badge {
    background: #46a07e;
    border-radius: 30px;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 13px;
    height: unset;
    padding: 1px 15px;
}
.btn--secondary.storefront-btn {
    width: fit-content;
    margin: 0;
    margin-top: 10px;
}
.issue-link {
    display: block;
    font-size: 13px;
    padding-top: 13px;
    padding-left: 20px;
    text-decoration: underline;
    color: #46a07e;
    width: fit-content;
    cursor: pointer;
}
.manual-instruction-wrapper {
    display: block;
    text-align: center;
}
.manual-instruction-div {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e2e2;
    width: fit-content;
    margin: 0 auto;
    border-radius: 50px;
    margin-top: 22px;
    font-size: 13px;
    padding: 6px 10px;
}
.manual-instruction-div i {
    margin-right: 8px;
    color: #607d8b;
}
.manual-instruction-div a {
    text-decoration: underline;
    color: inherit;
}
.btn--secondary-deactivate {
    position: relative;
    display: block;
    min-height: 2.6rem;
    min-width: 2.6rem;
    margin: 0 auto;
    padding: 10px 25px;
    background: linear-gradient(180deg, #e6391a, #d53417);
    border: 0.1rem solid #b02b13;
    box-shadow: 0 1px 0 0 rgb(22 29 37 / 5%);
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    font-size: 13px;
}
.btn--secondary-deactivate.btn-loading {
    background-image: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/Rolling-0.6s-42px.svg?v=1618040331) !important;
    background-color: #e6391a !important;
    border: 0.1rem solid #b02b13;
}
.toggle-switch.settings-switch.flex-store-start {
    align-items: flex-start;
}
.mmb-header.mmb-custom-header {
    padding: 20px 0 10px 0;
    margin-bottom: 0;
}
.btn-loading-success {
    position: relative;
    display: block;
    min-height: 2.6rem;
    min-width: 2.6rem;
    margin: 0 auto;
    padding: 10px 25px;
    background: linear-gradient(180deg, #fff, #f9fafb);
    border: 0.1rem solid #c4cdd5;
    box-shadow: 0 1px 0 0 rgb(22 29 37 / 5%);
    border-radius: 3px;
    color: #212b36;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    font-size: 13px;
}
.btn-loading-success span {
    opacity: 0;
}
.btn-loading-success svg {
    width: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.toast {
    background: #323232;
    color: #fff;
    padding: 10px 15px;
    padding-right: 42px;
    font-size: 14px;
    border-radius: 5px;
    max-width: 500px;
}
.toast i.close-icon {
    font-size: 18px;
    position: absolute;
    right: 10px;
    cursor: pointer;
}
.toast.error-toast {
    background: #c23934;
    color: #fff;
    padding: 10px 15px;
    padding-right: 42px;
    font-size: 14px;
    border-radius: 5px;
    max-width: 500px;
}
.toast.error-toast.right-toast,
.toast.black-toast.right-toast {
    padding-right: unset;
    padding: 9px 20px;
    height: unset;
    min-height: unset;
}
.toast.error-toast i.error-icon {
    margin-right: 8px;
    font-size: 20px;
}
.toast.error-toast i.close-icon {
    font-size: 18px;
    position: absolute;
    right: 10px;
    cursor: pointer;
}
.toast.success-toast {
    background: #46a07e;
    color: #fff;
    padding: 10px 15px;
    padding-right: 42px;
    font-size: 14px;
    border-radius: 5px;
    max-width: 500px;
}
.toast.success-toast.right-toast {
    padding-right: unset;
    padding: 9px 20px;
    height: unset;
    min-height: unset;
}
.toast.success-toast i.success-icon {
    margin-right: 8px;
    font-size: 20px;
}
.toast.success-toast i.close-icon {
    font-size: 18px;
    position: absolute;
    right: 10px;
    cursor: pointer;
}
.toast.black-toast {
    background: #323232;
    color: #fff;
    padding: 10px 15px;
    padding-right: 42px;
    font-size: 14px;
    border-radius: 5px;
    max-width: 500px;
}
.toast.black-toast i.error-icon {
    margin-right: 8px;
    font-size: 20px;
}
.toast.black-toast i.close-icon {
    font-size: 18px;
    position: absolute;
    right: 10px;
    cursor: pointer;
}
body.plan-toast-right #toast-container {
    top: unset;
    bottom: 95px;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    right: 119px;
}
.card.transparent-card {
    background: #fff0;
    box-shadow: none;
}
.refresh-counter-text {
    margin-top: 20px;
    display: block;
    font-size: 13px;
}
.refresh-counter {
    font-weight: 700;
    font-size: 13px;
}
.selected-product-wrapper {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}
.show-more-products-link,
.show-more-collections-link {
    color: #4c4c4c;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    position: absolute;
    bottom: -6px;
    background: #ffffffde;
    font-size: 12px;
    text-align: center;
    min-width: calc(100% - 225px - 30px);
    right: 0;
    padding: 18px 0 9px 0;
    z-index: 1;
    display: none;
}
.show-more-products-link .show-more-span,
.show-more-collections-link .show-more-span {
    text-decoration: underline;
}
.show-more-products-link .show-more-icon,
.show-more-collections-link .show-more-icon {
    font-size: 18px;
    padding-left: 3px;
}
.selected-count-wrapper {
    cursor: pointer;
    text-align: center;
    background: #f9f9f9;
    min-height: 250px;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    min-width: 250px;
    justify-content: center;
    border-radius: 4px;
    flex-direction: column;
}
.selected-count-wrapper.loading-count {
    opacity: 0.5;
    pointer-events: none;
}
.selected-product-list,
.selected-collection-list {
    display: none;
    margin-left: 30px;
    min-width: calc(100% - 225px - 30px);
    max-height: 225px;
    overflow-y: auto;
}
.selected-product-list .custom-loading-icon,
.selected-collection-list .custom-loading-icon {
    min-height: 225px;
}
.selected-product-list table tr,
.selected-collection-list table tr {
    border-bottom: 1px solid rgb(149 149 149 / 12%);
}
.selected-product-list span.chip-price-wrapper,
.selected-collection-list span.chip-price-wrapper {
    display: block;
}
.selected-product-list span.chip-price,
.selected-collection-list span.chip-price {
    font-size: 13px;
    color: #484848;
    padding-top: 0;
    padding-bottom: 2px;
}
.selected-product-list span.chip-original-price {
    font-size: 13px;
    color: #484848;
    padding-top: 0;
    padding-bottom: 2px;
    margin-right: 6px;
}
.selected-product-list span.chip-strike-price {
    text-decoration: line-through;
    color: #878787;
}
.selected-product-list .chip-price-wrapper {
    white-space: nowrap;
    text-align: right;
}
.selected-product-list .chip-price-wrapper .delete-product-icon,
.selected-collection-list .delete-collection-icon {
    font-size: 17px;
    background: #fff;
    vertical-align: middle;
    cursor: pointer;
    color: #9d9d9d;
    padding: 2px 20px 2px 30px;
}
.selected-product-list .product-details-flex .delete-single-product-icon {
    display: none;
    position: absolute;
    top: -11px;
    right: -11px;
    background: #e2e2e2;
    border-radius: 50%;
    font-size: 17px;
    padding: 4px 4px;
    cursor: pointer;
}
.selected-collection-list .product-details-flex .delete-single-collection-icon {
    display: none;
    position: absolute;
    top: -11px;
    right: -11px;
    background: #e2e2e2;
    border-radius: 50%;
    font-size: 17px;
    padding: 4px 4px;
    cursor: pointer;
}
.selected-product-list.flex-product-list
    .product-details-flex
    .delete-single-product-icon {
    display: block;
}
.selected-collection-list.flex-product-list
    .product-details-flex
    .delete-single-collection-icon {
    display: block;
}
.selected-product-list .product-sku {
    display: flex;
    align-items: unset;
    font-size: 11px;
    margin-top: 2px;
    color: #818181;
}
.selected-product-list .product-sku a {
    display: inline-table;
    line-height: 5px;
    height: 5px;
    margin-left: 6px;
}
.selected-product-list .product-sku a svg {
    width: 10px;
    fill: #989898;
}
.selected-product-list.flex-product-list {
    overflow: inherit;
}
.selected-collection-list.flex-product-list {
    overflow: inherit;
}
.selected-product-list.flex-product-list table tr {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
    margin-right: 30px;
    border: none;
}
.selected-collection-list.flex-product-list table tr {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
    margin-right: 30px;
    border: none;
}
.selected-product-list.flex-product-list table tbody {
    display: flex;
    align-items: center;
}
.selected-collection-list.flex-product-list table tbody {
    display: flex;
    align-items: center;
}
.selected-product-list.flex-product-list table tr td {
    padding: 0 5px;
}
.selected-collection-list.flex-product-list table tr td {
    padding: 0 5px;
}
.selected-product-list.flex-product-list
    .chip-price-wrapper
    .delete-product-icon {
    display: none;
}
.selected-collection-list.flex-product-list .delete-collection-icon {
    display: none;
}
.selected-product-list.flex-product-list
    .product-details-flex
    .product-img-wrapper {
    width: 120px;
    height: 120px;
    position: relative;
    margin: 0;
}
.selected-collection-list.flex-product-list
    .product-details-flex
    .product-img-wrapper {
    width: 120px;
    height: 120px;
    position: relative;
    margin: 0;
}
.selected-product-list.flex-product-list .product-details-flex {
    flex-direction: column;
}
.selected-collection-list.flex-product-list .product-details-flex {
    flex-direction: column;
}
.selected-product-list.flex-product-list .product-details-flex .product-title {
    font-size: 14px;
    font-weight: 600;
    margin-top: 8px;
    max-width: 125px;
    text-align: center;
}
.selected-collection-list.flex-product-list .product-details-flex .product-title {
    font-size: 14px;
    font-weight: 600;
    margin-top: 8px;
    max-width: 125px;
    text-align: center;
}
.selected-product-list.flex-product-list .product-title-span {
    width: inherit;
}
.selected-collection-list.flex-product-list .product-title-span {
    width: inherit;
}
.selected-product-list .product-title-span,
.search-list.new-search-list .product-title-span {
    display: block;
    cursor: pointer;
    width: fit-content;
    text-decoration: none;
}
.selected-product-list .product-title-span-text,
.search-list.new-search-list .product-title-span-text,
.subscription-product-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 150px;
}
.selected-product-list.flex-product-list .product-details-flex .product-sku {
    align-items: flex-start;
    justify-content: center;
}
span.selected-count {
    display: block;
    font-size: 45px;
}
span.selected-count-text {
    display: block;
    color: #7e7e7e;
    font-size: 13px;
    max-width: 400px;
}
span.selected-link {
    display: block;
    padding-top: 8px;
    color: #2196f3;
    font-size: 14px;
    cursor: pointer;
}
.product-details-flex {
    display: flex;
    align-items: center;
    font-size: 13px;
}
.product-details-flex .product-img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    padding: 0;
    height: 37px;
    width: 37px;
    min-width: 37px;
    height: 37px;
    margin-right: 10px;
}
.product-details-flex .product-img-wrapper img {
    height: calc(100% - 2px);
    width: calc(100% - 2px);
    object-fit: contain;
    border-radius: 4px;
    padding: 0;
    margin-right: 0;
}
.selected-collection-list .product-details-flex .product-title {
    display: flex;
    align-items: center;
}
.selected-collection-list .product-details-flex .product-title-span-text {
    text-align: left;
}
.selected-collection-list .product-details-flex .delete-collection-icon {
    margin-left: auto;
}
.header-info.user-plan-header-info {
    flex-direction: column;
    align-items: flex-end;
    display: flex;
}
.btn.secondary-btn.secondary-btn-green.disabled-link {
    opacity: 0.6;
    pointer-events: none;
    background: #d3d3d3 !important;
    color: #5c5c5c;
    font-weight: 500;
    border: 0;
}
.btn.secondary-btn.secondary-btn-green.disabled-link i {
    color: #5c5c5c;
}
.disabled-staff-text {
    display: block;
    font-size: 12px;
    margin-right: 20px;
    margin-top: 8px;
}
.disabled-staff-text a {
    border-bottom: 1px dashed #46a07e;
    cursor: pointer;
}
.empty-product-img {
    width: 180px;
}
.loggedin-user-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 0;
}
.logged-in-user {
    font-size: 13px;
    font-weight: 600;
    align-items: center;
    text-transform: capitalize;
    display: flex;
    color: rgb(0 0 0 / 0.87);
}
.logged-in-user i {
    font-size: 18px;
    margin-right: 8px;
    color: #757575;
}
.loggedin-name-wrapper {
    line-height: 16px;
    max-width: 135px;
}
.loggedin-email {
    display: block;
    font-size: 12px;
    text-transform: lowercase;
    color: #878787;
    word-break: break-word;
}
.logout-link {
    text-decoration: underline;
}
.select-all-wrapper {
    padding: 0 15px;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.select-all-wrapper .label-selector-value {
    width: fit-content;
    border: none;
    padding: 12px 9px 12px 5px;
}
.select-all-span {
    font-size: 14px;
}
.new-search-list.search-list
    .select-all-label
    [type="checkbox"].filled-in:checked
    + span:not(.lever):before {
    top: 3px;
}
.select-all-label [type="checkbox"] + span:not(.lever),
.minor_check_div [type="checkbox"] + span:not(.lever) {
    padding-left: 32px;
}
.view-all-div {
    display: flex;
    padding: 10px 20px;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.view-all-link {
    display: block;
    color: #2196f3;
    font-size: 13px;
    cursor: pointer;
    text-decoration: underline;
    text-align: center;
    width: fit-content;
}
.export_date_label {
    font-size: 12px;
    padding-bottom: 8px;
    display: block;
}
.plan-upgrade-modal .pay-addon-btn:disabled {
    opacity: 0.6;
}
.btn.secondary-btn.secondary-btn-green.whatsapp-upgrade-btn {
    width: max-content;
    margin-left: 15px;
    font-size: 13px;
    padding: 20px 15px;
    margin-right: 0;
}
.plan_request .plan_upgrade_suffix {
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
}
.plan_request .plan_upgrade_prefix {
    display: block;
    font-size: 12px;
}
.plan_request .plan_upgrade_count {
    display: block;
    font-size: 16px;
    font-weight: 600;
}
.alert-box.billing-page-alert-box {
    margin: 20px 25px 10px 25px;
    padding: 15px 10px;
}
.fc .fc-event.calendar-event-class {
    background: transparent !important;
    font-size: 13px;
    font-weight: 800;
    padding: 2px 2px;
}
.fc .fc-event.calendar-event-class .fc-title {
    display: flex;
    align-items: center;
    justify-content: center;
}
.fc .fc-event.calendar-event-class .fc-title i {
    font-size: 9px;
    display: none;
}
.fc .fc-event.calendar-event-class .fc-title span {
    text-decoration: underline;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    width: 140px;
    display: block;
}
.fc-toolbar.fc-header-toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    top: 10px;
    right: 0;
}
.fc-toolbar .fc-left {
    margin-right: 16px;
}
.fc-toolbar h2 {
    font-size: 12px;
    font-weight: 600;
    min-width: 150px;
}
.fc-basic-view .fc-body .fc-row {
    min-height: 4em;
    height: 140px !important;
}
.fc-scroller {
    height: auto !important;
}
.fc-row.fc-rigid .fc-content-skeleton,
.fc-row table {
    height: -webkit-fill-available;
}
.fc .fc-toolbar .fc-right div:first-child {
    display: flex;
    align-items: center;
    padding: 10px 10px;
}
.fc-toolbar h2 {
    padding: 0 15px;
}
.fc .fc-right .fc-button {
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #e2e2e2;
    padding: 6px 5px;
    box-shadow: none;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fc .fc-right .fc-button .fc-icon {
    color: #646464;
    font-size: 12px;
    margin: 0;
    top: 0;
}
.fc .fc-basic-view .fc-day-number,
.fc .fc-basic-view .fc-week-number {
    padding: 3px 5px;
}
.fc .fc-unthemed td {
    border-color: #f3f1f1;
}
.fc .fc-right .fc-button.fc-state-disabled {
    opacity: 0.4;
}
th.fc-day-header.fc-widget-header {
    padding-top: 5px;
    padding-bottom: 12px;
    text-align: center;
    color: #686868;
}
.daterangepicker td.disabled,
.daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: none;
}
.next-order-span {
    font-weight: 600;
}
.conditional-info-block .condition__block-wrapper {
    padding-top: 1.3rem;
    background: #f4f6f8;
    color: #000;
}
.conditional-info-block .condition__block {
    position: relative;
    padding: 20px 60px 20px 20px;
}
.conditional-info-block .if__block {
    overflow: visible;
    min-height: 25px;
    display: block;
    position: relative;
    z-index: 2;
}
.conditional-info-block .if__block .curved__btn {
    min-width: 60px;
    position: absolute;
    bottom: -12px;
    left: 10px;
    border-color: #1fa27e;
    color: #fff;
    text-decoration: none;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#1fa27e),
        to(#5d9a7e)
    );
    background: linear-gradient(45deg, #1fa27e, #5d9a7e);
    box-shadow:
        inset 0 1px 0 0 #1fa27e,
        0 1px 0 0 #000,
        0 0 0 0 #fff0;
    border-top-left-radius: 9px;
    border-bottom-right-radius: 9px;
    border-width: 1px;
}
.conditional-info-block .first_then__block {
    margin-top: 30px;
}
.conditional-info-block .conditions-wrapper {
    display: flex;
    align-items: center;
}
.conditional-info-block .conditions-wrapper label:first-child {
    margin-right: 20px;
}
.conditional-info-block .key-highlight {
    font-weight: 600;
}
.conditional-info-block .condition__block-wrapper .connector__block {
    position: relative;
}
.conditional-info-block .condition__block-wrapper .connector__block h1 {
    font-size: 15px;
    background: #fff0;
    position: relative;
    text-align: center;
    overflow: hidden;
    line-height: unset;
    margin: 0;
}
.conditional-info-block .condition__block-wrapper .connector__block h1 span {
    border: 1px solid #5846a0;
    display: inline-block;
    padding: 1px 8px;
    border-radius: 15px;
    background: #fff;
    color: #5846a0;
    font-size: 11px;
}
.conditional-info-block .mmb-inner-info .condition__block-wrapper input,
.conditional-info-block
    .mmb-inner-info
    .condition__block-wrapper
    select.browser-default {
    color: #606060;
    background: #fff;
    cursor: pointer;
}
.conditional-info-block
    .mmb-inner-info
    .condition__block-wrapper
    input::placeholder {
    color: #919191;
    background: #fff;
    opacity: 1;
}
.conditional-info-block .condition__block-wrapper .connector__block h1:before {
    right: 0;
    margin-left: -50%;
}
.conditional-info-block .condition__block-wrapper .connector__block h1:after,
.conditional-info-block .condition__block-wrapper .connector__block h1:before {
    background-color: #dfe3e8;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
.conditional-info-block .condition__block-wrapper .connector__block h1:after {
    left: 0;
    margin-right: -50%;
}
.conditional-info-block .condition__block-wrapper .delete__rule {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.conditional-info-block .condition__block-wrapper .delete_rule_btn {
    display: block;
    cursor: pointer;
}
.conditional-info-block .condition__block-wrapper .delete_rule_btn svg,
.webhook-card .delete_rule_btn svg {
    display: block;
    height: 20px;
    width: 20px;
    max-height: 100%;
    max-width: 100%;
    margin: auto;
    color: #fff0;
    fill: #637381;
    margin: 0 5px;
}
.conditional-info-block .add__block {
    overflow: hidden;
}
.conditional-info-block .add__block button.btn.transparent-btn {
    padding: 0;
    line-height: normal;
    cursor: pointer;
    height: unset;
    width: fit-content;
    float: right;
    clear: both;
    cursor: pointer;
    color: #505050;
    margin: 15px 6px 30px 0;
    font-size: 13px;
    background: #fff;
    position: relative;
    border: none;
    padding: 0;
    text-transform: inherit;
    text-align: right;
    justify-content: end;
    padding-right: 10px;
}
.conditional-info-block .add__block button i {
    font-size: 15px;
    margin-right: 5px;
}
.conditional-info-block .condition__block-wrapper .selected-count-wrapper {
    background: #f3f6f8;
}
.conditional-info-block .new-search-list.search-list .list-labels {
    padding: 0 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 15px;
}
.conditional-info-block .additional-select-block {
    display: none;
}
.condition_select_block {
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 3px;
    padding-left: 10px;
    padding-right: 10px;
    width: -webkit-fill-available;
    font-size: 13px;
    height: 3rem;
    margin: 0 0 8px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #46a07e;
}
.condition_select_block.selected_product_block {
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 3px;
    padding-left: 10px;
    padding-right: 10px;
    width: -webkit-fill-available;
    font-size: 13px;
    color: #000;
    height: 3.8rem;
    margin: 0 0 8px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    color: #46a07e;
    position: relative;
}
.condition_select_block .selected-product-link {
    background: #ebebeb;
    color: #000;
    padding: 9px 15px;
    display: flex;
    align-items: center;
    border-radius: 3px;
}
.condition_select_block .selected-product-link i {
    font-size: 15px;
    margin-left: 10px;
}
.condition_select_block .add-selected-product-link i {
    font-size: 20px;
    margin-left: 8px;
    font-weight: 200;
}
.automation_then_filter_condition_static {
    align-self: flex-end;
    width: 50px;
    margin-bottom: 7px;
    flex: 0 0 20px;
}
.automation_then_filter_condition_static .auto-static-text-wrapper-first:after {
    background-color: #d3d3d3;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50px;
    left: 0%;
    top: -6px;
    margin-right: 0;
}
.automation_then_filter_condition_static
    .auto-static-text-wrapper-second:after {
    background-color: #d3d3d3;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50px;
    left: 0;
    top: -5px;
    margin-right: 0;
}
.automation_then_filter_condition_static .auto-static-text {
    border: 1px solid blue;
    display: inline-block;
    padding: 1px 8px;
    border-radius: 15px;
    background: #fff;
    color: blue;
    font-size: 11px;
    z-index: 9999;
}
.automation_then_filter_flex_wrapper {
    display: flex;
    align-items: center;
    margin-top: 20px;
    margin-left: 25px;
}
.conditional-info-block
    .mmb-inner-info
    .condition__block-wrapper
    .automation_then_filter_flex_wrapper
    input {
    margin-bottom: 0;
}
.conditional-info-block .input-field-wrapper {
    display: flex;
    align-items: center;
    border: 1px solid #efefef;
    background: #fff;
    padding-right: 10px;
    border-radius: 3px;
}
.conditional-info-block .input-field-wrapper.mmb-error,
.conditional-info-block .condition_select_block.mmb-error {
    border: 1px solid #bf0711;
}
.conditional-info-block .input-field-wrapper.input-start-field-wrapper {
    padding-left: 15px;
}
.conditional-info-block .input-field-wrapper.input-start-field-wrapper span {
    font-size: 13px;
}
.conditional-info-block .input-field-wrapper.input-start-field-wrapper input {
    border-left: 1px solid #f5f5f5 !important;
    border-radius: 0;
    margin-left: 12px;
}
.conditional-info-block
    .mmb-inner-info
    .condition__block-wrapper
    .input-field-wrapper
    input {
    border: none;
    box-shadow: none;
}
.conditional-info-block
    .mmb-inner-info
    .condition__block-wrapper
    .input-field-wrapper
    input:placeholder-shown
    + span {
    display: none;
}
.conditional-info-block
    .mmb-inner-info
    .condition__block-wrapper
    .input-field-wrapper
    input:placeholder-shown
    + span.mmb-error {
    display: block;
}
.conditional-info-block
    .mmb-inner-info
    .condition__block-wrapper
    .input-field-wrapper
    input::-webkit-outer-spin-button,
.conditional-info-block
    .mmb-inner-info
    .condition__block-wrapper
    .input-field-wrapper
    input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.conditional-info-block
    .mmb-inner-info
    .condition__block-wrapper
    .input-field-wrapper
    span {
    color: #7e7e7e;
}
.automation-form .mmb-wrapper label {
    font-size: 15px;
    font-weight: 600;
    display: block;
    padding-bottom: 15px;
    color: #323232;
}
.automation-form .mmb-label .label-title {
    font-size: 18px;
    font-weight: 600;
}
.automation-form .mmb-wrapper [type="radio"]:checked + span {
    line-height: 25px;
}
.automation-form .mmb-wrapper .automation_then_filter_flex_wrapper label {
    font-size: 13px;
    font-weight: 500;
    display: block;
    padding-bottom: 5px;
    padding-left: 2px;
}
.automation-form .select-all-wrapper {
    display: none;
}
.condition_select_block.selected_product_block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: unset;
}
.condition_select_block.selected_product_block ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0;
}
.condition_select_block.selected_product_block .list-labels {
    display: flex;
    align-items: center;
    font-size: 15px;
    background: #f5f5f5;
    border-radius: 100px;
    padding: 1px 20px 1px 1px;
    margin-right: 14px;
    margin-bottom: 14px;
}
.condition_select_block.selected_product_block span.search-img {
    width: 35px;
    height: 35px;
    margin-right: 10px;
}
.condition_select_block.selected_product_block .search-img img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 4px;
}
.condition_select_block.selected_product_block .product-name {
    font-size: 13px;
    font-weight: 400;
    width: fit-content;
    color: #000;
}
.condition_select_block.selected_product_block .product-name .custom-tooltip {
    text-decoration: none;
}
.condition_select_block.selected_product_block .product-title-span-text {
    max-width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.condition_select_block.selected_product_block .product-title-variant-span {
    display: flex;
    align-items: center;
    font-size: 11px;
    color: #949494;
    padding-top: 2px;
    padding-bottom: 2px;
}
.condition_select_block.selected_product_block .product-title-more-text {
    font-size: 13px;
    color: #323232;
    font-weight: 500;
    border-bottom: 1px dotted #323232;
    cursor: pointer;
}
.condition_select_block.selected_product_block
    .list-labels.transparent-list-labels {
    background: #fff0;
}
.condition_select_block .add-selected-product-link {
    width: 100%;
    font-size: 13px;
    text-align: right;
    align-items: center;
    display: flex;
    justify-content: end;
    padding-bottom: 12px;
}
.condition_select_block .add-selected-product-link span {
    text-decoration: underline;
}
.condition__block-wrapper .custom-info-card {
    background: #e8f5fa;
    border: 1px solid #47c0bf;
    border-radius: 4px;
    margin: 20px 60px 10px 20px;
}
.condition__block-wrapper .custom-info-card.custom-warning-card {
    background: #fdf7e3;
    border: 1px solid #e0b878;
    margin-top: 20px;
    border-radius: 4px;
    margin-bottom: 20px;
    margin: 20px 60px 10px 20px;
}
.condition__block-wrapper .custom-info-card .card-content {
    padding: 10px 10px;
}
.condition__block-wrapper .custom-info-card .setup-para {
    display: block;
    font-size: 12px;
    font-weight: 400;
    padding-top: 0;
}
.condition__block-wrapper .custom-info-card .setup-header {
    padding: 0 12px;
}
.list-automation-section .mmb-wrapper .toggle-switch label {
    cursor: pointer;
    padding-bottom: 0;
}
.condition_select_block.selected_product_block .custom-loading-icon {
    text-align: center;
    width: 100%;
    padding: 20px 20px;
    height: 42px;
    background-size: 30px 30px !important;
}
.list-automation-section .mmb-wrapper .right-align-flex {
    display: flex;
    align-items: center;
    width: max-content;
    justify-content: flex-end;
}
.list-automation-section .mmb-wrapper .right-align-box-wrapper,
.right-align-box-wrapper.webhook-right-align-box-wrapper {
    display: flex;
    align-items: center;
    margin-left: 20px;
    border: 1px solid #c4cdd5;
    border-radius: 3px;
}
.list-automation-section
    .mmb-wrapper
    .toggle-switch.settings-switch
    .switch-name {
    font-size: 14px;
    font-weight: 500;
    display: block;
    padding-bottom: 0;
    color: #595959;
    margin-right: 80px;
}
.list-automation-section .mmb-wrapper .right-align-box,
.right-align-box,
.right-align-box-wrapper.webhook-right-align-box-wrapper
    .webhook-right-align-box {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 9px 12px;
    background: linear-gradient(180deg, #fff, #f9fafb);
    box-shadow: 0 1px 0 0 rgb(22 29 37 / 5%);
    border-radius: 0;
    line-height: 1;
    color: #212b36;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    -webkit-tap-highlight-color: #fff0;
}
.list-automation-section .mmb-wrapper .right-align-box:hover {
    background: linear-gradient(180deg, #f9fafb, #f4f6f8);
}
.list-automation-section .mmb-wrapper .right-align-box-wrapper a,
.right-align-box-wrapper.webhook-right-align-box-wrapper a {
    border-right: 1px solid #c4cdd5;
}
.list-automation-section
    .mmb-wrapper
    .right-align-box-wrapper
    .right-align-box
    svg,
.right-align-box-wrapper.webhook-right-align-box-wrapper
    .webhook-right-align-box
    svg {
    width: 16px;
    fill: #637381;
}
label.opacity-hidden {
    opacity: 0;
}
.conditional_then_msg {
    font-size: 13px;
    padding: 18px 20px 10px 20px;
    line-height: 22px;
    text-align: left;
    color: #5e5e5e;
    display: block;
}
.conditional_then_msg .condition-change {
    color: #46a07e;
    cursor: pointer;
    text-decoration: underline;
}
.warning-icon-filler,
.info-icon-filler {
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    margin: 0.4rem;
    height: 20px;
    width: 20px;
    max-height: 100%;
    max-width: 100%;
}
.warning-icon-filler:before {
    content: "";
    position: absolute;
    top: -0.4rem;
    bottom: -0.4rem;
    left: -0.4rem;
    right: -0.4rem;
    border-radius: 50%;
    background-color: #ffea8a;
}
.warning-icon-filler svg {
    fill: #8a6116;
    color: #fff0;
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}
.info-icon-filler:before {
    content: "";
    position: absolute;
    top: -0.4rem;
    bottom: -0.4rem;
    left: -0.4rem;
    right: -0.4rem;
    border-radius: 50%;
    background-color: #b7ecec;
}
.info-icon-filler svg {
    fill: #00848e;
    color: #fff0;
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}
.using-selector {
    align-self: flex-end;
    width: 90px;
    margin-bottom: 10px;
    flex: 0 0 90px;
}
.using-selector b:after,
.using-selector b:before {
    background-color: #dfe3e8;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 45%;
}
.using-selector b:before {
    right: 0;
    margin-left: -50%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 30%;
    top: -40px;
    width: 56px;
}
.using-selector span {
    border: 1px solid #5846a0;
    display: inline-block;
    padding: 1px 8px;
    border-radius: 15px;
    background: #fff;
    color: #5846a0;
    font-size: 11px;
    margin-left: -32px;
}
.using-selector[data-selector="to"] {
    width: 70px;
    flex: 0 0 70px;
}
.connector-selector,
.policy-input-selector {
    align-self: flex-end;
    width: 90px;
    flex: 0 0 90px;
    margin-left: 8px;
    padding: 25px 0 5px 0;
    text-align: center;
}
.connector-selector b:after,
.connector-selector b:before,
.policy-input-selector b:after,
.policy-input-selector b:before {
    background-color: #dfe3e8;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 45%;
    right: 0;
    margin-left: -50%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 19%;
    top: 23px;
    width: 24px;
}
.connector-selector b:before,
.policy-input-selector b:before {
    right: 0;
    margin-left: -50%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 12%;
    top: -24px;
    width: 24px;
}
.connector-selector span,
.policy-input-selector span {
    border: 1px solid #5846a0;
    display: inline-block;
    padding: 1px 8px;
    border-radius: 15px;
    background: #fff;
    color: #5846a0;
    font-size: 11px;
    margin-left: -18px;
}
.automation-form .mmb-label {
    flex-basis: 28%;
}
.automation-form .mmb-info {
    flex-basis: 74%;
}
.highlight-products {
    box-shadow: 0 0 0 #e8bf7c;
    animation: custom-pulse-anim 5s infinite;
}
.highlight-products {
    background: #fff3f1;
}
.condition__block-wrapper .custom-tooltip {
    cursor: pointer;
}
.condition__block-wrapper .custom-tooltip--bottom::before,
.condition__block-wrapper .custom-tooltip--bottom::after {
    top: 100%;
    left: 50%;
    transform: translate(-35%);
    margin-top: 23px;
}
.condition__block-wrapper .custom-tooltip--bottom::after {
    margin-top: 16px;
    border-left: 5px solid #fff0;
    border-right: 5px solid #fff0;
    border-bottom: 7px solid rgb(0 0 0 / 0.7);
}
.then-flex-error.mmb-error-msg {
    padding-left: 115px;
    padding-top: 13px;
    font-size: 13px;
}
.then-flex-error .then-flex-error-msg {
    text-transform: lowercase;
}
.btn.secondary-btn.secondary-btn-green.text-none {
    text-transform: none;
}
.detailed-tooltip {
    position: relative;
}
.detailed-tooltip .detailed-tooltiptext {
    visibility: hidden;
    width: max-content;
    max-width: 600px;
    background: #2a2a2a;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 100%;
    right: 0;
    margin-left: -60px;
    text-align: left;
    padding: 8px 15px;
    font-size: 13px;
    font-weight: 500;
}
.detailed-tooltip .detailed-tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 38px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #fff0 #fff0 #000 #fff0;
}
.detailed-tooltip .detailed-tooltiptext span {
    padding-bottom: 6px;
    display: block;
    font-size: 13px;
}
.detailed-tooltip .detailed-tooltiptext span:last-child {
    padding-bottom: 0;
}
.detailed-tooltip:hover .detailed-tooltiptext {
    visibility: visible;
}
.ecom_store_wrapper.detailed-tooltip .detailed-tooltiptext::after,
.left-tooltip-wrapper .detailed-tooltip .detailed-tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 38px;
    right: unset;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #fff0 #fff0 #000 #fff0;
}
.ecom_store_wrapper.detailed-tooltip .detailed-tooltiptext,
.left_tooltip-wrapper .detailed-tooltip .detailed-tooltiptext {
    top: calc(100% + 10px);
    right: 5px;
}
.modal.import-export-modal .modal-header-title .automation-rule-name {
    border-bottom: 1px dotted #000;
}
.modal.import-export-modal .modal-header-title.accordion-modal-title {
    font-size: 16px;
    font-weight: 500;
}
.alert-info-empty-text {
    font-size: 14px;
}
body.overflow-hidden {
    overflow-y: hidden;
}
.alert-info-empty-text {
    font-size: 14px;
}
.card.new-card.empty-card .no-store-wrapper {
    min-height: calc(100vh - 200px);
    justify-content: center;
}
.card.new-card.empty-card .no-store-wrapper .empty-card-link {
    text-decoration: underline;
}
.card.new-card.empty-card .no-store-wrapper .empty-card-link svg {
    width: 11px;
    height: 11px;
    margin-left: 5px;
    background: no-repeat;
    fill: #46a07e;
}
.card.new-card.empty-card .no-store-wrapper .no-plans-svg {
    max-width: 250px;
}
.card.new-card.empty-card .no-store-wrapper .no-plans-svg.no-subscription-svg {
    margin-bottom: 45px;
}
.card.new-card.empty-card .no-store-wrapper .empty-card-heading {
    font-size: 17px;
    font-weight: 700;
    padding-bottom: 10px;
}
.card.new-card.empty-card .no-store-wrapper .empty-card-text {
    display: block;
    font-size: 14px;
    max-width: 500px;
    font-weight: 500;
    padding-bottom: 10px;
}
.card.new-card.empty-card .or-connector {
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 0;
}
.card.new-card.empty-card a.hyperlink-with-icon {
    display: flex;
    align-items: center;
    margin-top: 15px;
    text-decoration: underline;
}
.card.new-card.empty-card a.hyperlink-with-icon i {
    font-size: 15px;
    margin-right: 5px;
}
.card.new-card.empty-card .btn.secondary-btn.secondary-btn-green.text-inherit {
    text-transform: inherit;
    margin-top: 20px;
}
.info-card.dashboard-white-card {
    box-shadow: none;
    border: 1px solid #000;
    background-color: #fff0;
}
.info-card.dashboard-white-card .info-card-button {
    box-shadow: none;
    color: #fff;
    border: 1px solid #000;
    background-color: #000;
}
.custom-info-card.translation-info-card .card-content a {
    color: #323232;
    text-decoration: underline;
}
.order-view-section .address-row .subscription-prod-desc {
    font-size: 12px;
}
.custom-info-card.custom-warning-card.installation-warning-card {
    margin-bottom: 0;
    margin-top: 30px;
}
.custom-info-card.custom-warning-card.installation-warning-card .setup-head {
    font-size: 14px;
}
.custom-info-card.custom-warning-card.installation-warning-card .setup-para {
    font-size: 12px;
}
.uninstall-btn-wrapper-flex {
    display: flex;
    align-items: center;
}
.app-wrapper .bootstrap-tagsinput {
    box-shadow: none;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    padding: 2px 0;
}
.app-wrapper .bootstrap-tagsinput input,
.app-wrapper .bootstrap-tagsinput input[type="text"] {
    height: unset;
    padding: 10px 10px;
}
.app-wrapper .bootstrap-tagsinput .badge {
    float: left;
    margin: 5px 5px 5px 5px;
    display: flex;
    width: fit-content;
    align-items: center;
    padding: 3px 5px 3px 12px;
    height: unset;
    background: #e2e2e2;
    color: #515151;
    font-size: 13px;
    border: 1px solid #e3e3e3;
    border-radius: 35px;
}
.app-wrapper .bootstrap-tagsinput .badge [data-role="remove"]:after {
    content: "\00d7";
    padding: 1px 6px;
    background-color: rgb(0 0 0 / 0.1);
    border-radius: 50%;
    font-size: 13px;
}
.app-wrapper .bootstrap-tagsinput .badge [data-role="remove"]:hover:after {
    background-color: rgb(0 0 0 / 0.62);
    color: #fff;
}
.bootstrap-tagsinput.mmb-error {
    border: 1px solid #bf0711;
}
.flex-wrapper-swap-first {
    display: flex;
    align-items: center;
}
.flex-wrapper-swap-first .main-input {
    width: 100%;
    padding-right: 14px;
}
.flex-wrapper-swap-last {
    display: flex;
    align-items: center;
}
.flex-wrapper-swap-last .main-input {
    width: 100%;
    padding-right: 0;
}
.automation_then_filter_flex_wrapper.without_flex_wrapper {
    display: block;
    margin-right: 15px;
    margin-left: 15px;
}
.automation_then_filter_flex_wrapper.without_flex_wrapper
    .flex-wrapper-swap-first
    label {
    display: none;
    background: #fff;
    border: 1px solid #efefef;
    border-bottom: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.automation_then_filter_flex_wrapper.without_flex_wrapper
    .automation_then_filter_condition_static
    .auto-static-text-wrapper-first:after {
    background-color: #dfe3e7;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 60px;
    left: 0%;
    top: 11px;
    margin-right: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.swapped-product-flex-wrapper {
    border-bottom: none;
    margin-bottom: 10px;
}
.order-view-section
    .swapped-product-flex-wrapper
    .product-box-line:first-child {
    padding: 10px 0 10px 0;
}
.order-view-section .swapped-product-flex-wrapper .product-left-side-flex {
    display: flex;
    align-items: center;
    width: 45%;
    margin-right: 40px;
}
.swapped-product-flex-wrapper .swap-icon-wrapper {
    width: 10%;
    text-align: center;
}
.swapped-product-flex-wrapper .swap-icon-wrapper svg {
    width: 36px;
    fill: #828282;
    height: 23px;
    width: 25px;
    max-height: 100%;
    max-width: 100%;
}
.swapped-product-flex-wrapper .product-right-side-flex {
    margin-right: 0;
    width: 45%;
    text-align: left;
    margin-left: 20px;
}
.swapped-product-flex-wrapper .product-right-side-flex .product-left-side-flex {
    width: 100%;
    margin-right: 6px;
}
.swap-note-wrapper {
    display: flex;
    align-items: center;
    margin-left: 0;
    padding: 10px 10px 10px 0;
    border-top: 1px dashed #e2e2e2;
    border-bottom: 1px dashed #e2e2e2;
    text-align: center;
    justify-content: space-between;
}
.swap-note-text {
    padding-left: 11px;
    font-size: 12px;
    color: #909090;
}
.swap-note-wrapper .table-product-price {
    padding-right: 10px;
}
.custom-info-card.subscription-automation-info-card {
    margin: 0;
    margin-top: 15px;
    line-height: 23px;
}
.custom-info-card.item-price-update-card {
    margin: 0;
    margin-top: 15px;
    line-height: 23px;
}
.custom-info-card.item-price-update-card .card-content {
    padding: 5px 10px;
}
.custom-info-card.item-price-update-card .info-icon-filler {
    height: 16px;
    width: 16px;
}
.custom-info-card.item-price-update-card .setup-header {
    padding-left: 10px;
}
.custom-info-card.item-price-update-card .setup-para {
    font-size: 13px;
    padding-top: 0;
}
.custom-info-card.item-price-update-card .setup-para span {
    font-size: 13px;
    font-weight: 700;
}
.subscription-automation-info-card .setup-para a {
    color: #323232;
    font-weight: 700;
    border-bottom: 1px dashed #323232;
}
.condition_select_block.selected_product_block[data-count="1"] {
    position: relative;
}
.condition_select_block.selected_product_block[data-count="1"] .list-labels {
    background: #fff;
    border-radius: 0;
    padding-right: 80px;
}
.condition_select_block.selected_product_block[data-count="1"] span.search-img {
    width: 50px;
    height: 50px;
}
.condition_select_block.selected_product_block[data-count="1"] .search-img img {
    width: 50px;
    height: 50px;
    margin-right: 15px;
    border: 1px solid #f0f0f0;
    border-radius: 3px;
    object-fit: contain;
}
.condition_select_block.selected_product_block[data-count="1"]
    .add-selected-product-link {
    text-align: right;
    justify-content: flex-end;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    padding-bottom: 0;
    width: fit-content;
}
.flex-wrapper-swap-first .mmb-error-msg {
    padding-left: 4px;
    position: absolute;
    background: #f3f6f8;
    z-index: 99;
    margin-top: -7px;
    padding-top: 6px;
    padding-bottom: 5px;
}
.condition__block-wrapper
    .condition_inner_block
    .custom-info-card.custom-warning-card {
    margin-right: 15px;
}
.product-hyperlink-sku {
    color: #323232;
    text-decoration: underline;
}
.automation-form .mmb-wrapper .mmb-inner-info input.mmb-error {
    margin-bottom: 0;
}
.settings-wrapper-list .settings-menu {
    display: flex;
    flex-wrap: wrap;
    padding: 16px;
    list-style-type: none;
    margin: 0;
}
.settings-wrapper-list .settings-menu-item {
    width: 33.3%;
    display: flex;
    margin: 0;
}
.settings-wrapper-list .settings-menu-item.disabled a {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}
.settings-wrapper-list .settings-menu-link {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-transform: none;
    letter-spacing: normal;
    display: flex;
    width: 100%;
    padding: 25px 25px;
    border: 0;
    color: #212b36;
    cursor: pointer;
    border-radius: 3px;
}
.settings-wrapper-list .settings-menu-link:hover {
    background: #f9f9f9;
}
.settings-wrapper-list .settings-menu-icon {
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin-right: 16px;
    background-color: #f4f6f8;
}
.settings-wrapper-list .settings-icon-svg-wrapper {
    display: block;
    height: 20px;
    width: 20px;
    max-height: 100%;
    max-width: 100%;
    margin: auto;
}
.settings-wrapper-list .settings-icon-svg-wrapper .settings-icon-svg {
    color: #fff0;
    fill: #637381;
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}
.settings-wrapper-list .settings-menu-desc {
    color: #637381;
    margin: 0;
    font-size: 13px;
}
.settings-wrapper-list .settings-menu-title {
    font-weight: 600;
    margin: 0;
    color: #4d4d4d;
    font-size: 14px;
}
.sidenav-main .setup-guide-wrapper {
    left: 0;
    width: 100%;
    z-index: 999;
    border-top: 1px solid #ffd797;
    background: #ffe3ba;
    bottom: 55px;
    list-style: none;
    display: flex;
    align-items: center;
    padding: 15px 16px;
    color: #000;
    justify-content: space-between;
    position: absolute;
}
.sidenav-main .setup-guide-text {
    display: flex;
    align-items: center;
}
.sidenav-main .setup-guide-svg {
    width: 18px;
    height: 18px;
    margin-right: 6px;
    fill: #000;
}
.sidenav-main .setup-guide-pending {
    font-weight: 400;
    font-size: 13px;
    margin-left: 4px;
}
.sidenav-main .setup-guide-span {
    font-size: 14px;
    font-weight: 600;
}
.sidenav-main .setup-guide-icon {
    font-size: 20px;
}
.setup_box_wrapper {
    display: block;
    box-shadow:
        0 0 0 1px rgb(63 63 68 / 5%),
        0 1px 3px 0 rgb(63 63 68 / 15%);
    border: 1px solid #fff;
    border-radius: 8px;
    background: #fff;
    margin-bottom: 20px;
    margin-top: 25px;
}
.setup_box_wrapper .setup_progress_bar {
    display: none;
}
.setup_box_wrapper .setup_tab_header {
    background: #fff;
    border-bottom: 1px solid rgb(63 63 68 / 0.17);
}
.setup_box_wrapper .setup_tab_heading {
    padding: 15px 15px;
    color: #212b36;
    margin: 5px;
    font-weight: 600;
    font-size: 16px;
}
.setup_box_wrapper .setup-tabs {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgb(0 0 0 / 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum", "tnum";
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}
.setup_box_wrapper .setup-tabs-nav {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: none;
    flex: none;
    -ms-flex-align: center;
    align-items: center;
    background: #f9f9f9;
    border-bottom-left-radius: 8px;
}
.setup_box_wrapper .setup-tabs .setup-tabs-nav-wrap {
    position: relative;
    display: inline-block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: auto;
    flex: auto;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    overflow: hidden;
    white-space: nowrap;
    -webkit-transform: translate(0);
    transform: translate(0);
}
.setup_box_wrapper .setup-tabs .setup-tabs-nav-list {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    flex-direction: column;
    transition:
        transform 0.3s,
        -webkit-transform 0.3s;
}
.setup_box_wrapper .setup-tabs-tab {
    color: #212b36;
    cursor: pointer;
    margin: 0;
    text-align: left;
    min-width: 200px;
    padding: 22px 22px;
    border-bottom: 1px solid rgb(63 63 68 / 0.17);
}
.setup_box_wrapper .setup-tabs-tab.setup-tabs-tab-active {
    background: #fff;
    position: relative;
}
.setup-tabs-tab.setup-tabs-tab-active::before {
    content: "";
    position: absolute;
    background-color: #46a07e;
    width: 4px;
    height: 100%;
    bottom: 0;
    left: -1px;
}
.setup_box_wrapper .setup-tabs-tab.setup-tabs-tab-active .setup-tabs-tab-btn {
    color: #1890ff;
    font-weight: 500;
}
.setup_box_wrapper .setup-tabs .setup_tab_heading {
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 0;
    color: #212b36;
    font-weight: 600;
    font-size: 14px;
}
.setup_box_wrapper .setup_status_svg {
    display: inherit;
    margin-top: -4px;
    margin: 0;
}
.setup_box_wrapper .setup-tabs .setup_tab_heading svg {
    height: 20px;
    width: 20px;
    margin: 0 8px 0 0;
}
.setup_box_wrapper .setup-tabs-content-holder {
    margin-left: -1px;
    width: 100%;
    background: #fff;
    border-left: 1px solid #f0f0f0;
    border-bottom-right-radius: 8px;
}
.setup_box_wrapper .setup-tabs-content {
    background: #fff;
    padding-top: 15px;
    display: flex;
    width: 100%;
    border-bottom-right-radius: 8px;
}
.setup_box_wrapper .setup-tabs-tabpanel {
    padding-left: 24px;
    display: none;
    width: 100%;
    position: relative;
}
.setup_box_wrapper .setup-tabs-tabpanel.setup-tabs-tabpanel-active {
    display: block;
}
.setup_box_wrapper .setup_flex_wrapper {
    display: flex;
    margin-bottom: 10px;
}
.setup_box_wrapper .setup_flex_one {
    width: 60%;
}
.setup_box_wrapper .setup_flex_one h2 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 12px;
}
.setup_box_wrapper .setup_flex_one p {
    color: rgb(0 0 0 / 0.89);
    line-height: 21px;
    font-size: 13px;
    margin-bottom: 16px;
}
.setup_box_wrapper .setup_flex_two {
    width: 40%;
    margin-right: 12px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}
.setup_box_wrapper .setup_flex_two img {
    width: 200px;
}
.setup_box_wrapper .setup_plan_footer .btn {
    padding: 3px 25px;
    height: unset;
    min-width: 175px;
}
.setup_box_wrapper .setup_plan_footer .btn.setup-plan-btn {
    width: 300px;
    background: #000 !important;
}
.setup_box_wrapper .setup_plan_footer .learn-more-redirect {
    margin-left: 15px;
}
.setup_box_wrapper .setup_plan_footer {
    display: flex;
    align-items: center;
    padding: 15px 0 20px 0;
}
.setup_box_wrapper ul:not(.browser-default) > li {
    padding-bottom: 10px;
    list-style-type: disclosure-closed;
    padding-left: 8px;
}
.setup_box_wrapper .setup_plan_footer .btn--secondary {
    margin: 0;
    height: unset;
    font-size: 13px;
    padding: 10px 25px;
    margin-left: 10px;
}
.dashboard-card-layout-wrapper {
    display: flex;
    height: 100%;
    margin: 25px 0;
    justify-content: space-between;
}
.dashboard-card-layout {
    box-shadow:
        0 0 0 1px rgb(63 63 68 / 5%),
        0 1px 3px 0 rgb(63 63 68 / 15%);
    border: none;
    border-radius: 8px;
    background: #fff;
    padding: 20px 20px;
    width: 50%;
    text-align: center;
}
.dashboard-card-layout.dashboard-card-full-layout {
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
}
.dashboard-card-layout-wrapper
    .dashboard-card-layout.dashboard-card-center-layout {
    width: 100%;
    margin: 0;
}
.dashboard-card-layout.dashboard-card-center-layout
    .dashboard-card-content-wrapper {
    max-width: 700px;
    margin: 0 auto;
}
.dashboard-card-img-wrapper {
    position: relative;
}
.dashboard-card-layout.dashboard-card-full-layout .dashboard-card-img {
    height: 100%;
    margin: 0;
    width: 272px;
    height: 190px;
    object-fit: contain;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.dashboard-card-img-overlay-wrapper {
    position: absolute;
    top: 50%;
    background: #00000024;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    color: #323232;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0.8;
    text-shadow: 0 0 30px rgb(0 0 0 / 50%);
}
.dashboard-card-img-overlay {
    width: 55px;
    height: 55px;
    top: 50%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
}
.dashboard-video-iframe {
    display: none;
}
.dashboard-card-layout.iframe-card-layout {
    flex-direction: column;
}
.dashboard-card-layout.iframe-card-layout .dashboard-video-iframe {
    display: block;
}
.dashboard-card-layout .dashboard-video-iframe {
    display: none;
}
.dashboard-card-img-overlay-wrapper:hover .dashboard-card-img-overlay {
    zoom: 1.2;
}
.dashboard-card-layout.dashboard-card-full-layout
    .dashboard-card-content-wrapper {
    text-align: left;
    margin-left: 0;
    padding: 20px 20px;
}
.dashboard-card-layout.dashboard-card-full-layout .dashboard-card-footer {
    justify-content: flex-start;
}
.dashboard-card-layout-wrapper
    .dashboard-card-layout.dashboard-card-first-layout {
    margin-right: 10px;
}
.dashboard-card-layout-wrapper
    .dashboard-card-layout.dashboard-card-second-layout {
    margin-left: 10px;
}
.dashboard-card-layout .dashboard-card-img {
    display: block;
    margin: 0 auto;
    fill: #637381;
    width: 120px;
    height: 50px;
    margin-bottom: 20px;
}
.dashboard-card-layout .dashboard-card-heading {
    font-size: 16px;
    font-weight: 700;
}
.dashboard-card-layout .dashboard-card-para {
    display: block;
    padding-top: 15px;
    font-size: 14px;
}
.dashboard-card-layout .dashboard-card-footer {
    display: flex;
    align-items: center;
    padding: 25px 0 0 0;
    justify-content: center;
}
.dashboard-card-layout .dashboard-card-footer .btn--secondary {
    margin: 0;
    height: unset;
    font-size: 13px;
    padding: 11px 25px;
}
.setup-card-img-overlay-wrapper {
    position: absolute;
    top: 50%;
    background: #ffffffdb;
    border: none;
    border-radius: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    color: #323232;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0.9;
    z-index: 999;
    text-shadow: 0 0 30px rgb(0 0 0 / 50%);
    background-image: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/loading-black_0b0b7d18-c57e-4895-bdaf-c61cdb3d5f10.svg?v=1637579246) !important;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position: 50% 50%;
}
.plan-wrapper .custom-info-card.plan-info-card {
    margin-top: 12px;
    margin-bottom: 5px;
}
.custom-info-card.plan-info-card {
    margin-top: 0;
    margin-bottom: 30px;
}
.custom-info-card.plan-info-card.discount-info-card {
    margin-top: 15px;
    margin-bottom: 0;
}
.custom-info-card.plan-info-card .card-content {
    padding: 8px 10px;
}
.plan-info-card .info-icon-filler,
.translation-info-card .info-icon-filler {
    height: 16px;
    width: 17px;
}
.custom-info-card.plan-info-card .setup-header {
    padding: 0 10px;
}
.custom-info-card.plan-info-card .setup-para {
    padding-top: 0;
    padding-right: 10px;
    font-size: 13px;
}
.mmb-wrapper .mmb-inner-info .freq-flex-wrapper select.read-only-text-field {
    cursor: not-allowed;
}
.auto_expiry_msg,
.shipping_msg,
.shipping_name_msg {
    font-size: 12px;
    color: #7a7a7a;
    display: block;
    margin-top: 8px;
    padding-left: 4px;
}
.plan-form-wrapper .mmb-wrapper .mmb-inner-info input,
.plan-form-wrapper .mmb-wrapper .mmb-inner-info select.browser-default {
    background: #f6f6f6;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #dedede;
    min-height: 35px;
}
.plan-form-wrapper
    .mmb-wrapper
    .mmb-inner-info
    .freq-flex-wrapper
    select.browser-default {
    text-transform: capitalize;
}
.plan-form-wrapper .mmb-wrapper .mmb-inner-info input.mmb-error,
.plan-form-wrapper
    .mmb-wrapper
    .mmb-inner-info
    select.browser-default.mmb-error {
    border: 1px solid #bf0711;
}
.plan-form-wrapper .mmb-section-spacer {
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: none;
    clear: both;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"] {
    -moz-appearance: textfield;
}
a.redirect-black-icon {
    color: #000;
    text-decoration: underline;
}
a.redirect-black-icon svg {
    width: 10px;
    height: 10px;
    margin-left: 5px;
    background: no-repeat;
}
.input-icon-wrapper .input-icon {
    position: absolute;
    top: calc(50% - 4px);
    color: #939393;
    transform: translateY(-50%);
    height: calc(100% - 12px);
    background: #fafafa;
    display: flex;
    padding: 5px 12px;
    align-items: center;
    justify-content: center;
    right: 16px;
}
.input-icon-wrapper-right input,
.plan-form-wrapper
    .mmb-wrapper
    .mmb-inner-info
    .input-icon-wrapper-right
    input {
    padding-right: 42px;
}
.input-icon-wrapper-left input {
    padding-left: 42px;
}
.plan-form-wrapper
    .mmb-wrapper
    .mmb-inner-info
    .custom-input-box
    .input-icon-wrapper-left
    input {
    padding-left: 30px;
}
.input-icon-wrapper-right .input-icon {
    right: 16px;
    left: unset;
    border-top-right-radius: 2px;
    border-left: 1px solid #efefef;
    border-bottom-right-radius: 2px;
    height: calc(100% - 4px);
    top: 2px;
    transform: unset;
    max-height: 42px;
}
.input-icon-wrapper-left .input-icon {
    left: 16px;
    right: unset;
    border-top-left-radius: 4px;
    bottom: 9px;
    top: unset;
    transform: inherit;
    align-items: flex-end;
    border-bottom-left-radius: 4px;
    background: #fff0;
}
.custom-input-box {
    position: relative;
    margin: 10px 0;
}
.custom-input-box label {
    position: absolute;
    color: #80868b;
    font-size: 13px;
    font-weight: 400;
    max-width: calc(100% - (2 * 8px));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    left: 20px;
    top: 13px;
    padding: 0 7px;
    transition: 250ms;
    user-select: none;
    pointer-events: none;
}
.plan-form-wrapper .mmb-wrapper .mmb-inner-info .custom-input-box input,
.plan-form-wrapper .mmb-wrapper .mmb-inner-info .custom-input-box select,
.plan-form-wrapper .mmb-wrapper .mmb-inner-info .custom-input-box textarea {
    height: unset;
    padding-top: 15px;
    padding-left: 15px;
    min-height: 25px;
    padding-bottom: 3px;
    margin-bottom: 0;
    transition: 250ms;
}
.plan-form-wrapper .mmb-wrapper .mmb-inner-info .custom-input-box input:focus,
.plan-form-wrapper .mmb-wrapper .mmb-inner-info .custom-input-box select:focus {
    outline: none;
    border: 2px solid #46a07e;
    transition: 250ms;
    box-shadow: none;
}
.plan-form-wrapper .mmb-wrapper .mmb-inner-info .custom-input-box.focus select {
    line-height: 1.5;
    height: 45px;
    padding-left: 10px;
}
.custom-input-box.error label {
    color: #f44336;
    top: -8px;
    background: #fff;
    font-size: 12px;
    transition: 250ms;
}
.custom-input-box.error input {
    border: 2px solid #f44336;
}
.custom-input-box.focus label,
.custom-input-box.active label {
    color: #6f6f6f;
    top: -9px;
    font-weight: 600;
    background: #fff;
    font-size: 13px;
    transition: 250ms;
    z-index: 10;
}
.custom-input-box.active input {
    border: 2px solid #1a73e8;
}
.plan-form-wrapper
    .mmb-wrapper
    .mmb-inner-info
    .custom-input-box
    .shipping-charges-wrapper {
    display: flex;
    align-items: center;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
}
.plan-form-wrapper
    .mmb-wrapper
    .mmb-inner-info
    .custom-input-box
    .shipping-charges-wrapper
    input {
    margin-bottom: 0;
    border: none;
}
.plan-form-wrapper
    .mmb-wrapper
    .mmb-inner-info
    .custom-input-box
    .shipping-charges-wrapper
    select.browser-default {
    border: none;
    border-left: 1px solid #e2e2e2;
    background: #fff;
    border-radius: 2px;
    width: fit-content;
    height: 3rem;
    padding-top: 2px;
}
.plan-form-wrapper
    .mmb-wrapper
    .mmb-inner-info
    .custom-input-box
    .shipping-charges-wrapper
    input {
    padding: 5px 5px;
    margin-top: 4px;
}
.plan-form-wrapper
    .mmb-wrapper
    .mmb-inner-info
    .custom-input-box
    .shipping-charges-wrapper.mmb-error {
    border: 1px solid #bf0711;
}
.plan-form-wrapper
    .mmb-wrapper
    .mmb-inner-info
    .custom-input-box
    .shipping-charges-wrapper
    .input-icon {
    position: unset;
    left: 28px;
    top: 18px;
    color: #7d7d7d;
    padding-left: 10px;
    padding-top: 4px;
}
.analytics-overlay-wrapper {
    position: relative;
}
.analytics-overlay-img {
    width: 100%;
    filter: blur(10px);
}
.analytics-overlay-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fff;
    box-shadow: none;
    border: 1px solid #f6f6f6;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    text-align: center;
    padding: 30px 25px 30px 25px;
    font-weight: 700;
    min-height: calc(100vh - 30vh);
    margin-top: 10px;
}
.analytics-overlay-card-img {
    width: 250px;
    margin-top: 30px;
    margin-bottom: 35px;
}
.analytics-overlay-card-heading {
    display: block;
    text-align: center;
    font-size: 19px;
    margin-bottom: 15px;
}
.analytics-overlay-card-desc {
    display: block;
    margin-bottom: 25px;
    max-width: 550px;
    font-weight: 400;
}
.analytics-overlay-card-desc .paid-msg {
    display: block;
    font-weight: 700;
    margin-top: 12px;
}
.analytics-overlay-card .btn {
    padding: 3px 30px;
    height: unset;
    text-transform: inherit;
}
#card-stats .card {
    background: #fff !important;
    color: #000 !important;
    box-shadow: none;
    border: 1px solid #eaeaea;
    border-radius: 10px;
}
.card.new-card.analytics-card {
    border-radius: 10px;
}
.row .col.home-section {
    max-width: 900px;
    margin: 0 auto;
    display: block;
    float: unset;
}
.row .col.embed-home-section {
    max-width: 65.375rem;
    margin: 0 auto;
    display: block;
    float: unset;
}
.row .col.embed-section {
    max-width: 71.375rem;
    margin: 0 auto;
    display: block;
    float: unset;
}
.row .col.embed-settings-section {
    max-width: 74rem;
    margin: 0 auto;
    display: block;
    float: unset;
}
.custom-info-card.gateway-info-card {
    margin-top: 0;
    margin-bottom: 20px;
}
.top-alert-bar {
    display: none;
    background: #ffe3ba;
    border-bottom: 1px solid #ffd9a1;
    font-size: 13px;
    font-weight: 600;
    justify-content: center;
    padding: 8px 10px;
    align-items: center;
    position: relative;
}
.top-alert-bar i {
    font-size: 19px;
}
.top-alert-bar span {
    padding-left: 12px;
}
.top-alert-bar a {
    color: #000;
    text-decoration: underline;
}
table.dataTable.clickable-data-table tr {
    cursor: pointer;
}
.magic-link-div {
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: #e8e8e8;
    margin: 15px 5px;
    padding: 12px 10px;
    font-size: 13px;
}
.magic-link-div img {
    width: 16px;
    margin-right: 10px;
}
.magic-link-div .magic-signin-link {
    text-decoration: underline;
}
.manual-signin-link {
    color: #2d8268;
}
.magic-link-wrapper {
    display: none;
}
.expert-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 18px;
}
.expert-icon-wrapper i {
    margin-right: 8px;
}
.expert-icon-wrapper .expert-icon-text {
    text-decoration: underline;
    cursor: pointer;
}
.row .col.magic-link-card {
    margin: 0;
    padding: 0;
}
.login-divider {
    display: block;
    text-align: center;
    padding: 5px 5px 15px 5px;
    font-size: 15px;
    font-weight: 700;
}
.magic-signin-link {
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    background: #f4f4f4;
    border: 1px solid #e2e2e2;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    padding: 10px 10px;
    border-radius: 6px;
}
.magic-signin-link svg {
    width: 18px;
    margin-right: 10px;
}
.login-live-chat {
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    text-align: left;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 20px;
}
.login-live-chat.active-chat {
    display: flex;
}
.login-live-chat-text {
    text-decoration: underline;
}
.edit-subscription-success {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #d9eae3;
    font-weight: 600;
    border-color: #c9e8db;
    color: #323232;
    padding: 6px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 4px;
    margin: 15px 0;
    margin-bottom: 5px;
    border: 2px solid #c9e8db;
}
.create-subscription-success {
    align-items: center;
    padding: 8px 10px;
    display: flex;
    justify-content: flex-start;
    background: #d9eae3;
    font-weight: 600;
    border-color: #c9e8db;
    color: #323232;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 4px;
    margin: 15px 0;
    margin-bottom: 5px;
    border: 2px solid #c9e8db;
}
.create-subscription-success.with-copy-link {
    align-items: flex-start;
}
.edit-subscription-success img,
.create-subscription-success img {
    width: 35px;
    height: 35px;
    margin-right: 8px;
}
.subscription-detail-card .subscription-detail-card-content {
    border-top: 1px solid #eaeaea;
}
.subscription-detail-card .subscription-detail-card-summary {
    display: none;
}
.subscription-detail-card .view-detailed-link {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 12px;
    margin-top: 3px;
    margin-right: 12px;
    color: #737373;
}
.subscription-detail-card .view-detailed-span {
    font-size: 12px;
}
.subscription-detail-card .view-detailed-span:hover {
    text-decoration: underline;
    cursor: pointer;
}
.subscription-detail-card .view-detailed-link i {
    font-size: 18px;
    font-weight: 300;
}
.detailed-side-card p.empty-data-found {
    font-size: 13px;
    color: #727272;
    padding-top: 2px;
}
.edit-subscription-page .skip-subscription-text {
    margin: 0;
    border-radius: 4px;
    margin-bottom: 0;
    box-shadow: 1px 1px 2px #efefef;
    border: 1px solid #f1f1f1;
    border-left: 3px solid #f0aa40;
    background: #fff;
    color: #f0aa40;
    display: flex;
    font-size: 14px;
    align-items: center;
    font-weight: 500;
    padding: 12px 20px;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 15px;
}
.edit-subscription-page .skip-subscription-text i {
    color: #f0aa40;
    padding-right: 10px;
}
.subscription-box {
    background: #fff;
}
.edit-subscription-page .subscription-info-wrapper.edit-subscription-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    color: #000;
    font-weight: 700;
    padding: 15px 30px 15px 30px;
    box-shadow: 0 1px 2px #efefef;
}
.edit-subscription-page .edit-subscription-box .subscription-top-heading,
.edit-subscription-page .edit-subscription-box .subscription-prod-description {
    width: 50%;
    text-align: left;
}
.edit-subscription-page .edit-subscription-box .subcription-qty-heading {
    width: 25%;
    text-align: center;
}
.edit-subscription-page .edit-subscription-box .subcription-price-heading {
    width: 25%;
    text-align: right;
}
.edit-subscription-page .subscription-product-list {
    padding: 15px 30px;
}
.edit-subscription-page .subscription-product-list ul {
    list-style-type: none;
    text-align: left;
    padding-left: 0;
}
.edit-subscription-page .subscription-product-list ul li {
    display: flex;
    justify-content: space-between;
    color: #000;
    padding: 10px 0 10px 0;
}
.edit-subscription-page .edit-subscription-box .subscription-top-heading,
.edit-subscription-page .edit-subscription-box .subscription-prod-description {
    display: flex;
    align-items: center;
    width: 50%;
    text-align: left;
}
.edit-subscription-page .subscription-prod-description img {
    width: 50px;
    height: 50px;
    margin-right: 15px;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
}
.edit-subscription-page .edit-subscription-box .subscription-qty-outer-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 50%;
}
.edit-subscription-page .subscription-prod-desc {
    display: flex;
    align-items: center;
    padding-top: 8px;
    font-size: 13px;
    color: #323232;
}
.edit-subscription-page .edit-subscription-box .table-product-sku {
    display: block;
    font-size: 11px;
    line-height: 12px;
    padding-top: 2px;
    color: #323232;
}
.edit-subscription-page .edit-subscription-box .subscription-qty-wrapper {
    width: 50%;
}
.edit-subscription-page .qty-change-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    margin: 0 auto;
    width: fit-content;
    color: #828282;
    border: 1px solid #46a07e;
}
.edit-subscription-page .qty-change-wrapper.qty-loading-wrapper {
    position: relative;
    opacity: 0.4;
    background: #fff0;
}
.edit-subscription-page .qty-change-wrapper .qty-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    background-image: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/loading-black_0b0b7d18-c57e-4895-bdaf-c61cdb3d5f10.svg?v=1637579246) !important;
    background-repeat: no-repeat !important;
    background-size: 25px 25px !important;
    background-color: transparent !important;
    background-position: center !important;
    cursor: no-drop;
    pointer-events: none;
}
.edit-subscription-page .qty-change-wrapper .qty-icon {
    padding: 8px 10px 8px 10px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    padding: 8px 15px 8px 15px;
    background: #53b76940;
    color: #323232;
}
.edit-subscription-page .qty-change-wrapper .qty-input {
    border: none;
    outline: none;
    padding: 7px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 60px;
    height: unset;
    margin: 0;
}
.edit-subscription-page .edit-subscription-box .subscription-price-wrapper {
    width: 50%;
    text-align: right;
}
.edit-subscription-page .greyed-out {
    color: #777;
}
.edit-subscription-page .edit-box-footer {
    display: block;
    overflow: hidden;
    padding: 5px 30px 30px 30px;
    box-shadow: none;
}
.edit-subscription-page .edit-box-footer .add-more-btn {
    display: flex;
    align-items: center;
    background: #fff !important;
    color: #46a07e;
    border: 1px solid #46a07e;
    font-size: 15px;
    padding: 6px 25px;
    cursor: pointer;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    margin: 0 auto;
    float: unset;
    line-height: 1.5;
    border-radius: 0.25rem;
}
.edit-subscription-page .edit-box-footer .add-more-btn i {
    font-size: 16px;
    padding-right: 5px;
}
.edit-subscription-page .update-subscription-wrapper {
    display: flex;
    align-items: center;
    width: 100% !important;
    height: fit-content;
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: 1 !important;
    padding: 20px 30px;
    box-shadow: none;
    position: relative;
    border-top: 1px dashed #e2e2e2;
    box-shadow: none;
}
.edit-subscription-page .update-img {
    margin-right: 15px;
    position: relative;
    width: 50px;
}
.edit-subscription-page .update-img-wrapper.owl-carousel {
    width: 40%;
}
.edit-subscription-page .update-img img {
    width: 50px;
    max-width: 50px;
    min-width: 50px;
    height: 50px;
    max-height: 50px;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
}
.edit-subscription-page .update-qty-count {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #fff;
    border-radius: 50%;
    padding: 1px 6px;
    font-weight: 800;
    font-size: 12px;
    color: #000;
    border: 1px solid #c3c3c3;
}
.edit-subscription-page .update-side-box {
    display: flex;
    width: 60%;
    text-align: right;
    justify-content: flex-end;
    align-items: center;
}
.edit-subscription-page .total-amount-wrapper {
    padding-right: 25px;
    color: #323232;
    font-weight: 700;
}
.edit-subscription-page .amount-divider {
    padding: 0 10px;
    color: #323232;
    font-weight: 700;
}
.edit-subscription-page .update-img-wrapper.owl-carousel .owl-stage-outer {
    padding-top: 10px;
}
.edit-subscription-page .custom-update-btn {
    margin-top: 0;
    width: fit-content;
    float: right;
    padding: 12px 35px;
    background: #000;
    color: #fff;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #fff0;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition:
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
}
.edit-subscription-page .sticky-wrapper.is-sticky .update-subscription-wrapper {
    display: flex;
    align-items: center;
    border: none;
    padding: 15px 15px;
    padding-left: 20px;
}
.edit-subscription-page .addon-section {
    padding-top: 20px;
    display: none;
}
.edit-subscription-page .no-result-wrapper {
    display: none;
    text-align: center;
    padding: 35px 10px;
}
.edit-subscription-page .no-result-head {
    display: block;
    font-size: 17px;
    font-weight: 700;
    padding-top: 10px;
}
.edit-subscription-page .search-loader-wrapper {
    display: none;
    position: relative;
    text-align: center;
    height: 100vh;
}
.edit-subscription-page .search-loader-wrapper img {
    max-width: 100px;
}
.edit-subscription-page .addon-product-list {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 180px;
}
.edit-subscription-page .addon-product-wrapper {
    flex: 1 0 21%;
    margin: 8px 5px;
    background: #fff;
    min-height: 100px;
    max-width: 24%;
    text-align: center;
    box-shadow: -1px 0 5px 1px #f1f1f1;
    overflow: unset;
    word-break: break-all;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.edit-subscription-page .addon-discount-label {
    position: relative;
}
.edit-subscription-page .addon-product-img {
    width: 100%;
    height: 280px;
    object-fit: cover;
}
.edit-subscription-page .addon-description-wrapper {
    padding: 10px 10px 15px 10px;
    color: #000;
    border-top: 1px solid #f8f8f8;
}
.modal.import-export-modal.learn-about-plan-modal {
    max-width: 800px;
}
.edit-subscription-page .addon-product-title {
    display: block;
    padding: 5px 0;
    padding-bottom: 0;
    font-size: 15px;
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.edit-subscription-page .addon-product-title span {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.edit-subscription-page .custom-tooltip--bottom::before,
.edit-subscription-page .custom-tooltip--bottom::after {
    top: 100%;
    left: 50%;
    transform: translate(-50%);
    margin-top: 6px;
}
.edit-subscription-page .custom-tooltip--bottom::after {
    margin-top: -1px !important;
}
.edit-subscription-page .addon-product-title:hover {
    text-decoration: underline;
}
.edit-subscription-page .addon-product-sku {
    display: block;
    font-size: 11px;
    line-height: 12px;
    padding-top: 2px;
    color: #323232;
}
.edit-subscription-page .variant-product-sku {
    display: block;
    font-size: 11px;
    line-height: 12px;
    padding-top: 2px;
    color: #323232;
    margin-bottom: 5px;
}
.edit-subscription-page .addon-product-price {
    display: block;
    font-size: 16px;
    font-weight: 700;
    padding: 2px 0;
    padding-top: 8px;
}
.edit-subscription-page .addon-product-wrapper .addon-selling-price,
.variant-side-list-element .addon-selling-price {
    display: none;
}
.edit-subscription-page .addon-description-wrapper .discount-messaging,
.variant-side-list-element .discount-messaging {
    margin-top: 8px;
    display: block;
    color: #f0aa40;
    font-weight: 600;
    padding: 0 5px;
    font-size: 12px;
}
.edit-subscription-page .variant-side-list-element .discount-messaging {
    text-align: right;
}
.edit-subscription-page .custom-btn-flex-wrapper {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
.edit-subscription-page .custom-btn-secondary.add-product-btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #46a07e;
    border-radius: 0.25rem;
    margin: 10px 0 0 0;
    color: #46a07e;
    background: #fff0;
    width: 100%;
    font-size: 15px;
    padding: 8px 25px;
    cursor: pointer;
}
.edit-subscription-page .qty-change-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    margin: 0 auto;
    width: fit-content;
    color: #828282;
    border: 1px solid #46a07e;
}
.edit-subscription-page .qty-change-wrapper.atc-qty-wrapper {
    width: 100%;
    margin-top: 10px;
    display: none;
    border: 1px solid #46a07e;
}
.edit-subscription-page
    .custom-btn-flex-wrapper
    .qty-change-wrapper.atc-qty-wrapper
    .qty-icon {
    padding: 18px 14px 18px 14px;
    font-size: 13px;
}
.edit-subscription-page .input-flex-span-wrapper {
    width: 100%;
    text-align: center;
    padding: 0 6px;
}
.edit-subscription-page .input-flex-span-wrapper .span-desc {
    display: block;
    font-size: 12px;
}
.edit-subscription-page .input-flex-span-wrapper .span-desc .qty-count {
    font-weight: 400;
}
.edit-subscription-page .input-flex-span-wrapper .span-delivery-desc {
    display: block;
    clear: both;
    font-size: 11px;
}
.edit-subscription-page
    .addon-product-wrapper.discount-applied
    .discount-messaging {
    color: #46a07e;
}
.edit-subscription-page
    .variant-side-list-element.discount-applied
    .discount-messaging {
    color: #46a07e;
}
.edit-subscription-page .qty-change-wrapper.atc-qty-wrapper .qty-input {
    font-size: 13px;
    display: none;
}
.edit-subscription-page .add-product-btn {
    margin-top: 10px;
    background: #46a07e;
    color: #fff;
    width: 100%;
    font-size: 15px;
    padding: 8px 25px;
    cursor: pointer;
    line-height: 1.5;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    text-transform: none;
    vertical-align: middle;
    height: unset;
}
.edit-subscription-page
    .custom-search-box.new-search
    .search-bar.custom-search {
    background: #fff;
}
.edit-subscription-page .mfp-bg {
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.95;
}
.edit-subscription-page .mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}
.edit-subscription-page .mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}
.edit-subscription-page .mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.edit-subscription-page .mfp-auto-cursor .mfp-content {
    cursor: auto;
}
.edit-subscription-page .mfp-inline-holder .mfp-content,
.edit-subscription-page .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}
.edit-subscription-page .mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}
.edit-subscription-page .mfp-popup {
    position: relative;
    background: #fff;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
    text-align: center;
    border: 1px solid #fff0;
    border-radius: 4px;
}
.edit-subscription-page .mfp-popup .content-wrapper {
    font-size: 16px;
    text-align: left;
    padding-top: 0;
}
.edit-subscription-page .mfp-popup h2 {
    font-weight: 700;
    font-size: 19px;
    max-width: 430px;
    margin: 0 auto;
    padding: 0 15px;
    line-height: 28px;
    padding-bottom: 12px;
    padding-left: 0;
    margin-left: 0;
    text-transform: inherit;
}
.edit-subscription-page .update-subscription-popup .update-heading {
    padding-bottom: 1px;
}
.edit-subscription-page .update-subscription-popup .update-desc {
    font-size: 12px;
}
.edit-subscription-page .update-subscription-popup .update-img-wrapper {
    width: 100%;
    padding: 20px 15px;
}
.edit-subscription-page .mfp-popup.variant__popup.change_variant_popup {
    padding: 0;
    max-width: 750px;
}
.edit-subscription-page .change_variant_popup .product-variant-info {
    padding: 0;
    align-items: center;
}
.edit-subscription-page .change_variant_popup .variant-side-wrapper {
    width: 45%;
    text-align: center;
}
.edit-subscription-page
    .change_variant_popup
    .variant-side-wrapper
    .variant-img {
    width: 120px;
    height: 120px;
    margin-right: 0;
}
.edit-subscription-page .change_variant_popup .variant-title {
    display: block;
    padding-top: 10px;
    font-size: 15px;
    padding: 8px 12px;
    font-weight: 300;
    padding-bottom: 2px;
}
.edit-subscription-page .change_variant_popup .variant-Subtitle {
    font-size: 12px;
}
.edit-subscription-page .change_variant_popup .variant-select-wrapper {
    width: 55%;
    padding: 10px 0 20px 0;
    border-left: 1px solid #e2e2e2;
}
.edit-subscription-page
    .change_variant_popup.variant__popup
    .content-wrapper
    .variant-select-wrapper
    h2 {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 15px;
}
.edit-subscription-page .change_variant_popup .product-variant-wrapper {
    padding: 0;
}
.edit-subscription-page .change_variant_popup .product-variant-select {
    margin-bottom: 0;
    max-height: 275px;
    overflow: auto;
    list-style: none;
    padding-left: 0;
}
.edit-subscription-page .change_variant_popup .product-variant-select li {
    border-bottom: 1px solid #e2e2e2;
    padding: 15px 15px 15px 15px;
}
.edit-subscription-page .change_variant_popup .variant-side-list-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.edit-subscription-page .change_variant_popup .variant-side-info {
    padding-right: 20px;
}
.edit-subscription-page .change_variant_popup .variant-side-name {
    font-size: 14px;
    font-weight: 700;
}
.edit-subscription-page .change_variant_popup .variant-side-price {
    display: block;
    padding-top: 5px;
    font-size: 13px;
    font-weight: 600;
}
.edit-subscription-page.variant-side-price {
    display: block;
    font-size: 16px;
    font-weight: 700;
    padding: 2px 0;
}
.edit-subscription-page .addon-product-wrapper .addon-selling-price,
.edit-subscription-page .variant-side-list-element .addon-selling-price {
    display: none;
}
.edit-subscription-page
    .change_variant_popup
    .qty-change-wrapper.atc-qty-wrapper {
    margin-bottom: 10px;
}
.edit-subscription-page
    .change_variant_popup
    .qty-change-wrapper.atc-qty-wrapper
    i {
    padding: 8px 15px 8px 15px;
}
.edit-subscription-page
    .change_variant_popup
    .qty-change-wrapper.atc-qty-wrapper
    input {
    padding: 5px 0;
}
.edit-subscription-page
    .change_variant_popup
    .product-variant-select
    li:last-child {
    border-bottom: none;
}
.edit-subscription-page .mfp-popup .button-wrapper.edit-button-wrapper {
    border-top: 1px solid #e2e2e2;
    display: none;
}
.edit-subscription-page .popup-btn {
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    color: #5b5b5b;
    min-width: 120px;
    min-height: 40px;
    font-weight: 600;
    margin: 5px 0 10px 0;
    outline: 0;
    cursor: pointer;
}
.edit-subscription-page
    .change_variant_popup.mfp-popup
    .button-wrapper.edit-button-wrapper
    .popup-btn {
    background: #000;
    color: #fff;
}
.edit-subscription-page
    .addon-product-wrapper.discount-applied
    .addon-compare-price,
.edit-subscription-page
    .variant-side-list-element.discount-applied
    .addon-compare-price {
    text-decoration: line-through;
    padding-right: 8px;
    color: gray;
}
.edit-subscription-page
    .addon-product-wrapper.discount-applied
    .addon-selling-price,
.edit-subscription-page
    .variant-side-list-element.discount-applied
    .addon-selling-price {
    display: inline;
}
.edit-subscription-page
    .mfp-popup
    .button-wrapper.edit-button-wrapper
    .popup-btn {
    text-align: center;
    margin: 15px 15px;
    padding: 5px 50px;
    border: none;
}
.edit-subscription-page .mfp-popup.update-subscription-popup .confirm-btn {
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 0;
    padding: 12px 10px;
}
.edit-subscription-page
    .mfp-popup.update-subscription-popup
    .confirm-btn:before {
    box-shadow: none;
    border-radius: none;
    content: unset;
}
.edit-subscription-page
    .mfp-popup.update-subscription-popup
    .confirm-btn.after {
    box-shadow: none;
    border-radius: none;
    content: unset;
}
.edit-subscription-page .update-img {
    margin-right: 15px;
    position: relative;
    width: 50px;
}
.edit-subscription-page .update-img img {
    width: 50px;
    max-width: 50px;
    min-width: 50px;
    height: 50px;
    max-height: 50px;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
}
.edit-subscription-page .update-qty-count {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #fff;
    border-radius: 50%;
    padding: 1px 6px;
    font-weight: 800;
    font-size: 12px;
    color: #000;
    border: 1px solid #c3c3c3;
}
.edit-subscription-page .update-subscription-popup .total-amount-wrapper {
    padding: 10px;
    border-top: 1px dashed #e2e2e2;
    color: #323232;
    font-weight: 700;
    border-bottom: 1px dashed #e2e2e2;
    text-align: center;
}
.edit-subscription-page .amount-divider {
    padding: 0 10px;
    color: #323232;
    font-weight: 700;
}
.edit-subscription-page .subs-update-error {
    font-size: 14px;
    padding-top: 15px;
    display: block;
    color: #f44336;
    text-align: center;
}
.edit-subscription-page .mfp-popup .button-wrapper {
    text-align: right;
}
.edit-subscription-page .mfp-popup.update-subscription-popup .confirm-btn {
    position: relative;
    background: #46a07e;
    outline: 0;
    cursor: pointer;
    border: none;
    color: #fff;
    min-width: 150px;
    border-radius: 4px;
    font-size: 15px;
    min-height: 40px;
    font-weight: 600;
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 0;
    padding: 12px 10px;
}
.edit-subscription-page .update-img-wrapper.owl-carousel .owl-stage-outer {
    padding-top: 10px;
}
.edit-subscription-page .ajax-loader-wrapper {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: #fff;
}
.edit-subscription-page .ajax-loader-wrapper .page-preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.edit-subscription-page .ajax-loader-wrapper .page-preloader img {
    max-width: 120px;
}
.edit-subscription-page .mfp-close-btn-in .mfp-close {
    color: #333;
}
.edit-subscription-page .mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    font-style: normal;
    font-size: 28px;
}
.edit-subscription-page button.mfp-close,
.edit-subscription-page button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: #fff0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}
.edit-subscription-page .mfp-popup.variant__popup.change_variant_popup {
    padding: 0;
    max-width: 800px;
    border: 1px solid #fff0;
    border-radius: 4px;
}
.edit-subscription-page .product-variant-info {
    display: flex;
    padding: 10px 5px;
    color: #232323;
}
.edit-subscription-page .variant-side-list-wrapper .add-product-btn {
    margin: 10px 0 0 0;
    color: #fff;
    background: #fff0;
    width: 100%;
    font-size: 14px;
    cursor: pointer;
    line-height: 1.5;
    height: unset;
    padding: 8px 35px;
    margin-top: 10px;
    justify-content: center;
    text-transform: unset;
    box-shadow: none;
    outline: none;
    border-radius: 4px;
    border: 1px solid #46a07e;
}
.edit-subscription-page
    .variant-side-list-wrapper
    .custom-btn-secondary.add-product-btn {
    color: #46a07e;
    background: #fff0;
}
.edit-subscription-page .subscription-prod-variant.change-variant {
    display: flex;
    align-items: center;
    padding-top: 5px;
    font-size: 15px;
    color: #777;
    cursor: pointer;
}
.edit-subscription-page
    .subscription-prod-variant.change-variant
    .change-variant-btn {
    font-size: 14px;
    color: #46a07e;
    text-decoration: underline;
    padding-left: 8px;
}
.edit-subscription-page .custom-carousel.owl-carousel .owl-nav button.owl-prev,
.edit-subscription-page
    .owl-custom-carousel.owl-carousel
    .owl-nav
    button.owl-prev {
    position: absolute;
    left: -32px;
    background: #fff;
    outline: none;
    color: #323232;
    font-size: 25px;
    border: 1px solid #e2e2e2;
    border-radius: 50%;
    width: 25px;
    display: flex;
    justify-content: center;
    height: 25px;
}
.edit-subscription-page
    .custom-carousel.owl-carousel
    .owl-nav
    button.owl-prev
    span,
.edit-subscription-page
    .owl-custom-carousel.owl-carousel
    .owl-nav
    button.owl-prev
    span {
    line-height: 20px;
}
.edit-subscription-page
    .custom-carousel.owl-carousel
    .owl-nav
    button.owl-next
    span,
.edit-subscription-page
    .owl-custom-carousel.owl-carousel
    .owl-nav
    button.owl-next
    span {
    line-height: 20px;
}
.edit-subscription-page
    .owl-custom-carousel.owl-carousel
    .owl-nav
    button.owl-prev {
    left: -12px;
}
.edit-subscription-page .custom-carousel.owl-carousel .owl-nav button.owl-next,
.edit-subscription-page
    .owl-custom-carousel.owl-carousel
    .owl-nav
    button.owl-next {
    position: absolute;
    right: -28px;
    background: #fff;
    color: #323232;
    font-size: 25px;
    border: 1px solid #e2e2e2;
    border-radius: 50%;
    width: 25px;
    display: flex;
    outline: none;
    justify-content: center;
    height: 25px;
}
.edit-subscription-page
    .update-subscription-popup
    .owl-custom-carousel.owl-carousel
    .owl-nav
    button.owl-prev {
    position: absolute;
    left: 0;
    background: #fff;
    outline: none;
    color: #323232;
    font-size: 25px;
    border: 1px solid #e2e2e2;
    border-radius: 50%;
    width: 25px;
    align-items: center;
    display: flex;
    justify-content: center;
    height: 25px;
    top: calc(50% + 5px);
    transform: translateY(-50%);
}
.edit-subscription-page
    .update-subscription-popup
    .owl-custom-carousel.owl-carousel
    .owl-nav
    button.owl-prev {
    left: 0;
}
.edit-subscription-page
    .update-subscription-popup
    .owl-custom-carousel.owl-carousel
    .owl-nav
    button.owl-next {
    position: absolute;
    right: 0;
    background: #fff;
    outline: none;
    color: #323232;
    font-size: 25px;
    border: 1px solid #e2e2e2;
    border-radius: 50%;
    width: 25px;
    display: flex;
    justify-content: center;
    height: 25px;
    top: calc(50% + 5px);
    transform: translateY(-50%);
}
.edit-subscription-page
    .owl-custom-carousel.owl-carousel
    .owl-nav
    button.owl-next {
    right: -10px;
}
.edit-subscription-page
    .update-subscription-popup
    .owl-custom-carousel.owl-carousel
    .owl-nav
    button.owl-next {
    right: 0;
}
.edit-subscription-page .owl-custom-carousel.owl-carousel.owl-hidden,
.recurpay-account-.edit-subscription-page
    .custom-carousel.owl-carousel.owl-hidden {
    opacity: 1;
}
.edit-subscription-page .custom-carousel .owl-nav,
.recurpay-account-.edit-subscription-page
    .owl-custom-carousel.owl-carousel
    .owl-nav {
    position: absolute;
    width: 100%;
    top: calc(50% - 5px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.edit-subscription-page .custom-update-btn:disabled {
    opacity: 0.5;
}
.edit-subscription-page .no-product-info-card .selected-count-wrapper {
    cursor: pointer;
    text-align: center;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    flex-direction: column;
    min-height: unset;
    width: unset;
    height: unset;
}
.edit-subscription-page .no-product-info-card span.selected-count-text {
    padding-top: 30px;
}
.cart-attribute-wrapper {
    padding-top: 10px;
}
.cart-attribute-wrapper .cart-attribute-head {
    display: block;
}
.cart-attribute-wrapper .cart-attribute-desc {
    color: #6d7175;
    font-size: 13px;
    word-break: break-all;
}
.attr-line-textarea {
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    padding: 10px 10px;
    resize: none;
    line-height: 22px;
    font-size: 13px;
    max-height: 800px;
    overflow-y: auto !important;
}
.attr-line-wrapper {
    position: relative;
    border: 1px solid #dcdcdc;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 20px;
}
.attr-line-wrapper .attr-line-flex {
    margin-top: 8px;
}
.attr-line-wrapper .attr-line-flex:first-child {
    margin: 0;
}
.attr-line-wrapper label {
    font-size: 13px;
    font-weight: 500;
    display: block;
    padding-bottom: 8px;
    color: #666;
}
.modal.change-cart-modal .modal-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 4px 24px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-top: 15px;
    border-top: 1px solid #e2e2e2;
}
.modal.change-cart-modal.import-export-modal .modal-footer .btn {
    width: fit-content;
    margin: 0;
    padding: 2px 40px;
}
.modal.change-cart-modal.import-export-modal .modal-content {
    padding: 20px 24px;
    max-height: 350px;
    overflow-y: scroll;
}
.modal.change-cart-modal.import-export-modal .modal-desc-block {
    margin-bottom: 0;
}
.modal.change-cart-modal.import-export-modal .modal-content {
    padding-bottom: 0;
}
.modal.change-cart-modal .freq-flex-wrapper .every-text {
    padding-right: 8px;
    font-size: 13px;
    padding-bottom: 2px;
}
.modal.change-cart-modal .freq-flex-wrapper input {
    padding: 0;
    max-width: 60px;
    height: unset;
    padding-bottom: 3px;
    padding-left: 0;
    text-align: center;
    margin: 0;
    min-height: 30px;
    border-radius: 3px;
    font-size: 13px;
    border: 1px solid #efefef;
}
.modal.change-cart-modal .freq-flex-wrapper select.browser-default {
    border-radius: 3px;
    border: 1px solid #efefef;
    min-height: 35px;
    height: unset;
    margin-left: 10px;
    padding-left: 0;
    text-align: left;
    font-size: 13px;
    max-width: fit-content;
    text-transform: capitalize;
}
.change-item-details-trigger {
    display: flex;
    font-size: 11px;
    cursor: pointer;
    align-items: center;
    width: fit-content;
    line-height: 15px;
    color: #636363;
    margin-bottom: 5px;
    margin-top: 2px;
}
.change-item-details-trigger .material-icons {
    font-size: 18px;
}
.external-link-new-img {
    width: 11px;
    height: 11px;
    fill: #46a07e;
}
.external-link-new:hover .external-link-new-title {
    text-decoration: underline;
}
.external-link-new-title {
    color: #323232;
    padding-right: 2px;
}
.external-link-new-title:hover {
    text-decoration: underline;
}
.external-link-title .external-link-new-img {
    width: 9px;
    height: 9px;
    fill: gray;
    margin-left: 1.5px;
}
.modal.import-export-modal.prepaid-cart-modal {
    max-width: 900px;
}
.mmb-header.notification-list-header {
    margin-bottom: 10px;
}
.custom-info-card.email-design-info {
    margin-top: 25px;
    margin-bottom: 30px;
}
.custom-info-card .setup-header.idea-info-header {
    padding: 0 5px;
}
.custom-info-card.email-design-info .idea-info-svg {
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    margin: 0.4rem;
    height: 29px;
    width: 29px;
    max-height: 100%;
    max-width: 100%;
}
.custom-info-card.email-design-info .setup-para {
    color: #212b36;
    font-weight: 400;
}
.custom-info-card.email-design-info .external-link-new-title {
    text-decoration: underline;
    color: #000;
}
.custom-info-card.email-design-info .external-link-new-img {
    fill: #000;
    width: 9px;
    height: 9px;
}
.subscription-prod-title .external-link-new-title {
    padding-right: 5px;
}
.upgrade-flex-wrapper {
    display: flex;
    align-items: center;
    padding: 20px 20px 24px;
    background-color: #e6e7f5;
    position: relative;
    justify-content: space-between;
    color: #3f4eae;
}
.upgrade-flex-wrapper .upgrade-first-flex {
    display: flex;
    align-items: center;
}
.upgrade-flex-wrapper img.restrict-icon {
    max-width: 20px;
}
.upgrade-flex-wrapper .restrict-plan-text-wrapper {
    display: flex;
    flex-direction: column;
    padding-left: 13px;
    font-weight: 800;
}
.upgrade-flex-wrapper .restrict-plan-text {
    display: block;
    font-size: 14px;
}
.upgrade-flex-wrapper .restrict-plan-subtext {
    line-height: 15px;
    font-size: 12px;
}
.upgrade-flex-wrapper .btn.secondary-btn,
.btn.upgrade-side-btn {
    width: max-content;
    flex: none;
    font-size: 13px;
    padding: 20px 15px;
    border: 1px solid #3f4eae;
    background: linear-gradient(180deg, #6371c7, #5563c1) !important;
    text-transform: none;
    font-weight: 700;
    color: #fff;
    margin: 0;
}
.btn.upgrade-side-btn svg {
    width: 14px;
    fill: #fff;
    margin-right: 8px;
}
.mmb-header-title.upgrade-flex-header-title {
    display: flex;
    justify-content: space-between;
}
.sticky-wrapper.is-sticky .update-subscription-sticky-wrapper {
    left: 0;
    padding-left: 260px;
    width: 100% !important;
    background: #fff;
    z-index: 1 !important;
    bottom: 0px !important;
    top: unset !important;
    box-shadow: #c7c7c7 -1px 1px 3px 1px;
}
.retry-text.retry-disabled {
    pointer-events: none;
}
.plan-form-wrapper
    .mmb-wrapper
    .mmb-inner-info
    .custom-input-box
    input.charge-day-input {
    color: #3c3c3c;
    padding-top: 8px;
    padding-bottom: 8px;
    cursor: pointer;
}
.plan-form-wrapper
    .mmb-wrapper
    .mmb-inner-info
    .custom-input-box
    input.charge-day-input::placeholder {
    color: #3c3c3c;
}
.vertical-divider-wrapper {
    height: 60px;
    position: relative;
}
.vertical-divider {
    position: absolute;
    display: table;
    text-align: center;
    height: 100%;
    width: 100%;
}
.vertical-divider-span {
    border: 1px solid #5846a0;
    display: inline-block;
    padding: 1px 8px;
    border-radius: 15px;
    background: #fff;
    color: #5846a0;
    font-size: 11px;
    margin-left: 14px;
}
.vertical-divider .center-element {
    position: relative;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}
.vertical-divider .center-element:before,
.vertical-divider .center-element:after {
    position: absolute;
    content: "";
    width: 1px;
    left: 30px;
    border-left: 1px solid #dbdbdb;
}
.vertical-divider .center-element:before {
    bottom: 50%;
    top: 0;
    margin-bottom: 10px;
}
.vertical-divider .center-element:after {
    top: 50%;
    bottom: 0;
    margin-top: 12px;
}
.popover {
    position: relative;
}
.specific-input-block {
    display: none;
}
.specific-input-block [data-row] {
    display: none;
    position: relative;
}
.specific-input-block [data-row] input {
    cursor: pointer;
    color: #6f6f6f !important;
    font-weight: 400;
}
.popover-content {
    width: auto;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    position: absolute;
    box-shadow: 0 60px 40px -7px rgb(0 0 0 / 0.2);
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    outline: 0;
    display: none;
    z-index: 999;
    left: 100px;
    top: 50px;
}
.popover-content.-arrow {
    margin-top: 10px;
}
.popover-content.-arrow:before,
.popover-content:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 10px;
}
.popover-content.-arrow:before {
    top: -10px;
    border-left: 9px solid #fff0;
    border-right: 9px solid #fff0;
    border-bottom: 10px solid rgb(0 0 0 / 0.15);
}
.popover-content.-arrow:after {
    top: -8px;
    margin-left: 1px;
    border-left: 8px solid #fff0;
    border-right: 8px solid #fff0;
    border-bottom: 8px solid #fff;
}
.popover-header-section {
    padding: 1.6rem;
    overflow: visible;
    flex: 0 0 auto;
}
.popover-container-section {
    flex: 1 1;
    max-width: 100%;
    overflow-y: auto;
    position: relative;
    max-height: 50rem;
    margin-bottom: 0;
    width: max-content;
}
li.popover-option-list-option {
    padding: 10px 10px;
    display: flex;
    min-width: 220px;
    align-items: center;
    border-bottom: 1px dashed #e2e2e2;
}
li.popover-option-list-option:last-child {
    border-bottom: none;
}
.popover-option-list-option label.display-flex {
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
    top: 0;
    width: 100%;
    font-weight: 400;
    color: #323232;
    left: 0;
    padding: 0;
    max-width: 100%;
    pointer-events: inherit;
    user-select: auto;
}
ul.popover-option-list {
    margin-top: 0;
}
.popover-option-list-option
    [type="checkbox"].filled-in:not(:checked)
    + span:not(.lever):after {
    width: 18px;
    height: 18px;
    top: 4px;
}
.popover-option-list-option
    [type="checkbox"].filled-in:checked
    + span:not(.lever):after {
    width: 18px;
    height: 18px;
    top: 4px;
}
.popover-option-list-option
    [type="checkbox"].filled-in:checked
    + span:not(.lever):before {
    top: 4px;
    left: 1px;
    width: 6px;
    height: 11px;
}
.col.day-list-wrapper,
.col.date-list-wrapper {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    color: #3c3c3c;
    text-transform: inherit;
    font-size: 13px;
}
.day-list-wrapper.mmb-error,
.date-list-wrapper.mmb-error {
    border: 1px solid #bf0711;
}
.day-list-box,
.date-list-box {
    cursor: pointer;
}
ul.day-list,
ul.date-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 0 0 0;
    margin: 0;
}
.day-list li,
.date-list li {
    background: #e2e2e2;
    padding: 0 10px;
    padding-right: 2px;
    margin: 3px 0;
    font-size: 13px;
    border-radius: 2px;
    margin-right: 8px;
    display: flex;
    align-items: center;
    text-transform: inherit;
}
.close-icon-span {
    line-height: 9px;
    padding: 6px 2px 6px 5px;
    cursor: pointer;
    margin-left: 6px;
}
.close-icon-span svg {
    width: 16px;
    height: 16px;
    fill: #555;
}
.input-without-label:after {
    border-left: 1px solid #3c3c3c;
    border-top: 1px solid #3c3c3c;
    width: 6px;
    content: "";
    height: 6px;
    position: absolute;
    right: 20px;
    top: 25%;
    transform: rotate(-135deg);
}
.date-range-header {
    display: block;
    text-align: center;
    padding: 10px 10px 8px 15px;
    font-size: 14px;
    color: #424242;
}
.optional-input-field {
    position: absolute;
    max-width: calc(100% - (2 * 8px));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    right: 15px;
    padding: 0 7px;
    user-select: none;
    pointer-events: none;
    color: #acacac;
    float: right;
    top: -25px;
    font-weight: 600;
    background: #fff;
    font-size: 13px;
    transition: 250ms;
}
.alert-info-message-text {
    display: block;
    color: #647381;
    font-size: 13px;
    font-weight: 700;
    padding: 0 10px 0 5px;
    margin-top: 5px;
}
.custom-info-card.plan-info-card.info-transparent-card {
    background: #fff0;
    border: 0;
    margin-top: 10px;
    color: #46a07e;
    border-radius: 4px;
    margin-bottom: 0;
}
.custom-info-card.plan-info-card.info-transparent-card .card-content,
.custom-info-card.info-transparent-card .setup-header {
    padding: 0;
}
.custom-info-card.plan-info-card.info-transparent-card .setup-para {
    color: #647381;
    font-size: 13px;
    font-weight: 600;
}
.custom-info-card.plan-info-card.info-transparent-card .info-icon-filler {
    display: none;
}
.specific-input-block [data-row].block-event {
    pointer-events: none;
    opacity: 0.6;
    cursor: no-drop;
}
.label-desc-para {
    margin-bottom: 5px;
}
.block-event {
    opacity: 0.8;
    pointer-events: none;
    cursor: no-drop;
}
.btn.another-plan-btn {
    width: inherit;
    height: 100%;
    text-transform: inherit;
    max-width: fit-content;
    padding: 4px 20px;
    margin-left: 20px;
}
.modal.import-export-modal .modal-desc-block .full-preview-img {
    width: 100%;
    height: 100%;
}
.btn--secondary.domain-connect-btn {
    margin-left: 0;
    width: 100%;
    text-transform: inherit;
    padding: 15px 20px;
    height: unset;
    max-width: fit-content;
}
.mmb-new-section-spacer {
    margin-top: 20px;
    margin-bottom: 20px;
    clear: both;
}
.custom-header-title {
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 10px;
}
.checkout-settings-wrapper .mmb-wrapper label.checkbox-label {
    display: flex;
    align-items: center;
    padding-bottom: 0;
}
.custom-filled-checkbox[type="checkbox"] + span:not(.lever) {
    font-size: 13px;
    font-weight: 400;
    padding: 0 0 0 30px;
}
.custom-filled-checkbox[type="checkbox"].filled-in:not(:checked)
    + span:not(.lever):after {
    z-index: 0;
    top: 4px;
    width: 17px;
    height: 17px;
    border: 1px solid #a2a2a2;
    background-color: #fff0;
}
.custom-filled-checkbox[type="checkbox"].filled-in:checked
    + span:not(.lever):before {
    top: 3px;
    left: 1px;
    width: 7px;
    height: 11px;
}
.custom-filled-checkbox[type="checkbox"].filled-in:checked
    + span:not(.lever):after {
    width: 17px;
    height: 17px;
    top: 4px;
}
.edit_subscriptions_div {
    padding-top: 10px;
}
.checkbox-description {
    font-size: 13px;
    font-weight: 400;
}
.external-link-black-title {
    color: #323232;
    padding-right: 2px;
    text-decoration: underline;
}
.external-link-black-img {
    width: 11px;
    height: 11px;
    fill: #323232;
}
.info-card-text .info-card-para-text {
    display: block;
    padding-top: 8px;
}
.snippet-details {
    display: flex;
    align-items: center;
    margin-top: 0;
}
.img-overlay-wrapper #materialbox-overlay {
    background-color: rgb(0 0 0 / 90%);
}
.img-overlay-wrapper {
    position: relative;
    cursor: zoom-in;
}
.img-overlay-wrapper:hover .img-overlay {
    opacity: 1;
}
.img-overlay {
    position: absolute;
    width: 100%;
    background-color: rgb(0 0 0 / 40%);
    overflow: hidden;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    height: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.img-overlay-icon {
    color: #fff;
    font-size: 38px;
}
.snippet-img {
    width: 100%;
    height: 170px;
    max-width: 550px;
}
.img-overlay-wrapper:hover .material-icons {
    display: none;
}
.img-overlay-wrapper .material-icons {
    position: absolute;
    top: 51%;
    left: 53%;
    transform: translate(-50%, -50%);
    z-index: 1;
    background: #ffffff0a;
}
.setting-layout-wrapper .mmb-section-spacer {
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: none;
    clear: both;
}
.custom-box-header.installed-badge-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.setting-layout-wrapper .custom-header-title {
    font-size: 14px;
    padding-bottom: 20px;
}
.mmb-header-title .title-upgrade-span {
    font-size: 12px;
    display: flex;
    align-items: center;
    color: #647381;
}
.mmb-header-title.mmb-back-btn .title-upgrade-span i {
    border: none;
    font-size: 15px;
    padding: 0;
    margin-right: 1px;
    color: #647381;
}
.plan-additional-info-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0 0 0;
}
.mmb-info.mmb-full-info .mmb-inner-info {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}
.mmb-outer-wrapper {
    max-width: 998px;
    margin: 0 auto;
}
.mmb-outer-wrapper .step-plan-bottom {
    padding-right: 0;
}
.mmb-header.margin-b-40 {
    margin-bottom: 40px;
}
.plan-badge {
    font-size: 12px;
    background: #45a07f;
    color: #fff;
    font-weight: 500;
    padding: 3px 10px;
    display: flex;
    align-items: center;
    line-height: unset;
    height: unset;
    border-radius: 50px;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}
.modal.import-export-modal .modal-desc-subhead {
    margin-top: 15px;
    width: 100%;
    font-weight: 700;
    font-size: 14px;
    display: block;
    text-align: center;
    text-decoration: underline;
}
.timeline-section {
    position: relative;
    padding: 0;
}
.timeline-section .timeline-wrapper {
    margin-top: 5px;
}
.timeline-list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgb(0 0 0 / 0.85);
    font-size: 14px;
    line-height: 1.5715;
    margin: 0;
    padding: 0;
    list-style: none;
}
.timeline-list-item {
    position: relative;
    margin: 0;
    padding-bottom: 20px;
    font-size: 14px;
    list-style: none;
    padding-top: 3rem;
}
.timeline-list-divider {
    position: absolute;
    top: 10px;
    left: 4px;
    height: calc(100% - 10px);
    border-left: 2px solid #f0f0f0;
}
.timeline-section .timeline-wrapper .timeline-list-item .timeline-list-divider {
    top: 4rem;
    border-left: 2px solid rgb(234 231 231 / 0.84);
}
.timeline-section .timeline-wrapper .timeline-list-item .timeline-list-header {
    height: 11px;
    width: 11px;
    background-color: #c3cfd8;
    border-color: #c3cfd8;
}
.timeline-list-header {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border: 2px solid #fff0;
    border-radius: 100px;
}
.timeline-section
    .timeline-wrapper
    .timeline-list-item
    .timeline-list-header-green {
    background-color: #46a07e;
    border-color: #46a07e;
}
.timeline-list-content {
    position: relative;
    top: -7px;
    margin: 0 0 0 26px;
    word-break: break-word;
}
.timeline-section .timeline-wrapper .timeline-content {
    margin-top: -2rem;
}
.timeline-section .timeline-wrapper .timeline-content .timeline-date {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    text-transform: uppercase;
    color: #637381;
}
.timeline-section .timeline-wrapper .timeline-content .timeline-text-wrapper {
    display: flex;
    justify-content: space-between;
}
.timeline-section
    .timeline-wrapper
    .timeline-content
    .timeline-text-wrapper
    .timeline-text {
    word-break: break-word;
    flex: 1 1;
    color: #323232;
    font-size: 14px;
    margin-right: 100px;
}
.timeline-section
    .timeline-wrapper
    .timeline-content
    .timeline-text-wrapper
    .timeline-timestamp {
    font-size: 13px;
    color: #637381;
}
.timeline-section
    .timeline-wrapper
    .timeline-content
    .timeline-text-wrapper
    .text
    .copy_btn
    .Polaris-Icon {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 4px;
}
.timeline-section
    .timeline-wrapper
    .timeline-list-item:last-child
    .timeline-list-divider {
    display: none;
}
.timeline-outer-wrapper .card.grey-card {
    background: #f9f9f9;
}
.timeline-outer-wrapper .card.grey-card .tab-header,
.tabs.new-tab-layout .tab-header {
    font-size: 15px;
    font-weight: 700;
}
.timeline-outer-wrapper ul.new-tab-layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff0;
}
.additional-list-head {
    display: block;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
}
.additional-list-desc {
    color: #535353;
    font-size: 13px;
}
.timeline-additional-text {
    display: none;
    padding-top: 15px;
}
.timeline-additional-text li {
    padding-bottom: 10px;
}
.timeline-additional-text li:last-child {
    padding-bottom: 0;
}
.timeline-section
    .timeline-wrapper
    .timeline-content
    .timeline-text-wrapper
    .timeline-text
    .timeline-text-span {
    display: flex;
    align-items: flex-start;
    width: fit-content;
}
.timeline-section
    .timeline-wrapper
    .timeline-content
    .timeline-text-wrapper
    .timeline-text
    .timeline-text-span.error-timeline-link {
    color: #cb1212;
}
.timeline-section
    .timeline-wrapper
    .timeline-content
    .timeline-text-wrapper
    .timeline-text
    .timeline-text-span.additional-content-link:hover {
    text-decoration: underline;
    cursor: pointer;
}
.timeline-section
    .timeline-wrapper
    .timeline-content
    .timeline-text-wrapper
    .timeline-text
    .timeline-text-span.additional-content-link:after {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    min-width: 22px;
    min-height: 22px;
    transform: rotate(270deg);
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' focusable='false' aria-hidden='true' style='font-size: 12px;width: 22px;fill: %235c5f62;'%3E%3Cpath d='M13.098 8h-6.196c-.751 0-1.172.754-.708 1.268l3.098 3.432c.36.399 1.055.399 1.416 0l3.098-3.433c.464-.513.043-1.267-.708-1.267Z'%3E%3C/path%3E%3C/svg%3E");
}
.timeline-section
    .timeline-wrapper
    .timeline-content
    .timeline-text-wrapper
    .timeline-text
    .timeline-text-span.additional-content-link.additional-content-link-open:after {
    transform: rotate(0deg);
}
.timeline-section .timeline-wrapper .timeline-content .btn--secondary {
    margin: 11px 0 5px 0;
    padding: 9px 15px;
    min-height: unset;
}
.selected-product-list .product-title-span .external-link-new-img {
    width: 10px;
    height: 9px;
    fill: #46a07e;
    margin-left: 2px;
    min-width: 10px;
}
.activation-footer-bottom {
    padding: 15px 8px 5px 8px;
}
.btn.save-custom-btn {
    width: max-content;
    min-width: 165px;
    font-size: 13px;
    padding: 10px 15px;
    line-height: 20px;
    text-transform: none;
    font-weight: 700;
    color: #fff;
    margin: 0;
    height: unset;
}
.right-align-box-edit-wrapper {
    display: flex;
    align-items: center;
    margin-left: 10px;
    border: 1px solid #c4cdd5;
    border-radius: 3px;
}
.right-align-box-edit-wrapper .right-align-span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 11.5px 12px;
    background: linear-gradient(180deg, #fff, #f9fafb);
    box-shadow: 0 1px 0 0 rgb(22 29 37 / 5%);
    border-radius: 5px;
    line-height: 1;
    color: #212b36;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    -webkit-tap-highlight-color: #fff0;
}
.right-align-box-edit-wrapper .right-align-span svg {
    width: 12px;
    fill: #637381;
}
.modal.import-export-modal .modal-footer .btn--secondary-deactivate {
    text-align: center;
    display: flex;
    font-weight: 700;
    height: unset;
    margin: 0;
    width: fit-content;
    justify-content: center;
}
.btn.delete-plan-btn {
    text-transform: capitalize;
}
button.btn:hover {
    box-shadow: none;
}
.brand-sidebar-wrapper {
    display: block;
    font-size: 11px;
    padding-left: 42px;
    color: #636363;
    padding-top: 2px;
    position: absolute;
    bottom: 12px;
    cursor: pointer;
}
.brand-sidebar-wrapper .brand-sidebar-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 205px;
    display: block;
}
.brand-sidebar-wrapper.detailed-tooltip .detailed-tooltiptext {
    margin-top: 5px;
}
.color-box-wrapper {
    display: flex;
    align-items: center;
    position: relative;
}
.form-color-box {
    position: absolute;
    cursor: pointer;
    left: 5px;
    width: 30px;
    height: 30px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    border: 1px solid #e2e2e2;
}
.tab-card-content .form-color-box {
    transform: translateY(-50%);
}
.translations-form
    .mmb-wrapper
    .tab-card-content
    .mmb-inner-info
    input.form-color-input {
    margin: 0 0 8px 0;
}
.translations-form
    .mmb-wrapper
    .tab-card-content
    .mmb-inner-info
    .form-color-box {
    top: calc(50% - 3px);
}
.translations-form .mmb-wrapper .tabs .tab a {
    text-transform: initial;
}
.translations-form .itg_sub_header {
    font-size: 14px;
}
.mmb-wrapper .mmb-inner-info input.form-color-input {
    padding-left: 40px;
    margin-bottom: 0;
    width: 100% !important;
}
.colorpicker .colorpicker-saturation {
    width: 115px;
    height: 115px;
    border-radius: 4px;
}
.colorpicker .colorpicker-hue,
.colorpicker .colorpicker-alpha {
    width: 20px;
    height: 115px;
    border-radius: 50px;
    margin-left: 5px;
}
.colorpicker .colorpicker-saturation i {
    height: 10px;
    width: 10px;
}
.colorpicker .colorpicker-saturation i b {
    height: 8px;
    width: 8px;
}
.colorpicker.colorpicker-inline {
    position: absolute !important;
    border-radius: 4px;
    background: #fff;
    padding: 5px 5px 5px 0;
    z-index: 1 !important;
}
.colorpicker .colorpicker-color {
    display: none;
}
.notification-logo-wrapper .dropify-wrapper {
    height: 120px;
}
.btn-background-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.btn-background-wrapper .col:last-child {
    margin-top: 20px;
}
.btn-background-wrapper.shift-background-wrapper .col:first-child {
    margin-top: 20px;
}
.notification-logo-wrapper.full-dropify-height .dropify-wrapper {
    height: 138px;
}
.restore-template-wrapper {
    display: block;
    width: 100%;
    text-align: center;
    padding: 15px;
}
.restore-template-wrapper a {
    text-decoration: underline;
}
.selected_product_block_list .selected-count-wrapper {
    display: none;
}
textarea.custom-textarea {
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    padding: 10px 10px;
    height: 45px;
    resize: none;
    line-height: 25px;
    min-height: unset;
    max-height: 100%;
    letter-spacing: 0.2px;
    font-size: 13px;
    color: #212b36;
    overflow-y: auto !important;
}
.subscription-detail-card
    .edit-subscription-page
    .subscription-info-wrapper.edit-subscription-header {
    padding: 15px 18px;
}
.subscription-detail-card
    .edit-subscription-page
    .subscription-info-wrapper.edit-subscription-header {
    font-size: 14px;
}
.subscription-detail-card .edit-subscription-page .subscription-product-list {
    padding: 15px 15px;
}
.subscription-detail-card
    .edit-subscription-page
    .subscription-product-list
    ul {
    margin: 0;
}
.cart-attribute-row-wrapper .cart-attribute-row {
    position: relative;
    padding-right: 30px;
}
.add-more-attribute {
    cursor: pointer;
    display: block;
    font-size: 12px;
    padding-right: 4px;
    color: #46a07e;
    text-decoration: underline;
    width: fit-content;
}
.remove-attribute-row {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: calc(50% - 5px);
    transform: translateY(-50%);
    padding: 5px 5px;
}
.remove-attribute-row svg {
    width: 15px;
    height: 15px;
    fill: #323232;
}
.remove-attribute-row:hover svg {
    fill: #f00000;
}
.create-subscription-page .freq-flex-wrapper select.browser-default {
    background: #fff;
    border-radius: 3px;
    border: 1px solid #efefef;
    min-height: 35px;
    height: unset;
    font-size: 13px;
    margin-left: 10px;
    padding-left: 10px;
    text-align: left;
    max-width: fit-content;
}
.create-subscription-page .freq-flex-wrapper input {
    padding: 0;
    max-width: 60px;
    height: unset;
    padding-bottom: 3px;
    padding-left: 0;
    font-size: 13px;
    align-items: center;
    text-align: center;
    margin: 0;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #efefef;
    min-height: 30px;
}
.create-subscription-page .freq-flex-wrapper .every-text {
    padding-right: 8px;
    font-size: 13px;
    padding-bottom: 2px;
    min-width: 90px;
}
.create-subscription-page .subscription-detail-card-summary {
    padding: 15px 15px;
}
.create-subscription-page.order-view-section
    .product-right-side-flex
    .table-product-price {
    padding-right: 0;
}
.create-subscription-page.order-view-section .address-row p,
.create-subscription-page.order-view-section .address-row span {
    font-size: 14px;
    color: #5a5a5a;
}
.custom-loading-overlay {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(255 255 255 / 68%);
    z-index: 2;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}
.create-subscription-page
    .edit-subscription-box.selected_product_block_list
    .selected-product-wrapper,
.selected-collection-wrapper,
.create-subscription-page .subscription-detail-card .selected-product-wrapper,
.selected-collection-wrapper-box,
.create-subscription-page .subscription-detail-card .selected-product-wrapper,
.selected-collection-wrapper-box.selected-subscription-summary-box,
.create-subscription-page .subscription-detail-card .selected-product-wrapper,
.selected-collection-wrapper-box.selected-subscription-summary-box
    .summary-extra-hyperlink,
.create-subscription-page .subscription-detail-card .selected-product-wrapper,
.selected-collection-wrapper-box.selected-subscription-summary-box
    .create-subscription-footer-wrapper {
    display: none;
}
.create-subscription-page
    .edit-subscription-box.selected_product_block_list
    .selected-product-wrapper,
.selected-collection-wrapper-box.selected-subscription-summary-box {
    display: block;
    opacity: 1;
    pointer-events: unset;
}
.create-subscription-page
    .edit-subscription-box.selected_product_block_list
    .selected-product-wrapper,
.selected-collection-wrapper-box.selected-subscription-summary-box
    .create-subscription-footer-wrapper {
    display: block;
}
.create-subscription-page
    .edit-subscription-box.selected_product_block_list
    .selected-product-wrapper,
.selected-collection-wrapper-box,
.create-subscription-page
    .edit-subscription-box.selected_product_block_list
    .selected-product-wrapper,
.selected-collection-wrapper-box.selected-subscription-summary-box
    .summary-extra-hyperlink {
    display: block;
}
.create-subscription-page .selected-count-wrapper {
    background: unset;
}
.create-subscription-page
    .edit-subscription-box.selected_product_block_list
    .selected-product-wrapper,
.selected-collection-wrapper-box {
    display: block;
}
.create-subscription-page.order-view-section h6 {
    font-size: 15px;
    margin-bottom: 9px;
    color: #323232;
}
.create-subscription-page .qty-change-wrapper .qty-icon {
    background: #eaeaea40;
    color: #4f4f4f;
    font-size: 12px;
}
.create-subscription-page .qty-icon.qty-plus-btn {
    border-left: 1px solid #e2e2e2;
}
.create-subscription-page .qty-icon.qty-minus-btn {
    border-right: 1px solid #e2e2e2;
}
.create-subscription-page .qty-change-wrapper {
    border: 1px solid #d8d8d8;
}
.create-subscription-page .mmb-inner-info .input-field-wrapper,
.product-details-section .input-field-wrapper,
.custom-input-symbol-wrapper.input-field-wrapper {
    display: flex;
    align-items: center;
    border: 1px solid #dedede;
    background: #fff;
    padding-right: 10px;
    border-radius: 3px;
}
.product-details-section .input-field-wrapper.mmb-error {
    border: 1px solid #bf0711;
}
.create-subscription-page .mmb-inner-info .input-field-wrapper input,
.product-details-section .input-field-wrapper input {
    border: none;
    box-shadow: none;
}
.custom-input-symbol-wrapper.input-field-wrapper input {
    margin-bottom: 0;
}
.create-subscription-page .mmb-inner-info .input-field-wrapper span,
.product-details-section .input-field-wrapper span,
.custom-input-symbol-wrapper.input-field-wrapper span {
    color: #7e7e7e;
}
.product-details-section .input-field-wrapper input {
    margin-bottom: 0;
}
.product-details-section .input-field-wrapper span.left-span,
.custom-input-symbol-wrapper.input-field-wrapper span.left-span {
    padding-left: 10px;
}
.create-subscription-page .mmb-inner-info .input-field-wrapper input:focus,
.product-details-section .input-field-wrapper input:focus,
.custom-input-symbol-wrapper.input-field-wrapper input:focus,
.custom-input-symbol-wrapper.input-field-wrapper input {
    border: none;
    box-shadow: none !important;
}
.create-subscription-page .custom-pricing-box {
    display: block;
    padding-left: 0;
    padding-top: 8px;
}
.create-subscription-page .mmb-wrapper [type="radio"]:not(:checked) + span,
.create-subscription-page .mmb-wrapper [type="radio"]:checked + span {
    color: #323232;
}
.summary-extra-hyperlink {
    padding-left: 5px;
}
.summary-extra-hyperlink a {
    font-size: 13px;
    text-decoration: underline;
}
.create-subscription-page
    .subscription-detail-card
    .subscription-detail-card-content.tax-estimate-div {
    padding: 12px 15px;
    font-size: 13px;
    background: #f9f9f9;
}
.create-subscription-page .discount-details-trigger {
    display: block;
    font-size: 12px;
    text-decoration: underline;
    color: #5a5a5a;
}
.create-subscription-page
    .subscription-price-wrapper
    .subscription-item-compare-price {
    text-decoration: line-through;
    font-weight: 700;
    padding-right: 5px;
    color: #777;
}
.create-subscription-page
    .subscription-price-wrapper
    .subscription-item-final-price {
    color: #000;
    font-weight: 400;
}
.create-subscription-page
    .customer-search-modal
    .list-labels
    .customer-details {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%;
    flex-direction: column;
    height: unset;
    line-height: normal;
}
.create-subscription-page
    .customer-search-modal
    .customer-details
    .customer-name {
    color: #00000085;
    font-size: 14px;
    font-weight: 600;
}
.create-subscription-page
    .customer-search-modal
    .customer-details
    .customer-email {
    font-size: 13px;
    color: #3232327a;
    font-weight: 600;
}
.create-subscription-page .customer-search-modal .search-list li {
    padding: 0;
}
.create-subscription-page .customer-search-modal .search-list ul {
    border: none;
}
.create-subscription-page .customer-search-modal .mmb-wrapper label {
    padding: 15px 20px;
    cursor: pointer;
}
.create-subscription-page
    .customer-search-modal
    .mmb-wrapper
    .searchbox-wrapper {
    border-radius: 3px;
    margin: 20px 20px 15px 20px;
    width: auto;
}
.create-subscription-page
    .customer-search-modal.modal.import-export-modal
    .modal-content {
    padding: 0;
}
.create-subscription-page .customer-search-modal .modal-footer {
    border-top: 1px solid #e2e2e2;
    justify-content: space-between;
    padding: 20px 20px 0 20px;
}
.create-subscription-page .customer-search-modal .modal-footer .btn--secondary {
    margin: 0;
}
.create-subscription-page .customer-search-modal .search-list li:last-child {
    border-bottom: none;
}
.create-subscription-page .customer-side-block .selected-customer-info {
    display: none;
}
.create-subscription-page .customer-side-block.selected-customer-block input {
    display: none;
}
.create-subscription-page .customer-side-block [data-target="start-order-date"] {
    display: block !important;
}
.create-subscription-page .customer-side-block .change-address-link {
    display: none;
}
.create-subscription-page .selected-customer-block .change-address-link,
.create-subscription-page .selected-customer-block .selected-customer-info {
    display: block;
}
.create-subscription-page .change-payment-mode-link {
    display: none;
}
.additional-row-wrapper {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    overflow: hidden;
}
.card .subscription-switch-card {
    display: none;
    position: absolute;
    background: #fff;
    box-shadow:
        0 0.1875rem 100rem 100rem #1718186e,
        0 0.5rem 1.25rem -0.25rem #1718186e;
    padding: 0 0;
    left: 17px;
    margin-top: 7px;
    overflow: visible;
    z-index: 99;
}
.card.subscription-switch-card:before {
    content: "";
    width: 0;
    height: 0;
    margin-top: 0;
    border-left: 5px solid #fff0;
    border-right: 5px solid #fff0;
    border-bottom: 7px solid #fff;
    top: -6px;
    left: 50%;
    transform: translate(-53%);
    position: absolute;
    z-index: 9999999;
    opacity: 1;
}
.card.subscription-switch-card ul {
    margin: 0;
    list-style-type: none;
    text-align: left;
    padding-left: 0;
}
.card.subscription-switch-card ul li {
    border-bottom: 1px solid #e2e2e2;
    padding: 0px !important;
}
.card.subscription-switch-card label {
    padding: 10px 30px 10px 10px !important;
}
.create-subscription-page .create-subscription-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.create-subscription-page .create-subscription-footer button:disabled {
    background: #f1f1f1 !important;
    color: #8c9196 !important;
    opacity: 1;
    pointer-events: none;
}
.create-subscription-page .customer-search-modal.modal.import-export-modal {
    max-height: fit-content;
    overflow: inherit;
}
.create-subscription-page span.selected-link {
    display: block;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #46a07e;
    background: #46a07e;
    padding: 8px 40px;
    margin: 15px 10px 10px 10px;
    border-radius: 4px;
}
.capture-selected-details {
    display: none;
}
.create-subscription-page .modal .mmb-wrapper .mmb-inner-info input,
.create-subscription-page
    .modal
    .mmb-wrapper
    .mmb-inner-info
    select.browser-default {
    background: #fff;
}
.create-subscription-page .modal,
.create-subscription-page .modal .modal-footer {
    background: #fff;
}
.btn.secondary-btn.secondary-btn-green.create-subscription-btn {
    padding: 22px 10px;
    font-weight: 400;
}
.create-subscription-page .order-view-section .address-row {
    color: #5a5a5a;
}
.create-subscription-page .payment-change-modal.modal .modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.create-subscription-page .mmb-wrapper .mmb-inner-info input::placeholder,
.create-subscription-page .mmb-wrapper .mmb-inner-info textarea::placeholder {
    color: #a3a3a3;
}
.create-subscription-page .external-link-title .external-link-new-img {
    fill: #5a5a5a;
}
.create-subscription-page .subscription-prod-desc span {
    color: #323232;
    text-decoration: underline;
    cursor: pointer;
}
.create-subscription-page .subscription-prod-desc i {
    font-size: 18px;
    font-weight: 300;
}
.create-subscription-page .detailed-side-card .card,
.create-subscription-page.card.subscription-detail-card {
    border: none;
    border-radius: 12px;
    margin: 1rem 0 1rem 0;
    outline: 0.0625rem solid #0000;
    box-shadow:
        rgb(23 24 24 / 5%) 0 0 5px 0,
        rgb(0 0 0 / 15%) 0 0 1px 0;
}
.create-subscription-page
    .edit-subscription-box
    .subscription-prod-description {
    padding-right: 50px;
    align-items: flex-start;
}
.create-subscription-page .subscription-prod-title .external-link-new-title {
    word-break: break-all;
    text-decoration: none;
    cursor: pointer;
}
.order-view-section .address-row span.external-link-new-title {
    word-break: break-all;
}
.order-view-section .address-row a.external-link-new svg {
    fill: gray;
}
.create-subscription-page .shipping-box-wrapper,
.create-subscription-page .payment-box-wrapper {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: inherit;
    flex-wrap: wrap;
    gap: 0 10px;
}
.create-subscription-page .shipping-slab {
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    padding: 10px 10px 10px 10px;
    position: relative;
    min-width: 268px;
    max-width: 50%;
    height: auto;
    flex-grow: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    cursor: pointer;
    margin-bottom: 15px;
}
.create-subscription-page .payment-slab {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    padding: 10px 10px 10px 10px;
    position: relative;
    min-width: 100%;
    max-width: 100%;
    height: auto;
    flex-grow: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    cursor: pointer;
    margin-bottom: 15px;
    outline: 0.0625rem solid #0000;
}
.create-subscription-page .shipping-slab.selected-slab {
    border: 1px solid #46a07e;
}
.create-subscription-page .payment-slab.selected-slab {
    border: 1px solid #e2e2e2;
}
.create-subscription-page .payment-slab.payment-method-slab {
    flex-direction: column;
    padding: 0;
    align-items: flex-start;
}
.create-subscription-page
    .payment-slab.payment-method-slab
    .payment-description-slab {
    display: flex;
    align-items: center;
    padding: 10px 10px 10px 10px;
    width: 100%;
}
.create-subscription-page .payment-slab.payment-method-slab .payment-list-slab {
    display: none;
    width: 100%;
    border-top: 1px solid #e2e2e2;
}
.create-subscription-page
    .payment-slab.payment-method-slab
    .payment-list-slab
    ul {
    margin: 0;
}
.create-subscription-page
    .payment-slab.payment-method-slab
    .payment-list-slab
    ul
    li {
    padding: 10px 10px 10px 10px;
}
.create-subscription-page
    .payment-slab.payment-method-slab
    .payment-list-slab
    ul
    li
    label {
    padding: 0;
}
.create-subscription-page .payment-slab i {
    margin-right: 12px;
    font-size: 20px;
}
.payment-slab img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.create-subscription-page .shipping-slab-name {
    padding-right: 15px;
    font-size: 12px;
}
.create-subscription-page
    .shipping-type
    .custom-filled-checkbox[type="checkbox"].filled-in:checked
    + span:not(.lever):after {
    display: none;
}
.create-subscription-page
    .shipping-type
    .custom-filled-checkbox[type="checkbox"].filled-in:not(:checked)
    + span:not(.lever):after {
    display: none;
}
.create-subscription-page
    .shipping-type
    .custom-filled-checkbox[type="checkbox"].filled-in:checked
    + span:not(.lever):before {
    display: none;
}
.create-subscription-page .shipping-type .checkbox-description {
    padding-left: 0px !important;
    text-decoration: underline;
    color: #009688;
    font-size: 13px;
}
.create-subscription-page .shipping-tabs .tab a {
    font-size: 13px;
    text-transform: initial;
}
.create-subscription-page .shipping-tabs .tab a.active {
    border-bottom: 2px solid #46a07e;
}
.create-subscription-page .shipping-tabs .indicator {
    display: none;
}
.create-subscription-page .shipping-slab-name,
.create-subscription-page .payment-slab-name {
    padding-right: 15px;
}
.create-subscription-page .shipping-slab-box .radio__input {
    position: absolute;
    right: 10px;
    top: 10px;
}
.create-subscription-page .payment-slab-box .radio__input {
    position: absolute;
    right: 10px;
    top: 10px;
}
.create-subscription-page .payment-slab-box {
    width: 100%;
}
.create-subscription-page .shipping-slab .input-radio,
.create-subscription-page .payment-slab .input-radio {
    display: none;
    opacity: 0;
    position: absolute;
    width: 0;
    height: 14px;
    margin-right: 20px;
    box-shadow: 0 0 0 0 #272727 inset;
    transition: all 0.2s ease-in-out;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    border: 1px solid;
    border: none;
    border-radius: 50%;
    -webkit-appearance: none;
}
.create-subscription-page .shipping-slab .input-radio-label,
.create-subscription-page .payment-slab .input-radio-label {
    position: relative;
}
.create-subscription-page
    .shipping-slab
    .input-radio
    + .input-radio-label:before,
.create-subscription-page
    .payment-slab
    .input-radio
    + .input-radio-label:before {
    content: "";
    background: #fff;
    border: 1px solid #e2e2e2;
    background-color: #fff;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    padding: 2px;
    text-align: center;
}
.create-subscription-page
    .shipping-slab
    .input-radio:checked
    + .input-radio-label:before,
.create-subscription-page
    .payment-slab
    .input-radio:checked
    + .input-radio-label:before {
    content: "\2713";
    color: #fff;
    background: #46a07e;
    border: 1px solid #46a07e;
}
.create-subscription-page
    .shipping-slab
    .input-radio
    + .input-radio-label:before,
.create-subscription-page
    .payment-slab
    .input-radio
    + .input-radio-label:before {
    border-radius: 2px;
}
.create-subscription-page .shipping-slab-details,
.create-subscription-page .payment-slab-details {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 5px;
}
.create-subscription-page .payment-slab-details .payment-slab-description {
    color: #666;
    font-size: 12px;
    font-weight: 400;
}
.create-subscription-page .payment-slab-details {
    padding-top: 0;
}
.create-subscription-page span.shipping-slab-price {
    font-weight: 600;
    display: block;
    font-size: 15px;
}
.create-subscription-page .mmb-inner-info .input-field-wrapper input {
    margin-bottom: 0;
}
.create-subscription-page
    .mmb-inner-info
    .input-field-wrapper
    .left-span-symbol,
.subscription-detail-card
    .mmb-inner-info
    .input-field-wrapper
    .left-span-symbol {
    padding-left: 8px;
}
.subscription-detail-card .modal.import-export-modal,
.subscription-detail-card .modal.change-cart-modal .modal-footer {
    background: #fff;
}
.create-subscription-page .shipping-slab .shipping-badge {
    display: flex;
    align-items: center;
    width: fit-content;
    float: left;
    justify-content: flex-start;
    font-size: 12px;
    border-radius: 0;
    padding: 1px 0 1px 8px;
    color: #616161;
}
.create-customer-icon {
    position: absolute;
    right: 0;
    transform: rotate(270deg);
    color: #7f7f7f;
    top: 50%;
    font-size: 21px;
    transform: translateY(-50%) rotate(270deg);
}
.create-subscription-page .mmb-inner-info .input-field-wrapper.mmb-error {
    border: 1px solid #bf0711;
}
.create-subscription-page.order-view-section .tax-missing-msg {
    font-size: 13px;
    color: #929292;
}
.order-view-section
    .product-summary-box
    .product-right-side-flex
    .shipping-name-column {
    max-width: 250px;
    word-break: break-all;
    text-align: left;
}
label.checkbox-label.no-available-modes {
    display: none;
}
.create-subscription-page .delete-item-icon {
    margin-left: 10px;
}
.create-subscription-page .delete-item-icon svg {
    display: block;
    height: 15px;
    width: 15px;
    max-height: 100%;
    max-width: 100%;
    margin: auto;
    color: #fff0;
    fill: #637381;
    cursor: pointer;
    margin: 0;
}
.create-subscription-page .delete-item-icon svg:hover {
    fill: #f00000;
}
.create-subscription-page .edit-subscription-box .subscription-qty-wrapper {
    display: flex;
    align-items: center;
}
.create-subscription-page .payment-brand-name {
    font-size: 13px;
    display: block;
}
.create-subscription-page .payment-brand-expiry {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: dimgray;
}
.detail-subscription-icon {
    margin-left: 10px;
    line-height: 20px;
    color: #616161;
}
.detail-subscription-icon:hover {
    cursor: pointer;
}
.create-subscription-success-msg {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.create-subscription-success-msg .payment-link-row {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 10px;
}
.create-subscription-success-msg .payment-link-row input {
    background: #fff;
    border: none;
    padding: 13px 10px;
    border-radius: 4px;
    font-size: 13px;
    height: unset;
    margin-bottom: 0;
}
.create-subscription-success-msg a {
    color: #323232;
    text-decoration: underline;
}
.create-subscription-success-msg .input-payment-link-icon {
    background: #fff;
    padding: 0 10px;
    border-radius: 4px;
    border: 1px solid #c9e8db;
    height: 3rem;
    margin-bottom: 0;
    margin-left: 10px;
}
.create-subscription-success-msg .input-payment-link-icon img {
    width: 17px;
    margin-right: 0;
}
.using-selector[data-selector="charge"] b:before {
    right: 0;
    margin-left: -50%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 30%;
    top: -40px;
    width: 57px;
}
.input-automation-symbol {
    padding-left: 9px;
}
.subscription-source-msg {
    display: block;
    font-size: 12px;
    padding-left: 45px;
    color: #5a5a5a;
    font-weight: 400;
    padding-top: 2px;
}
.introjs-tooltip .introjs-progressbar {
    color: #46a07e;
}
.introjs-tooltip .introjs-helperNumberLayer {
    display: none;
}
.introjs-tooltip .tour-step-count {
    box-sizing: content-box;
    position: absolute;
    visibility: visible;
    top: -7px;
    left: -16px;
    z-index: 9999999999 !important;
    padding: 2px;
    font-family: Arial, verdana, tahoma;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
    background: #569d82;
    background: -webkit-linear-gradient(top, #569d82 0%, #46a07e 100%);
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, #ff3019),
        color-stop(100%, #46a07e)
    );
    background: -moz-linear-gradient(top, #569d82 0%, #46a07e 100%);
    background: -ms-linear-gradient(top, #569d82 0%, #46a07e 100%);
    background: -o-linear-gradient(top, #569d82 0%, #46a07e 100%);
    background: linear-gradient(to bottom, #569d82 0%, #46a07e 100%);
    width: 20px;
    height: 20px;
    color: #fff;
    line-height: 20px;
    border: 3px solid #fff;
    border-radius: 50%;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#569d82', endColorstr='#46a07e', GradientType=0)";
    filter: "progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)";
    box-shadow: 0 2px 5px rgb(0 0 0 / 40%);
    overflow: hidden;
}
.introjs-tooltip .introjs-nextbutton,
.introjs-tooltip .introjs-nextbutton:hover,
.introjs-tooltip .introjs-nextbutton:active,
.introjs-tooltip .introjs-nextbutton:focus {
    float: right;
    background: #46a07e;
    color: #fff;
    text-shadow: none;
    border: 1px solid #46a06e;
    padding: 9px 30px;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: unset;
    box-shadow: none;
}
.introjs-tooltip .introjs-prevbutton,
.introjs-tooltip .introjs-prevbutton:hover,
.introjs-tooltip .introjs-prevbutton:active,
.introjs-tooltip .introjs-prevbutton:focus {
    float: left;
    text-shadow: none;
    border: 1px solid #e9e9e9;
    padding: 7px 12px;
    color: #676767;
    font-size: 13px;
    letter-spacing: unset;
}
.introjs-tooltipReferenceLayer * {
    font-family: "Muli", sans-serif !important;
}
.introjs-helperLayer {
    box-shadow:
        #e8bf7c 0 0 1px 2px,
        rgb(33 33 33 / 50%) 0 0 0 5000px !important;
}
.introjs-tooltipReferenceLayer .introjs-tooltip {
    max-width: 550px;
    width: max-content;
}
img.tour-image {
    display: block;
    margin: 0 auto 20px;
    max-width: 100%;
    width: 100%;
    min-height: 240px;
}
.tour-content {
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
}
.tour-content a {
    text-decoration: underline;
    color: #323232;
}
.tour-bottom-content {
    display: block;
    margin: 15px 0 0 0;
    font-size: 14px;
}
.tour-title {
    display: block;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
}
.introjs-tooltip .introjs-tooltiptext {
    padding: 15px 20px 20px 20px;
}
.introjs-tooltip-header .introjs-tooltip-title {
    min-height: unset;
    width: 95%;
}
.tour-subtitle {
    font-size: 14px;
    display: block;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.5;
    color: #323232;
}
.introjs-button.introjs-prevbutton.introjs-disabled {
    display: none;
}
.introjs-tooltip .introjs-dontShowAgain {
    display: none;
}
.eligibility-check-wrapper {
    min-height: 100vh;
    overflow: hidden;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    display: block;
    align-items: center;
    justify-content: center;
}
.eligibility-check-wrapper .eligibility-check-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    max-width: 600px;
    margin: 0 auto;
}
.eligibility-check-content img {
    max-width: 130px;
}
.eligibility-check-content h3 {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 30px;
    text-align: center;
}
.eligibility-check-content p {
    text-align: center;
    font-size: 14px;
}
.eligibility-check-content p a {
    text-decoration: underline;
    color: #323232;
}
.eligibility-check-btn-wrapper {
    display: block;
    margin-top: 15px;
}
.eligibility-check-btn-wrapper .btn.secondary-btn {
    text-transform: none;
    margin-bottom: 15px;
}
.custom-accordion .custom-accordion-item {
    border: 1px solid #e2e2e2;
    background: #f7f7f7;
    margin-bottom: 15px;
    border-radius: 3px;
}
.custom-accordion
    .custom-accordion-item
    .custom-accordion-list[aria-expanded="true"] {
    border-bottom: 1px solid #e2e2e2;
    background: #e2e2e2;
}
.custom-accordion .custom-accordion-list {
    position: relative;
    display: flex;
    align-items: center;
    text-align: left;
    width: 100%;
    padding: 10px 0;
    font-weight: 600;
    padding-left: 10px;
}
.custom-accordion .custom-accordion-list:hover,
.custom-accordion .custom-accordion-list:focus {
    cursor: pointer;
}
.custom-accordion .custom-accordion-list .custom-accordion-title {
    display: flex;
    align-items: center;
    font-weight: 300;
}
.custom-accordion .custom-accordion-list .icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 22px;
    height: 22px;
    border-radius: 22px;
    color: #666;
}
.custom-accordion .custom-accordion-list .icon:before {
    content: "";
    position: absolute;
    background-color: #000;
    width: 2px;
    height: 8px;
    transform: translate(-2px, 6px) rotate(315deg);
}
.custom-accordion .custom-accordion-list .icon:after {
    content: "";
    position: absolute;
    background-color: #000;
    width: 2px;
    height: 8px;
    transform: translate(2px, 6px) rotate(225deg);
}
.custom-accordion .custom-accordion-list[aria-expanded="true"] .icon:before {
    transform: translate(-2px, 6px) rotate(45deg);
}
.custom-accordion .custom-accordion-list[aria-expanded="true"] .icon:after {
    transform: translate(2px, 6px) rotate(-45deg);
}
.custom-accordion
    .custom-accordion-list[aria-expanded="true"]
    + .custom-accordion-content {
    opacity: 1;
    max-height: 100%;
    transition: all 200ms linear;
    will-change: opacity, max-height;
}
.custom-accordion .custom-accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition:
        opacity 200ms linear,
        max-height 200ms linear;
    will-change: opacity, max-height;
}
.custom-accordion .custom-accordion-content .custom-accordion-content-span {
    display: block;
    padding: 10px 20px;
    font-size: 14px;
}
.custom-accordion .custom-accordion-content a.redirect-black-icon {
    color: #000;
    text-decoration: underline;
    display: block;
    margin-top: 10px;
}
.accordion-card-img {
    width: 21px;
    height: 21px;
    margin-right: 12px;
}
.btn.transparent-border-btn.print-qr-link.btn-loading {
    background-image: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/loading-black_0b0b7d18-c57e-4895-bdaf-c61cdb3d5f10.svg?v=1637579246) !important;
    background-repeat: no-repeat !important;
    background-size: 25px 25px !important;
    opacity: 0.7;
    background-position: center !important;
    cursor: no-drop;
    pointer-events: none;
}
.mmb-wrapper .mmb-inner-info .custom-input-field-wrapper {
    display: flex;
    align-items: center;
    border: 1px solid #efefef;
    background: #fff;
    padding-right: 10px;
    border-radius: 3px;
}
.mmb-wrapper .mmb-inner-info .custom-input-field-wrapper span {
    background: #f3f3f3;
    padding: 10px 11px;
    line-height: 22px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    color: #6d6d6d;
}
.mmb-wrapper .mmb-inner-info .custom-input-field-wrapper input {
    border: none;
    box-shadow: none;
    margin-bottom: 0;
}
.mmb-wrapper
    .mmb-inner-info
    .edit_subscriptions_div
    input:not([type]):focus:not([readonly]),
input[type="text"]:not(.browser-default):focus:not([readonly]),
input[type="password"]:not(.browser-default):focus:not([readonly]),
input[type="email"]:not(.browser-default):focus:not([readonly]),
input[type="url"]:not(.browser-default):focus:not([readonly]),
input[type="time"]:not(.browser-default):focus:not([readonly]),
input[type="date"]:not(.browser-default):focus:not([readonly]),
input[type="datetime"]:not(.browser-default):focus:not([readonly]),
input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
input[type="tel"]:not(.browser-default):focus:not([readonly]),
input[type="number"]:not(.browser-default):focus:not([readonly]),
input[type="search"]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #efefef;
    box-shadow: none;
}
.mmb-wrapper .mmb-inner-info .custom-input-field-wrapper input:focus {
    border-bottom: none;
    box-shadow: none;
}
.mmb-wrapper
    .mmb-inner-info
    .custom-input-field-wrapper.shipping-edit-charges-wrapper {
    display: none;
    margin-left: 0;
    margin-top: 0;
}
.section-integrations .itg_header {
    display: block;
    font-size: 18px;
    background: #fff0;
    font-weight: 400;
    width: 100%;
    color: #000;
    border-bottom: none;
    padding: 0 0 15px 2px;
    text-align: left;
}
.suggestion-box-list {
    display: none;
    overflow: scroll;
    box-shadow: var(
        --p-popover-shadow,
        0 0 0 1px rgb(6 44 82 / 0.1),
        0 2px 16px rgb(33 43 54 / 0.08)
    );
    position: absolute;
    width: 100%;
    z-index: 99999;
    background: #fff;
    border-radius: 2px;
}
.suggestion-box-list li span {
    font-weight: 400;
    line-height: 20px;
    text-transform: capitalize;
    padding: 0;
    border-bottom: none;
    display: block;
    width: 100%;
    font-size: 13px;
}
.suggestion-box-list ul {
    padding: 0;
    margin: 0;
}
.suggestion-box-list li {
    display: flex;
    align-items: flex-start;
    width: 100%;
    padding: 8px 10px;
    border: none;
}
.suggestion-list-header {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: flex-start;
    width: 100%;
    padding: 8px 10px;
    border-bottom: 1px solid #e2e2e2;
}
.suggestion-box-list li:hover {
    background: #f2f2f2;
    cursor: pointer;
}
.suggestion-box-list-wrapper {
    position: relative;
}
.suggestion-box-list li:hover {
    background: #f2f2f2;
    cursor: pointer;
}
.bundle-plan-search-wrapper .filter-result-list {
    margin: 5px 0;
}
.search-bar.custom-dropdown-search {
    position: relative;
    overflow: unset;
    z-index: 10;
}
span.drop-label-desc {
    display: block;
    font-size: 11px;
    padding-bottom: 2px;
    color: #878787;
}
.search-bar.custom-dropdown-search input {
    padding-left: 40px;
    margin-bottom: 0;
    border-bottom-left-radius: 0;
    border: 1px solid #efefef;
}
.search-bar.custom-dropdown-search:before {
    top: 0;
    height: 43px;
    width: 40px;
    background-position: 12px 49%;
}
.bundle-plan-search-wrapper .search-dropdown-list,
.condition__block-wrapper .search-dropdown-list,
.search-dropdown-list.webhook-search-dropdown-list {
    padding: 0;
    background-color: #fff;
    border-radius: 3px;
    outline: 1px solid #fff0;
    backface-visibility: hidden;
    list-style: none;
    margin: 0;
    opacity: 1;
    display: block;
    transition: opacity 0.4s ease-in-out;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #efeff0;
    border-top: 0;
    border-top-left-radius: 0;
    margin-top: -4px;
}
#print-code .bundle-plan-search-wrapper .search-dropdown-list {
    background: #fff0;
}
.search-dropdown-list ul {
    margin: 0;
    padding: 5px 0;
    min-height: 60px;
}
.search-dropdown-list ul li {
    padding: 5px 10px;
    border-bottom: 1px solid #f9f9f9;
}
.search-dropdown-list ul li:first-child {
    padding-bottom: 10px;
}
.search-dropdown-list ul li:last-child {
    border: none;
}
.search-dropdown-list ul li label {
    padding: 0;
    position: relative;
    cursor: pointer;
}
.search-dropdown-list ul li label [type="checkbox"] + span:not(.lever) {
    padding-left: 30px;
}
.search-dropdown-list .dropdown-head {
    display: block;
    font-size: 13px;
    font-weight: 500;
    padding-top: 3px;
}
.search-dropdown-list .dropdown-description {
    display: block;
    font-size: 12px;
    clear: both;
    line-height: 14px;
    color: #878787;
}
.search-dropdown-list .dropdown-description .dropdown-desc-title {
    display: block;
    width: 450px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.search-dropdown-list
    ul
    li
    label
    [type="checkbox"].filled-in:not(:checked)
    + span:not(.lever):after {
    border: 1px solid #bebebe;
    width: 17px;
    height: 17px;
    top: 7px;
}
.search-dropdown-list
    ul
    li
    label
    [type="checkbox"].filled-in:checked
    + span:not(.lever):after {
    top: 7px;
    width: 17px;
    height: 17px;
}
.search-dropdown-list
    ul
    li
    label
    [type="checkbox"].filled-in:checked
    + span:not(.lever):before {
    top: 6px;
}
.drop-label-wrapper {
    display: flex;
    align-items: center;
}
.bundle-plan-search-wrapper .custom-tooltip--top::before,
.bundle-plan-search-wrapper .custom-tooltip--top::after {
    width: max-content;
}
.bundle-plan-search-wrapper .custom-tooltip {
    text-decoration: none;
}
.filter-result-list li.hidden-list-tags {
    display: none;
}
.filter-result-list li.show-more-list {
    background: #fff;
    border-bottom: 1px dashed #9c9c9c;
    padding-left: 0;
    margin-left: 10px;
    cursor: pointer;
}
.sidenav-active-square .sidenav li.sales-channel-li .collapsible-body li a {
    padding-left: 24px !important;
    height: 35px;
    line-height: 35px;
}
.sales-channel-li ul.collapsible.collapsible-sub {
    line-height: 30px;
}
.store-id-subtext {
    display: block;
    font-size: 11px;
    color: #656565;
}
a.text-decoration-hover {
    color: #323232;
}
a.text-decoration-hover:hover .store-id-title {
    text-decoration: underline;
}
.search-dropdown-list ul li label .dropdown-link {
    position: absolute;
    right: 0;
    top: 10px;
    text-decoration: underline;
    font-size: 13px;
    color: #323232;
}
.select-locations-checkbox[type="checkbox"].filled-in:not(:checked)
    + span:not(.lever):before,
.select-locations-checkbox[type="checkbox"].filled-in:checked
    + span:not(.lever):before,
.select-locations-checkbox[type="checkbox"].filled-in:checked
    + span:not(.lever):after,
.search-dropdown-list
    .select-locations-checkbox[type="checkbox"].filled-in:not(:checked)
    + span:not(.lever):after {
    content: "";
    display: none;
}
.search-dropdown-list
    .select-locations-checkbox[type="checkbox"]
    + span:not(.lever) {
    padding-left: 2px;
    text-decoration: underline;
}
label.select-all-drop-list {
    padding: 10px 0 0 10px;
}
.search-dropdown-list ul li label [type="checkbox"] + span:not(.lever) {
    height: unset;
    max-height: unset;
}
.custom-info-card.min-order-update-card {
    margin: 0;
    margin-top: 15px;
    line-height: 23px;
}
.custom-info-card.min-order-update-card .card-content {
    padding: 5px 10px;
}
.custom-info-card.min-order-update-card .setup-para {
    padding-top: 0;
}
.custom-info-card.min-order-update-card .setup-header {
    padding-left: 10px;
}
.custom-info-card.min-order-update-card .info-icon-filler {
    height: 16px;
    width: 16px;
}
.empty-min-orders-text {
    display: block;
    padding-top: 10px;
    padding-left: 5px;
    color: #637381;
    font-size: 12px;
}
.saveSearch-container,
.orders-filter-view-container {
    display: flex;
    justify-content: space-between;
    height: 35px;
    align-items: center;
}
li.saveSearch a,
li.orders-filter-view a {
    background: #fff;
    border: 0;
    border-radius: 0.25rem;
    color: #6d7175;
    cursor: pointer;
    font-size: 0.88rem;
    font-weight: 600;
    height: 2rem;
    line-height: 1rem;
    margin-bottom: 0.0625rem;
    margin-top: 0.0625rem;
    min-width: 100%;
    outline: none;
    padding: 0.4rem 0.75rem;
    white-space: nowrap;
    width: 100%;
    position: relative;
    user-select: none;
    cursor: pointer;
}
li.saveSearch a:hover,
li.orders-filter-view a:hover {
    background-color: #f6f6f7;
    color: #202223;
}
.myclass {
    background-color: #f6f6f7 !important;
    color: #202223 !important;
}
ul.saveSearch-result-list,
ul.order-filter-view-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
    margin: 0;
}
a.save_cancel {
    font-size: 0.85rem;
    color: #595757;
    border-radius: 0.25rem;
    color: #103262;
    font-weight: 500;
    padding: 0.125rem 0.2rem;
    line-height: 1rem;
}
a.save_cancel.save_view {
    background: #e5effd;
    margin-left: 5px;
    padding: 4px;
    font-weight: 700;
    color: #1f5199;
    font-size: 11px;
}
a.save_cancel.cancel {
    color: #2c6ecb;
    margin-top: 2px;
    font-size: 12px;
    cursor: pointer;
}
input.searchProduct span::after {
    width: 15px;
    height: 15px;
}
.saveSearch-modal-style {
    display: flex;
    border: 1px solid #dedede;
    border-radius: 3px;
    padding-left: 10px;
    width: -webkit-fill-available;
    font-size: 13px;
    color: #3c3c3c;
    height: 3.2rem;
}
.filter-dropdown-list
    ul
    li
    label
    input[type="checkbox"].filled-in:not(:checked)
    + span:not(.lever):after,
.status-change-modal.mmb-modal
    input[type="checkbox"].filled-in:not(:checked)
    + span:not(.lever):after {
    border: 1px solid #bebebe;
    width: 15px;
    height: 15px;
    top: 7px;
}
.halted-filter-dropdown-list
    ul
    li
    label
    input[type="checkbox"].filled-in:not(:checked)
    + span:not(.lever):after {
    border: 1px solid #bebebe;
    width: 16px;
    height: 16px;
    top: 7px;
}
.ProductGroup
    .filter-dropdown-list
    ul
    li
    label
    input[type="checkbox"].filled-in:not(:checked)
    + span:not(.lever):after,
.ProductGroup
    .filter-dropdown-list
    ul
    li
    label
    input[type="checkbox"].filled-in:checked
    + span:not(.lever):after,
.ProductGroup
    .filter-dropdown-list
    ul
    li
    label
    input[type="checkbox"].filled-in:checked
    + span:not(.lever):before,
.status-change-modal.mmb-modal
    input[type="checkbox"].filled-in:not(:checked)
    + span:not(.lever):after,
.status-change-modal.mmb-modal
    input[type="checkbox"].filled-in:checked
    + span:not(.lever):after {
    top: 2px;
}
.status-change-modal.mmb-modal
    input[type="checkbox"].filled-in:not(:checked)
    + span:not(.lever):after {
    top: 9px;
}
.filter-dropdown-list
    ul
    li
    label
    input[type="checkbox"].filled-in:checked
    + span:not(.lever):after,
.status-change-modal.mmb-modal
    input[type="checkbox"].filled-in:checked
    + span:not(.lever):after,
.halted-filter-dropdown-list
    ul
    li
    label
    input[type="checkbox"].filled-in:checked
    + span:not(.lever):after {
    top: 7px;
    width: 17px;
    height: 17px;
}
.filter-dropdown-list
    ul
    li
    label
    input[type="checkbox"].filled-in:checked
    + span:not(.lever):before,
.halted-filter-dropdown-list
    ul
    li
    label
    input[type="checkbox"].filled-in:checked
    + span:not(.lever):before {
    top: 6px;
}
.status-change-modal.mmb-modal
    input[type="checkbox"].filled-in:checked
    + span:not(.lever):before {
    top: 8px;
    width: 7px;
    height: 12px;
}
.save-search-group,
.orders-filter-view-group {
    padding: 3px;
    position: relative;
    user-select: none;
    cursor: pointer;
}
.save-search-menu {
    background-color: #fff;
    border-radius: 3px;
    outline: 1px solid #fff0;
    border: none;
    backface-visibility: hidden;
    box-shadow:
        0 0 0 1px rgb(6 44 82 / 10%),
        0 2px 16px rgb(33 43 54 / 8%);
    padding: 6px;
    list-style: none;
    margin: 0;
    position: absolute;
    top: 30px;
    left: -10px;
    right: -50px;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    max-height: 250px;
    z-index: 9;
    overflow-y: auto;
    overflow-x: hidden;
    pointer-events: none;
    width: 152px;
}
.save-search-group.active .save-search-menu {
    opacity: 1;
    pointer-events: auto;
}
.row .col .automation_delivery_wrapper {
    display: flex;
    align-items: center;
    border: 1px solid #dedede;
    border-radius: 4px;
    background: #fff;
}
.row .col .automation_delivery_wrapper label {
    opacity: 0;
    width: 0;
    height: 0;
}
.conditional-info-block .automation_delivery_wrapper .input-field-wrapper {
    border: none;
}
.conditional-info-block
    .mmb-inner-info
    .condition__block-wrapper
    .automation_delivery_wrapper
    select.browser-default {
    border: none;
    border-left: 1px solid #e2e2e2;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.conditional-info-block
    .mmb-inner-info
    .condition__block-wrapper
    .automation_delivery_wrapper.mmb-error {
    border: 1px solid #bf0711;
}
.conditional-info-block
    .mmb-inner-info
    .condition__block-wrapper
    .automation_delivery_wrapper
    .input-field-wrapper {
    max-width: 100px;
}
.conditional-info-block
    .mmb-inner-info
    .condition__block-wrapper
    .automation_delivery_wrapper
    .input-field-wrapper
    span {
    display: none;
}
div[data-value="change_delivery_frequency_on_specific_renewal_cycle"]
    .then-flex-error.mmb-error-msg {
    padding-left: 100px;
}
.autoExpiryMsg,
.prepaid-subscription-message {
    font-size: 12px;
    font-weight: 300;
    padding-bottom: 4px;
    padding-right: 10px;
    display: flex;
    padding-top: 10px;
    padding-left: 2px;
}
.autoExpiryMsg .warning-icon-filler {
    height: 14px;
    min-height: 14px;
    width: 14px;
    min-width: 14px;
}
.autoExpiryMsg .autoExpiryMsg-span {
    margin-left: 6px;
    line-height: 1.3;
}
.autoExpiryMsg.min-expiry-note {
    display: none;
    align-items: center;
    padding-left: 0;
}
.prepaid-subscription-message {
    line-height: 1.3;
}
.only-subscription-description,
.retail-store-subscription-description {
    font-size: 12px;
    margin-left: 30px;
    margin-top: 0;
    display: block;
    font-weight: 100;
    color: #868686;
}
div.default-color-widget {
    display: flex;
    flex-direction: column-reverse;
    width: 170px;
    box-shadow: var(
        --p-card-shadow,
        0 0 0 1px rgb(63 63 68 / 0.05),
        0 1px 3px 0 rgb(63 63 68 / 0.15)
    );
    outline: 0.1rem solid #fff0;
    border-radius: 4px;
}
.default-color-widget .colorpicker-inline.colorpicker-visible {
    position: relative !important;
    padding: 8px 8px 5px 8px;
}
.default-color-widget .color-box-wrapper {
    padding: 12px 15px 12px 10px;
    border-top: 1px solid #e2e2e2;
    width: 100%;
    display: block;
}
.mmb-wrapper .mmb-inner-info .default-color-widget input.form-color-input {
    padding-left: 10px;
    height: 2.5rem;
    width: 140px !important;
}
.default-color-widget .colorpicker .colorpicker-saturation {
    width: 120px;
    height: 120px;
}
.default-color-widget .colorpicker .colorpicker-hue,
.default-color-widget .colorpicker .colorpicker-alpha {
    width: 18px;
    height: 120px;
    border-radius: 50px;
    margin-left: 14px;
}
.embed-settings-section #change-product-widget-color .row .col.m3,
.embed-settings-section #change-account-widget-color .row .col.m3 {
    padding: 0 0.5rem;
}
.embed-settings-section div.default-color-widget {
    width: 138px;
}
.embed-settings-section
    .mmb-wrapper
    .mmb-inner-info
    .default-color-widget
    input.form-color-input {
    width: 108px !important;
}
.embed-settings-section
    .default-color-widget
    .colorpicker
    .colorpicker-saturation {
    width: 100px;
    height: 100px;
}
.embed-settings-section .default-color-widget .colorpicker .colorpicker-hue,
.embed-settings-section .default-color-widget .colorpicker .colorpicker-alpha {
    width: 15px;
    height: 100px;
    border-radius: 50px;
    margin-left: 7px;
}
.card-settings-tab {
    width: 100%;
}
.custom-info-card.money-back-info {
    margin: 5px 0;
    padding: 12px 12px;
    margin-left: 12px;
}
.custom-info-card.money-back-info .custom-setup-inner img {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0.4rem;
    height: 60px;
    width: 60px;
    max-height: 100%;
    max-width: 100%;
}
.custom-info-card.money-back-info .custom-setup-inner .setup-para {
    font-weight: 700;
    padding-top: 0;
}
.most-popular-icon-tab {
    display: block;
    position: absolute;
    left: -2px;
    width: calc(100% + 4px);
    bottom: 100%;
    background: #3f4eae;
    color: #fff;
    padding: 6px 0;
    border-radius: 4px 4px 0 0;
    font-size: 1rem;
    letter-spacing: 0.7px;
    font-weight: 600;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.most-popular-icon-tab img {
    width: 15px;
    margin-right: 6px;
}
.upgrade-count-box {
    display: flex;
    align-items: center;
    margin-top: 12px;
    font-size: 13px;
}
.upgrade-count-box img {
    width: 20px;
    margin-right: 8px;
}
.money-back-info-wrapper {
    display: flex;
    align-items: center;
}
.money-back-info-img img {
    width: 85px;
    height: 85px;
}
.owl-carousel .owl-item .review_card .star-img {
    width: 70px;
    height: 35px;
    object-fit: cover;
    position: absolute;
    right: 40px;
    top: 40px;
}
.actionWrapper {
    position: fixed;
    bottom: 1.8rem;
    inset-inline-start: 264px;
    top: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    background: #202123;
    color: #fff;
    margin-left: 310px;
    height: 45px;
    z-index: 25;
    border-radius: 0.5rem;
    padding: 28px 10px 28px 20px;
    transform: translateY(0);
    transition: 100ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
.actionElement {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    border: 0.0625rem solid #505356;
    border-radius: 0.25rem;
    padding: 3px 8px;
    margin-right: 10px;
    cursor: pointer;
}
.actionElement a {
    color: #fff;
}
.actionElement:hover {
    background-color: #2f3133;
}
.sidenav-change-btn {
    width: 420px;
    text-transform: none;
}
.sidenav-change-btn.disabled {
    background: #f1f1f1 !important;
    color: #8c9196 !important;
    opacity: 1;
    pointer-events: none;
}
.filter-dropdown-list ul.product-search li label {
    display: flex;
    align-items: center;
}
.filter-dropdown-list ul.product-search li label span.search-img img {
    width: 25px;
    height: 20px;
}
.filter-dropdown-list ul.product-search li ul.list-labels-ul label span {
    font-weight: 300;
    line-height: 1.2;
    font-size: 12.5px;
    height: auto;
}
.ProductGroup .filter-dropdown-list li label span {
    font-size: 13px;
}
.ProductGroup .filter-dropdown-list li label span.product-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 220px;
    margin-left: 2px;
}
.filter-dropdown-list
    ul[data-parent="product_type_list"]
    li.filter_product_list {
    border-bottom: 0.5px dashed #e8e5e591;
    padding: 12px 10px;
}
.ProductGroup .product-title-span.custom-tooltip {
    position: relative;
    cursor: pointer;
    text-decoration: none;
    min-width: 100px;
}
.ProductGroup .product-title-span.custom-tooltip::before {
    padding: 5px 5px;
    font-size: 12px;
    font-weight: 300;
    width: max-content;
    max-width: 100px;
    word-break: break-word;
}
.ProductGroup .product-title-span.custom-tooltip--bottom::before,
.ProductGroup .product-title-span.custom-tooltip--bottom::after {
    left: 20%;
}
.notification_sender_name {
    border: 1px solid #dedede;
    border-radius: 3px;
    height: 43px;
}
.saveViewModal .modal-desc-block input.searchInputView {
    border-bottom: none;
}
.notification_sender_name input#sender_name {
    border: none;
    border-radius: 0;
}
.notification_sender_name .limitSenderName {
    margin-top: 12px;
    margin-right: 6px;
    font-size: 12px;
    color: #3c3c3c;
    opacity: 0.5;
}
.limitSaveSearch {
    opacity: 0.5;
}
.product-discount-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 10px;
    margin-top: 10px;
}
.product-discount-box .discount-codes i {
    color: #828080;
}
.product-discount-box .discount-codes span {
    margin-left: 6px;
}
.specific-day-msg-card {
    background: #e8f5fa;
    border: 1px solid #deebf9;
    margin-top: 15px;
    border-radius: 4px;
    margin-bottom: 10px;
}
.specific-day-msg-card .custom-setup-inner {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-start;
}
.specific-day-msg-card .info-icon-filler {
    height: 16px;
    width: 16px;
}
.specific-day-msg-card .setup-header {
    padding: 0 10px;
}
.specific-day-msg-card .setup-para {
    display: block;
    font-size: 13px;
    padding-top: 0;
    padding-right: 12px;
}
.discount_text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 60px;
    white-space: nowrap;
}
.order-view-section .product-right-side-flex .total_discount span {
    border-bottom: 1px dashed #6f6c6c;
}
.upgrade__popup {
    position: fixed;
    bottom: 12px;
    right: 12px;
    z-index: 2147483647;
}
.upgrade__popup .upgrade__popup-container {
    color: #fff;
    height: 400px;
    width: 360px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-sizing: border-box;
    align-items: center;
    border-radius: 16px;
    overflow: hidden;
    z-index: 1;
    background: linear-gradient(0deg, #000, #131313);
}
.cart-upsell-modal .upgrade__popup-container {
    width: 400px;
}
.cart-upsell-modal {
    display: none;
}
.upgrade__popup .upgrade__popup-close {
    cursor: pointer;
    position: absolute;
    height: 32px;
    width: 32px;
    z-index: 1;
    color: #fff;
    background-color: initial;
    border-radius: 2px;
    top: 8px;
    right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
}
.Polaris-Icon {
    display: block;
    height: 2rem;
    width: 2rem;
    max-height: 100%;
    max-width: 100%;
    margin: auto;
}
.Polaris-Icon__Svg {
    color: #fff0;
    fill: #fff;
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}
.upgrade__popup .upgrade__popup-header {
    height: 240px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    grid-gap: 8px;
    gap: 8px;
    padding-top: 16px;
}
.upgrade__popup .upgrade__popup-header .upgrade__popup-label {
    background: #ffd02f;
    border-radius: 2px;
    padding-left: 3px;
    padding-right: 3px;
    color: #000;
    font-family: "OpenSans", Sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-top: 48px;
}
.upgrade__popup .upgrade__popup-header .upgrade__popup-title {
    font-family: "Spoof", Sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    padding: 0 20px;
    text-align: center;
}
.upgrade__popup .upgrade__popup-content {
    margin: 36px 24px 24px;
    grid-gap: 8px;
    gap: 8px;
    display: flex;
    flex-direction: column;
    z-index: 1;
}
.upgrade__popup .upgrade__popup-content .popup__content-title {
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    line-height: 24px;
}
.upgrade__popup .upgrade__popup-content .popup__content-footer {
    display: flex;
    margin-top: 24px;
    grid-gap: 14px;
    gap: 14px;
}
.upgrade__popup .upgrade__popup-content .popup__content-footer .popup__btn {
    box-sizing: border-box;
    display: inline-block;
    outline: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    font-family: inherit;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    font-weight: 400;
    position: relative;
    cursor: pointer;
    border: none;
    text-decoration: none;
    border-radius: 4px;
}
.upgrade__popup .upgrade__popup-content .popup__content-footer .upgrade__btn {
    color: #fff;
    background-color: #3859ff !important;
    padding: 11px 24px 13px;
    font-size: 16px;
    line-height: 24px;
    height: 48px;
}
.upgrade__popup .upgrade__popup-content .popup__content-footer .cancel__btn {
    padding: 11px 24px 13px;
    font-size: 16px;
    line-height: 24px;
    height: 48px;
    background: #fff0;
    color: #fff;
}
.upgrade__popup .popup__content-subtitle {
    margin-top: 5px;
    display: flex;
    align-items: center;
}
.upgrade__popup .popup__content-subtitle img {
    width: 22px;
    margin-right: 5px;
}
.upgrade__popup .popup__content-subtitle span {
    font-size: 12px;
}
.upgrade__popup .upgrade__popup-parallax {
    width: 100%;
    height: 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 95% auto;
    overflow: hidden;
    position: absolute;
    -webkit-transform: translateZ(0) rotate(0.0001deg);
    transform: translateZ(0) rotate(0.0001deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.upgrade__popup .upgrade__popup-parallax .parallax__image-one,
.upgrade__popup .upgrade__popup-parallax .parallax__image-two {
    height: 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 95% auto;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
}
.upgrade__popup .upgrade__popup-parallax .parallax__image-one {
    width: 100%;
    position: absolute;
    background-image: url(https://cdn.shopify.com/s/files/1/0650/1233/4816/files/rocket_two.471f68ce.svg?v=1684504007);
    -webkit-filter: blur(3.5px);
    filter: blur(3.5px);
    top: 170px !important;
    position: relative;
    left: 0;
}
.upgrade__popup .upgrade__popup-parallax .parallax__image-two {
    background-image: url(https://cdn.shopify.com/s/files/1/0650/1233/4816/files/rocket_one.b800653c.svg?v=1684504007);
    top: 155px;
    left: 50px !important;
    width: 80%;
    left: 0;
    top: 0;
    position: absolute;
}
.dashboard-card-layout-wrapper.dark-card-layout-wrapper
    .dashboard-card-layout.dashboard-card-center-layout {
    display: flex;
    align-items: center;
    color: #fff;
    background: #1a1a1a;
    border: 1px solid #1a1a1a;
}
.dashboard-card-layout-wrapper.dark-card-layout-wrapper.cart-upsell-cart-card {
    display: none;
}
.dashboard-card-layout-wrapper.dark-card-layout-wrapper
    .dashboard-card-content-wrapper {
    padding: 0 20px;
    text-align: left;
}
.dashboard-card-layout-wrapper.dark-card-layout-wrapper
    .dashboard-card-layout
    .dashboard-card-para {
    padding-top: 7px;
    font-size: 13px;
    color: #e7e7e7;
}
.dashboard-card-layout-wrapper.dark-card-layout-wrapper
    .dashboard-card-layout
    .dashboard-card-footer
    .btn--secondary {
    width: max-content;
    color: #000;
    fill: #000;
    background: #d0f224;
    border: 1px solid #d0f224;
}
.dashboard-card-layout-wrapper.dark-card-layout-wrapper
    .dashboard-card-layout
    .dashboard-card-footer
    .btn--secondary.btn-loading,
.upgrade__popup
    .upgrade__popup-content
    .popup__content-footer
    .upgrade__btn.btn-loading {
    background-image: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/Rolling-0.6s-42px.svg?v=1618040331) !important;
    background-repeat: no-repeat !important;
    background-color: #fff0;
    background-size: 25px 25px !important;
    opacity: 0.7;
    background-position: center !important;
    cursor: no-drop;
    pointer-events: none;
}
.dashboard-card-layout-wrapper.dark-card-layout-wrapper
    .dashboard-card-layout
    .dashboard-card-footer {
    padding-top: 0;
}
.dashboard-card-layout-wrapper.dark-card-layout-wrapper
    .dashboard-card-layout
    .dashboard-card-img {
    margin-bottom: 0;
}
.dashboard-card-layout-wrapper.dark-card-layout-wrapper
    .dashboard-card-img-svg {
    fill: #fff;
    display: block;
    margin: 0 auto;
    height: 40px;
    margin-bottom: 0;
}
.custom-box-description.custom-box-description-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.section-data-tables
    .dashboard-card-layout-wrapper.dark-card-layout-wrapper
    .dashboard-card-content-wrapper {
    margin-left: 0;
    max-width: 100%;
}
.full-page-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #000000ad;
    color: #545454;
    display: none;
}
.full-page-overlay__wrap {
    margin: auto;
    width: 100%;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}
.full-page-overlay__content {
    margin: 0 auto;
    max-width: 36em;
    padding-left: 1em;
    padding-right: 1em;
    zoom: 1;
}
.full-page-overlay__content img {
    width: 90px;
}
.full-page-overlay__content span {
    display: block;
    padding-top: 10px;
}
.trusted-by-section .owl-carousel .item img {
    display: block;
    width: 100%;
    max-width: 200px;
}
.order-details-page .material-tooltip {
    background-color: #2a2a2a;
    color: #fff;
    border-radius: 5px;
    padding: 8px 8px;
    border: none;
    font-weight: 400;
    width: max-content;
}
.order-details-page .tooltipped {
    position: relative;
    display: inline-block;
}
.order-details-page .tooltipped::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    border-left: 5px solid #fff0;
    border-right: 5px solid #fff0;
    border-bottom: 7px solid #2a2a2a;
    margin-top: 9px;
    transition: opacity 0.3s ease-in-out;
}
.order-details-page .tooltipped:hover::after {
    opacity: 1;
}
.custom-info-card.email-design-info.idea-info-card {
    position: relative;
    z-index: 999;
    width: 100%;
    left: 0;
    margin: 0;
    border-radius: 0;
    border: none;
}
.custom-info-card.email-design-info.idea-info-card .card-content {
    padding: 6px 8px;
    border-radius: 0;
}
.custom-info-card.email-design-info.idea-info-card .setup-para {
    display: block;
    font-size: 12px;
    padding-top: 3px;
    color: #5a5a5a;
    font-weight: 300;
}
.custom-info-card.email-design-info.idea-info-card .idea-info-svg {
    height: 27px;
    width: 27px;
    margin: 0;
}
.detailed-side-card {
    position: relative;
    opacity: 1;
}
.order-details-page a {
    color: #5a5a5a;
}
.order-details-page a .external-link-new-img {
    fill: #807f7ff0;
    width: 10px;
}
.order-details-page .subscription-link {
    text-decoration: underline;
    text-decoration-color: #827e7e;
}
#subscription-cancel-modal input[type="text"].cancel_reason_input {
    height: 40px;
    border: 1px solid #b9b6b6;
    border-radius: 5px;
    padding-left: 10px;
    width: 97%;
}
#subscription-cancel-modal .info-card .info-card-text {
    font-size: 12px;
    font-weight: 300;
}
#subscription-cancel-modal .warning-icon-filler {
    height: 18px;
    width: 25px;
    margin-right: 12px;
}
.cancel_reason_text {
    padding-bottom: 10px;
    font-size: 13px;
    font-weight: 600;
}
#subscription-cancel-modal .cancel-modal-btn:disabled {
    background: #f1f1f1 !important;
    color: #8c9196 !important;
    opacity: 1;
    pointer-events: none;
    border: #f1f1f1;
}
.custom-info-card.snippet-change-info {
    margin: 15px 20px 0 0;
    margin-bottom: 0;
}
.custom-info-card.snippet-change-info .card-content {
    padding: 8px 8px;
}
.custom-info-card.snippet-change-info .warning-icon-filler,
.custom-info-card.snippet-change-info .info-icon-filler {
    height: 16px;
    width: 16px;
}
.custom-info-card.snippet-change-info .setup-header {
    padding: 0 10px;
}
.custom-info-card.snippet-change-info .setup-para {
    padding-top: 0;
}
.custom-info-card.snippet-change-info .external-link-new-title {
    text-decoration: underline;
}
.selected-product-list .product-title a {
    display: flex;
    align-items: center;
}
.selected-product-list .product-title a svg {
    min-width: max-content;
    margin-top: 1px;
}
.subscripton-empty-card img.no-subscription-option-svg {
    max-width: 150px;
}
.subscripton-empty-card .upgrade_public_btn {
    width: fit-content;
    max-width: fit-content;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    color: #fff;
}
.subscripton-empty-card .help-subscription-text {
    display: block;
    padding-top: 8px;
    font-size: 12px;
    text-decoration: underline;
    color: #838383;
    cursor: pointer;
}
.subscripton-empty-card .upgrade_public_btn svg {
    margin-left: 5px;
    color: #fff;
    fill: #fff;
}
#migration-chat-widget img {
    height: 14px;
    width: 13px;
    margin-right: 5px;
}
.btn.transparent-btn.export-btn i {
    color: #000;
}
.customer-side-block.custom-loading-icon {
    height: 480px;
    background-size: 50px 50px !important;
}
.custom-loader-container {
    position: absolute;
    height: 100%;
    width: calc(100% - 30px);
    z-index: 11;
    background: #ffffff82;
    display: flex;
    align-items: center;
    justify-content: center;
}
.prepaid-subscription-tag {
    padding: 0 10px;
    background: #fcfcfc;
    border-radius: 2rem;
    border: #cbcdcd 0.0625rem;
    font-size: 11px;
    color: #202223;
    border-color: #84868959;
    border-style: solid;
    text-align: left;
    width: fit-content;
    margin-top: 5px;
    margin-left: 2px;
}
.retail-subscription-payment-message {
    text-decoration: underline;
}
.settings-offline-success {
    text-align: center;
    background: #d9eae3;
    border-color: #c9e8db;
    color: #46a07e;
    padding: 10px 10px;
    font-size: 12px;
    border-radius: 4px;
    margin-bottom: 15px;
    border: 2px solid #c9e8db;
    margin-top: 15px;
}
.integration-page.step-plan-bottom {
    margin-bottom: 220px;
}
.checkout-phone-wrapper.mmb-error {
    border: 1px solid #bf0711 !important;
}
.subscriber-date {
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
}
.subscriber-name-header {
    margin-bottom: 5px;
}
.subscriber-details.customer-label {
    position: initial;
    padding: 0;
    font-weight: 300;
    font-size: 13px;
}
#activateRetailStore ul.useage-option,
#activateRetailStore ul.video-demo {
    display: flex;
    border: 1px solid #4e4b4b3d;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    box-shadow: 0.8px 1.6px 1.6px hsl(0deg 1.69% 57.82% / 46%);
}
#activateRetailStore ul.useage-option li,
#activateRetailStore ul.video-demo li {
    flex: 1;
    border-right: 1px solid #8080808a;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 10px;
    cursor: pointer;
}
#activateRetailStore ul.useage-option li:last-child,
#activateRetailStore ul.video-demo li:last-child {
    border-right: none;
}
#activateRetailStore ul.video-demo {
    margin-right: 58.5%;
}
.disable-link {
    color: #9b9898;
    text-decoration: none;
}
.subscription-details-page-view .material-tooltip .tooltip-content {
    background: #000;
    color: #fff;
    width: max-content;
    word-break: break-word;
    max-width: fit-content;
    padding: 14px 17px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
}
.subscription-details-page-view .detailed-side-card .tooltipped::after {
    content: "";
    position: absolute;
    top: 23%;
    left: 75%;
    transform: translateX(-50%);
    opacity: 0;
    border-left: 7px solid #2a2a2a;
    border-bottom: 6px solid #fff0;
    border-top: 6px solid #fff0;
    margin-top: 9px;
    transition: opacity 0.3s ease-in-out;
}
.subscription-details-page-view
    .detailed-side-card
    .change-contact-link
    .tooltipped::after {
    top: 19%;
}
.subscription-details-page-view
    .detailed-side-card
    .change-shipping-address-link
    .tooltipped::after {
    top: 13%;
}
.subscription-details-page-view .detailed-side-card .tooltipped:hover::after {
    opacity: 1;
}
.timeline-source-message {
    border-radius: 10px;
    font-size: 12px;
    padding: 2px 10px;
    background-color: #dfe3e8;
    color: #323232;
    font-weight: 500;
    margin-top: 12px;
}
.failed-order-number,
.halted-subscription-count,
.cancelled-subscription-count {
    position: absolute;
    right: 19px;
    font-size: 8px;
    top: 2px;
    z-index: 20;
    height: 14px;
    min-width: 15px;
    padding: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(1.5rem, -50%);
    background: #e71717;
    border-radius: 3rem;
    border: 1px solid #fff;
    color: #fff;
}
.halted-subscription-count {
    background: #f87217;
}
#orders-datatable .no-search-result-text {
    margin: 2% 25%;
    font-size: 13.5px;
}
.filter-dropdown .filter-dropdown-list input[name="daterange"] {
    border: 1px solid #9e9e9e;
    margin-left: 10px;
    padding-left: 10px;
    border-radius: 4px;
    width: 85%;
}
.next-order-date-search li label span {
    font-size: 13px;
}
.route-subscriptions .daterangepicker:before {
    display: none;
}
.route-subscriptions .daterangepicker {
    padding: 0;
    margin-left: -17px;
    margin-top: 5px;
    border-top: none;
    border-top-right-radius: unset;
    border-top-left-radius: unset;
}
.filterGroup .filter-dropdown-list {
    min-height: 300px;
    overflow-y: scroll;
}
.subscriber-details .external-link-new-img {
    margin-left: 2.5px;
    fill: #808080f0;
    height: 9px;
    width: 10px;
}
.route-subscriptions-view .subscribed-product-header .custom-tooltip::before {
    min-width: 250px;
}
.subscribed-product-header span.disabled {
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
    color: #a7a7a7;
    border-bottom: 1px dashed #e2e2e2;
    cursor: not-allowed;
}
a.link-customer-name {
    color: #323232;
    position: relative;
}
a.link-customer-name:hover {
    text-decoration: underline;
}
.deactivate-button.btn.btn-delete {
    border: 1px solid #ada7a7;
    color: #363232;
}
.subscription-details-page-view
    .detailed-side-card
    .input-payment-link-icon.tooltipped::after {
    display: none;
}
.product-right-side-flex
    .table-total-item-price-wrapper.add-custom-shipping-block {
    flex-direction: column;
    justify-content: flex-end;
    align-items: end;
    width: 62%;
}
.add-custom-shipping-block .add-custom-label {
    font-size: 14px;
    font-weight: 800;
}
.add-custom-shipping-block .add-custom-description {
    font-size: 12px;
}
.show-details .subscription-id-text,
.show-details .customer-email-text {
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-flex.shipping-product-flex {
    align-items: flex-start;
}
.edit-subscription-page .subscription-line-item {
    display: flex;
    align-items: center;
    padding-top: 8px;
    font-size: 13px;
    color: #323232;
    cursor: pointer;
}
.edit-subscription-page .subscription-line-item a {
    border-bottom: 1px dashed #636363;
}
.custom-pricing-box .add-input-container {
    padding-left: 36%;
    cursor: pointer;
    white-space: nowrap;
}
.custom-pricing-box .add-line-items-input {
    color: #323232;
    border-bottom: 1px dashed #636363;
    font-size: 12px;
}
.add-line-items-modal .custom-pricing-box {
    display: flex;
}
.add-line-items-modal .custom-pricing-box .delete-line-item-input {
    padding-top: 40px;
}
.subscription-product-list .subscription-line-item a {
    color: #323232;
}
.add-custom-shipping-msg {
    line-height: 1.25rem;
    margin-top: 5px;
}
.card-influence-wrapper {
    position: relative;
    margin-top: -45px;
}
.card-influence-wrapper
    .custom-info-card.email-design-info.idea-info-card:last-child {
    display: block;
    margin-top: 15px;
}
.card-influence-wrapper
    .custom-info-card.email-design-info.idea-info-card:last-child:before {
    content: "";
    height: 15px;
    border-left: 1px solid #ededed;
    position: absolute;
    bottom: 100%;
    left: 19px;
}
.card-influence-wrapper
    .custom-info-card.email-design-info.idea-info-card:first-child:before {
    content: unset;
}
.modal.import-export-modal.promo-message-modal {
    max-height: 80%;
}
.modal.import-export-modal.promo-message-modal .promo-modal-img {
    width: 100%;
}
.modal.import-export-modal.promo-message-modal .modal-header {
    text-align: center;
    background-color: #e6e7f5;
}
.modal.import-export-modal.promo-message-modal .modal-header-title {
    text-align: center;
    font-size: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal.import-export-modal.promo-message-modal .modal-footer {
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 25px;
}
.modal.import-export-modal.promo-message-modal .promo-modal-message {
    display: block;
    font-size: 15px;
    font-weight: 400;
    margin-top: 10px;
    display: flex;
    align-items: flex-start;
}
.modal.import-export-modal.promo-message-modal
    .promo-modal-message
    .promo-modal-message-icon {
    width: 20px;
    margin-right: 10px;
    margin-top: 3px;
}
.modal.import-export-modal.promo-message-modal .promo-modal-submessage {
    display: block;
    font-size: 15px;
    font-weight: 700;
    margin-top: 15px;
    margin-left: 30px;
}
.modal.import-export-modal.promo-message-modal .modal-desc-block {
    margin-bottom: 0;
}
.modal.import-export-modal.promo-message-modal .modal-footer .btn {
    padding: 12px 30px;
    line-height: unset;
    border: 1px solid #3f4eae;
    background-color: linear-gradient(180deg, #6371c7, #5563c1) !important;
}
.promo-upgrade-parallax {
    width: 100%;
    height: 200px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 95% auto;
    overflow: hidden;
    position: absolute;
    -webkit-transform: translateZ(0) rotate(0.0001deg);
    transform: translateZ(0) rotate(0.0001deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.promo-upgrade-parallax-img-one {
    width: 100%;
    position: absolute;
    background-image: url(https://cdn.shopify.com/s/files/1/0650/1233/4816/files/rocket_two.471f68ce.svg?v=1684504007);
    -webkit-filter: blur(3.5px);
    filter: blur(3.5px);
    top: 170px !important;
    position: relative;
    left: 0;
}
.promo-upgrade-parallax-img-two {
    height: 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 95% auto;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    background-image: url(https://cdn.shopify.com/s/files/1/0650/1233/4816/files/rocket_one.b800653c.svg?v=1684504007);
    left: 31px !important;
    width: 86%;
    top: 76px;
    position: absolute;
}
.modal-header-promo-img {
    width: 20px;
    margin-right: 11px;
}
button.btn--secondary.reinstall-link {
    margin: 10px 0 0 15px;
}
.modal.import-export-modal.promo-message-modal .modal-footer .btn.btn-loading {
    background-image: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/Rolling-0.6s-42px.svg?v=1618040331) !important;
    background-repeat: no-repeat !important;
    background-color: #fff0;
    background-size: 25px 25px !important;
    opacity: 0.7;
    background-position: center !important;
    cursor: no-drop;
    pointer-events: none;
}
.custom-info-card.custom-warning-card.custom-reinstallation-warning {
    margin-top: 0;
    margin-bottom: 5px;
}
.custom-info-card.custom-warning-card.custom-reinstallation-warning
    .reinstall-para-break {
    display: block;
    margin-top: 5px;
}
.edit-status-radio-desc,
.edit-incentivise-discount-desc {
    display: none;
    font-size: 12px;
    line-height: 20px;
    padding-top: 0;
    padding-bottom: 5px;
    color: #6f6f6f;
}
.edit-status-radio-desc.show-radio-desc {
    display: block;
}
.row .col.edit-incentivise-discount-wrapper {
    display: none;
    padding-top: 0;
    padding-left: 35px;
}
.row.custom-incentivisation-wrapper {
    margin-left: 20px;
    border-top: 1px solid #e2e2e2;
    padding-top: 13px;
}
.custom-input-box[data-row="specific_date"] .using-selector b:before,
.custom-input-box[data-row="specific_date"] .using-selector b:after,
.custom-input-box[data-row="specific_day"] .using-selector b:before,
.custom-input-box[data-row="specific_day"] .using-selector b:after {
    background-color: #dfe3e8;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 30%;
}
.card.custom-info-card.custom-plan-info-card {
    background: #fff;
    margin: 0 auto;
    border-radius: 8px;
    box-shadow:
        0 10px 20px rgb(0 0 0 / 0.19),
        0 6px 6px rgb(0 0 0 / 0.23);
    box-sizing: border-box;
    padding: 10px 10px;
    border: 0;
    display: block;
    overflow: initial;
    margin-top: 35px;
    max-width: 560px;
}
.custom-info-card.custom-plan-info-card .idea-info-svg {
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    margin: 0.4rem;
    height: 29px;
    width: 29px;
    max-height: 100%;
    max-width: 100%;
}
.card.custom-info-card.custom-plan-info-card:before {
    content: "";
    width: 2px;
    height: 35px;
    position: absolute;
    border: 1px dashed #a8a8a8;
    bottom: 100%;
    left: 50%;
    margin-left: 3px;
    z-index: 99999;
}
.card.custom-info-card.custom-plan-info-card .card-content {
    padding-top: 0;
}
.card.custom-info-card.custom-plan-info-card .custom-setup-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    justify-content: flex-start;
}
.card.custom-info-card.custom-plan-info-card .custom-btn-wrapper {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 10px;
    margin-left: 12px;
    width: 100%;
    margin-top: 20px;
}
.card.custom-info-card.custom-plan-info-card .btn--secondary.storefront-btn {
    width: -webkit-fill-available;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card.custom-info-card.custom-plan-info-card .btn.another-plan-btn {
    margin: 0;
    max-width: unset;
    width: inherit;
}
.card.custom-info-card.custom-plan-info-card
    .btn--secondary.storefront-btn
    svg {
    margin-left: 10px;
    fill: #5d5d5d;
}
.introjs-overlay {
    background-color: #00000091;
}
.custom-input-box[data-row="specific_date"] .using-selector b:before,
.custom-input-box[data-row="specific_day"] .using-selector b:before {
    right: 0;
    margin-left: -50%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 18%;
    top: -42px;
    width: 61px;
}
.specific_date_input {
    color: #6f6f6f;
    top: 10px;
    font-weight: 600;
    background: #fff;
    font-size: 12.5px;
    transition: 250ms;
    position: relative;
    left: 6px;
    padding: 0 3px;
    white-space: nowrap;
}
.cutOff-input-wrapper {
    width: 108%;
    margin-left: -25px;
}
.nextOrderPolicy-tag {
    border: 1px solid #5846a0;
    display: inline-block;
    padding: 1px 5px;
    border-radius: 15px;
    background: #fff;
    color: #5846a0;
    font-size: 11px;
    white-space: nowrap;
    margin-top: 20px;
}
.cutOffInput_container {
    background: #fff;
    border-radius: 3px;
    border: 1px solid #dedede;
    display: flex;
    align-items: end;
}
.plan-form-wrapper
    .mmb-wrapper
    .mmb-inner-info
    .custom-input-box
    .cutOffInput_container
    input {
    border: none;
}
.cutOffInput-unit {
    font-size: 12px;
    padding-right: 5px;
    color: #7e7e7e;
    padding-bottom: 8px;
}
.renewal-list-outer-wrapper .renewal-flex-wrapper {
    display: flex;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
}
.renewal-list-outer-wrapper {
    position: relative;
}
.renewal-list-outer-wrapper .renewal-list-wrapper {
    position: relative;
    padding: 10px 8px;
    border-radius: 4px;
    display: none;
    text-align: left;
    margin-top: 8px;
    margin-bottom: 10px;
}
.renewal-list-outer-wrapper .renewal-list-wrapper[data-reminder-count="1"] {
    display: flex;
}
.renewal-list-outer-wrapper
    .renewal-list-wrapper[data-reminder-count="1"]
    .renewal-list-line {
    display: none;
}
.renewal-list-outer-wrapper .renewal-list-count-wrapper {
    position: relative;
}
.renewal-list-outer-wrapper .renewal-list-count {
    display: none;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    text-align: center;
    padding: 1px 6px 1px 7px;
    font-size: 14px;
    margin-right: 10px;
    background: #fafafa;
    border: 1px solid #d8d8d8;
    border-radius: 50%;
    margin-top: 0;
    width: fit-content;
    color: #323232;
}
.renewal-list-outer-wrapper .renewal-list-line {
    display: none;
    top: 27px;
    left: 11px;
    height: calc(100% + 20px);
    position: absolute;
    border-left: 1px solid #e2e2e2;
}
.renewal-list-outer-wrapper .renewal-list-wrapper select {
    margin: 0 10px;
    padding-left: 0;
    text-align: left;
    max-width: fit-content;
    border-radius: 0;
    border-bottom: 1px solid #dedede;
    margin-left: 3px;
    margin-right: 4px;
    padding-bottom: 0;
    padding-top: 0;
    height: unset;
    min-height: unset;
    color: #323232;
}
.renewal-list-outer-wrapper
    .renewal-list-wrapper:not([style*="display: none"]):last-child {
    margin-bottom: 10px;
}
.renewal-list-outer-wrapper
    .renewal-list-wrapper[data-reminder-count="1"]
    .delete-reminder-btn {
    display: none;
}
.renewal-list-outer-wrapper.renewal-list-wrapper:last-child
    .delete-reminder-btn {
    display: block;
}
.renewal-list-outer-wrapper .add-more-reminder-wrapper {
    display: block;
    text-align: left;
    padding-left: 8px;
}
.renewal-list-outer-wrapper .add-more-reminder-span {
    text-decoration: underline;
    font-size: 13px;
    cursor: pointer;
}
.renewal-list-outer-wrapper .delete-reminder-btn {
    display: none;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.renewal-list-outer-wrapper .delete-reminder-btn-svg {
    display: block;
    height: 17px;
    width: 17px;
    max-height: 100%;
    max-width: 100%;
    color: #fff0;
    fill: #949494;
    margin: 0 5px;
}
.reminder-option-text {
    color: inherit;
    padding: 0 3px;
    text-decoration: none;
    display: flex;
    align-items: center;
}
.reminder-option-text span {
    text-decoration: underline;
}
.reminder-option-text i {
    font-size: 14px;
    margin-left: 3px;
}
.recur-qty-wrapper {
    display: flex;
    border: 1px solid #e3e9eb;
    margin-top: 5px;
    width: fit-content;
    border-radius: 4px;
}
.recur-qty-wrapper .recur-minus-btn {
    margin-bottom: 0;
    line-height: normal;
    padding: 0 8px;
    font-size: 15px;
    display: flex;
    align-items: center;
    color: #8a8a8a;
    cursor: pointer;
}
.recur-qty-wrapper .recur-minus-btn.disabled {
    cursor: not-allowed;
}
.recur-qty-wrapper .recur-plus-btn {
    margin-bottom: 0;
    line-height: normal;
    padding: 0 8px;
    font-size: 13px;
    display: flex;
    align-items: center;
    color: #8a8a8a;
    font-weight: 600;
    cursor: pointer;
}
input[type="number"].recur-qty-input,
.plan-form-wrapper .mmb-wrapper .mmb-inner-info input.recur-qty-input {
    margin-bottom: 0;
    line-height: 8px;
    height: 35px;
    width: 28px;
    padding: 0 5px;
    font-size: 13px;
    border: none;
    background: #f7f7f7;
    text-align: center;
    -webkit-appearance: none;
    margin: 0;
    outline: none;
}
input[type="number"].recur-qty-input::-webkit-inner-spin-button,
input[type="number"].recur-qty-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.auto-cancellation-input-wrapper {
    display: flex;
    align-items: center;
}
.auto-cancellation-input-wrapper .recur-qty-wrapper {
    margin-left: 8px;
    margin-right: 8px;
}
.auto-cancellation-order-input {
    border-bottom: 1px dashed #000;
    color: #000;
    font-weight: 600;
    padding: 0 12px;
}
.auto-cancellation-subscription-input {
    border-bottom: 1px dashed #000;
    color: #323232;
}
.using-selector[data-selector="charge"] b:after {
    width: 49%;
}
.using-selector[data-selector="apply"] b:after,
.using-selector[data-selector="with"] b:after {
    width: 63%;
}
.using-selector[data-selector="with"] {
    flex: 0 0 85px;
}
.using-selector[data-selector="to"] b:after {
    width: 67%;
}
.using-selector[data-selector="to"] b:before {
    left: 19%;
    top: -39px;
}
.policies-page .daterangepicker {
    margin-left: -4px;
    margin-top: 8px;
}
.block-connector span:after {
    background-color: #dfe3e7;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 60px;
    left: 0%;
    top: 11px;
    margin-right: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.block-connector span {
    border: 1px solid #5846a0;
    display: inline-block;
    padding: 1px 8px;
    border-radius: 15px;
    background: #fff;
    color: #5846a0;
    font-size: 11px;
    margin-left: -18px;
}
#set-override-policy .add_block,
#set-smart-renewal-setting .add_block {
    font-size: 13px;
    text-transform: none;
    color: #505050;
}
#set-override-policy .add_block i,
#set-smart-renewal-setting .add_block i {
    font-size: 15px;
    margin-right: 5px;
}
.policies-page .connector-selector,
.policies-page .policy-input-selector {
    margin: 0;
    padding: 0;
}
.policies-page .connector-selector b:before,
.policies-page .policy-input-selector b:before {
    left: 347%;
    top: 6px;
    width: 33px;
}
.policies-page .connector-selector b:after,
.policies-page .policy-input-selector b:after {
    left: 347%;
    top: 10px;
    width: 42px;
}
.policies-page .connector-selector span,
.policies-page .policy-input-selector span {
    margin-left: 350%;
    margin-top: 14px;
}
.policies-page .conditional-info-block .if__block {
    min-height: 20px;
}
.policies-page .conditional-info-block .condition__block {
    padding: 10px 60px 20px 20px;
}
.policies-page .conditional-info-block .condition__block.embed-block {
    padding: 10px 47px 20px 20px;
}
.policies-page .conditional-info-block .condition__block-wrapper .delete__rule {
    top: -24px;
}
.policies-page .condition_inner_block .col {
    border: 1px solid #ededed;
    padding: 0.5rem 1rem 0.5rem 1.2rem;
    margin-left: 6px;
}
.policies-page .search-bar.custom-dropdown-search {
    margin-bottom: 10px;
}
.policies-page .condition__block-wrapper .search-dropdown-list {
    margin-top: -10px;
}
.policies-page #reportsrange {
    margin-bottom: 10px;
}
.policies-page .input-label {
    font-weight: 600;
}
.policies-page input[name="daterange"] {
    border-bottom: none;
    font-size: 13px;
    margin-bottom: 0;
    padding-left: 13px;
}
.policies-page .policy-input-selector b:after {
    left: -19px;
    top: 22px;
    width: 67px;
    background-color: #ededed;
}
.policies-page .policy-input-selector b:before {
    left: -11px;
    top: -16px;
    width: 52px;
    background-color: #ededed;
}
.policies-page .policy-input-selector {
    width: 84px;
}
.automation_then_filter_condition_static .date-block:after {
    left: 26px;
    top: 77px;
    width: 30px;
    background-color: #ededed;
}
.automation_then_filter_condition_static .product-tag-block:after {
    top: 51px;
    left: 24px;
    width: 32px;
    background-color: #ededed;
}
.price-override-heading {
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
    padding-left: 26px;
    font-weight: 600;
}
.price-override-message {
    font-size: 13px;
    padding-top: 10px;
    color: #647381;
    margin-left: 12px;
    margin-top: 8px;
}
.price-override-block-wrapper .dropdown-head.empty {
    text-align: center;
}
.price-override-block-wrapper .condition_inner_block .col {
    width: 90%;
    margin-left: 8%;
}
.price-override-block-wrapper .data-list-wrapper {
    max-height: 250px;
    overflow: auto;
}
.price-override-block-wrapper .optional-input-field {
    top: 11px;
    right: 5px;
}
.price-override-block-wrapper .policy-input-selector {
    width: 0;
    height: 47px;
}
.automation_then_filter_condition_static.product-tag-automation {
    height: 0;
}
.modal.change-variant-modal {
    max-width: 450px;
    max-height: 85%;
    z-index: 9999 !important;
}
.modal.import-export-modal.change-variant-modal .modal-header {
    border: none;
}
.modal.change-variant-modal .alert-icon-svg {
    width: 85px;
    height: 85px;
    display: block;
    text-align: center;
    margin: 0 auto;
}
.modal.change-variant-modal.modal-header-title {
    text-align: center;
    display: block;
    padding-top: 12px;
    font-size: 21px;
    margin: 0 auto;
}
.modal.import-export-modal.change-variant-modal .modal-content {
    background: #fbeae5;
    margin-bottom: 5px;
    margin-top: 0;
    padding: 14px 15px 1px 15px;
    display: block;
    height: unset;
    text-align: center;
}
.modal.import-export-modal.change-variant-modal
    .modal-content.change-product-content {
    background: #fafafa;
    padding-top: 0;
}
.modal.import-export-modal.change-variant-modal .modal-footer {
    margin-top: 0;
    padding: 8px 24px 0 24px;
    margin-bottom: 12px;
}
.modal.import-export-modal.change-variant-modal .cancel-modal {
    background: #fff0;
    cursor: pointer;
    border: none;
    font-weight: 700;
    text-decoration: underline;
    font-size: 13px;
    border-radius: 5px;
    padding: 13px 10px;
    color: #323232;
    margin-right: 15px;
}
.modal.import-export-modal.change-variant-modal .lost-rev-span {
    font-size: 13px;
    line-height: 19px;
    display: block;
}
.modal.import-export-modal.change-variant-modal .modal-header-title {
    font-size: 15px;
    display: block;
    font-weight: 700;
    text-align: center;
    padding-top: 5px;
    margin-top: 5px;
}
.modal.import-export-modal.change-variant-modal button.modal-close {
    width: 35%;
}
.modal.import-export-modal.change-variant-modal .modal-footer .btn {
    width: 75%;
    background: #000 !important;
    padding: 3px 30px;
}
.modal.import-export-modal.change-variant-modal .lost-rev-price {
    display: block;
    font-weight: 700;
    font-size: 16px;
    padding-top: 10px;
    text-decoration: underline;
}
.modal.import-export-modal.change-variant-modal
    .condition_select_block.selected_product_block {
    height: unset;
    width: 100%;
}
.modal.import-export-modal.change-variant-modal .change_select_block {
    margin-top: 20px;
}
.modal.import-export-modal.change-variant-modal .change_select_link {
    display: block;
    font-size: 13px;
    text-decoration: underline;
    text-align: center;
    padding: 12px 10px;
    width: 100%;
}
.modal.import-export-modal.change-variant-modal .connector-selector {
    align-self: flex-end;
    width: 100%;
    flex: 0 0 90px;
    margin-left: 0;
    padding: 10px 0 15px 0;
    text-align: center;
}
.modal.import-export-modal.change-variant-modal .connector-selector b:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 11px;
    top: -22px;
    width: 18px;
    margin-left: 0;
}
.modal.import-export-modal.change-variant-modal .connector-selector b:after {
    right: 0;
    margin-left: 0;
    left: -32px;
}
.modal.import-export-modal.change-variant-modal
    .condition_select_block.selected_product_block
    .list-labels {
    text-align: left;
}
.modal.import-export-modal.change-variant-modal
    .condition_select_block.selected_product_block
    .list-labels
    .old-product-tag {
    position: absolute;
    font-size: 11px;
    color: #515151;
    background: #fcfcfc;
    border: 1px solid #cbcdcd;
    border-radius: 40px;
    padding: 1px 8px;
    right: 5px;
    top: 8px;
}
.modal.import-export-modal.change-variant-modal
    .condition_select_block.selected_product_block
    .list-labels
    .new-product-tag {
    position: absolute;
    font-size: 11px;
    color: #46a07e;
    background: #46a07e2e;
    border: 1px solid #46a07e2e;
    border-radius: 40px;
    padding: 1px 8px;
    right: 5px;
    top: 8px;
}
.modal.import-export-modal.change-variant-modal
    .condition_select_block.selected_product_block[data-count="1"]
    .add-selected-product-link {
    transform: unset;
    text-align: right;
    justify-content: flex-start;
    width: auto;
    padding: 0;
    position: absolute;
    line-height: normal;
    height: unset;
    top: unset;
    bottom: 9px;
    right: 9px;
    font-size: 13px;
}
.modal.import-export-modal.change-variant-modal .product-hyperlink-sku {
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    max-width: 220px;
    width: 100%;
}
.modal.import-export-modal.change-variant-modal
    .condition_select_block.selected_product_block
    .product-title-span-text {
    white-space: normal;
}
.modal.import-export-modal.change-variant-modal .change-halted-second-screen {
    display: none;
}
.modal.import-export-modal.change-variant-modal
    .modal-content.change-product-content
    .modal-desc-block {
    margin-bottom: 10px;
}
.modal.import-export-modal.change-variant-modal
    .modal-footer
    .btn.update-subscriptions-btn:disabled {
    background: #f1f1f1 !important;
    color: #8c9196 !important;
    opacity: 1;
    pointer-events: none;
    border: #f1f1f1;
}
.modal.import-export-modal.change-variant-modal .modal-footer .btn.btn-loading {
    background-image: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/Rolling-0.6s-42px.svg?v=1618040331) !important;
    background-repeat: no-repeat !important;
    background-size: 25px 25px !important;
    opacity: 0.7;
    background-position: center !important;
    cursor: no-drop;
    pointer-events: none;
}
#slide-out-right.sidenav,
#slide-out-left.sidenav {
    z-index: 99999999 !important;
}
body.overflow-hidden .modal.import-export-modal + .modal-overlay {
    z-index: 99999 !important;
}
.upsell_if_block .condition_select_block.selected_product_block .list-labels {
    padding: 10px 20px 1px 10px;
}
.upsell_if_block .condition_select_block.selected_product_block {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 2px;
}
.upsell_if_block .condition_select_block.selected_product_block ul {
    flex-basis: 100%;
    margin-top: 2px;
    overflow: auto;
    max-height: 234px;
}
.upsell_if_block .condition_select_block.selected_product_block ul li {
    flex-basis: 100%;
    border-bottom: 1px solid #ebe7e7;
}
.upsell_if_block
    .condition_select_block.selected_product_block[data-count]
    .list-labels {
    background: #fff;
    border-radius: 0;
    padding-right: 80px;
    padding-bottom: 3px;
    padding-left: 12px;
    padding-top: 13px;
    margin-bottom: 10px;
}
.upsell_if_block
    .condition_select_block.selected_product_block[data-count]
    span.search-img {
    width: 50px;
    height: 50px;
    margin-right: 15px;
}
.condition_select_block.selected_product_block[data-count] .search-img img {
    width: 45px;
    height: 45px;
    margin-right: 15px;
    border: 1px solid #f0f0f0;
    border-radius: 3px;
    object-fit: contain;
}
.upsell_then_block {
    margin-top: 20px;
}
.upsell_then_block .product-tag-label {
    margin-bottom: 12px;
}
.revenue-booster-link {
    margin: 8px 5px;
    background: #fff;
    overflow: unset;
    box-shadow:
        0 3px 3px 0 rgb(0 0 0 / 0.05),
        0 5px 15px 0 rgb(0 0 0 / 0.05);
    border: 1px solid #ebebeb;
    margin-left: 10px;
    max-width: 100%;
    min-width: 210px;
    width: 25%;
    border-radius: 20px;
    padding: 15px 20px 45px 20px;
    text-align: left;
    position: relative;
}
.revenue-booster-heading {
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 13px;
    color: #000;
}
.revenue-booster-description {
    display: block;
    font-size: 13px;
    color: #616161;
    line-height: 23px;
    margin-top: 12px;
}
.revenue-booster-svg {
    margin-left: 4px;
    fill: #46a07e;
    position: absolute;
    right: 20px;
    bottom: 11px;
    width: 22px;
    height: 22px;
}
.revenue-booster-indicator-text {
    position: absolute;
    bottom: 12px;
    font-size: 13px;
    font-weight: 700;
    color: #000;
}
.revenue-booster-indicator-text span {
    padding-right: 2px;
}
.revenue-booster-indicator-text span svg {
    height: 13px;
    width: 12px;
}
.col[data-field-type="upsell_if_filter_input_value"]
    .add-selected-product-link {
    padding-left: calc(100% - 100px);
    font-size: 13px;
}
.col[data-field-type="upsell_if_filter_input_value"]
    .add-selected-product-link
    span {
    text-decoration: underline;
    color: #46a07e;
    cursor: pointer;
}
.slide-out-products-upsell .new-search-list.search-list ul#search-results {
    max-height: calc(100vh - 260px);
}
.slide-out-products-upsell .search-list ul#search-results {
    overflow-y: auto;
}
[data-field-type="discount-input-wrapper"]
    .mmb-error[type="number"]:not(.browser-default):focus:not([readonly]) {
    border-bottom: 1px solid #bf0711;
}
.dashboard-card-layout-wrapper.booster-card-layout {
    margin: 10px 15px 10px 10px;
    height: fit-content;
}
.dashboard-card-layout-wrapper.booster-card-layout {
    margin: 10px 15px 10px 10px;
    height: fit-content;
}
.dashboard-card-layout-wrapper.booster-card-layout .booster-card-flex {
    display: flex;
    align-items: center;
}
.dashboard-card-layout-wrapper.booster-card-layout
    .dashboard-card-layout.dashboard-card-center-layout {
    flex-direction: column;
    text-align: left;
    padding: 15px 10px;
}
.dashboard-card-layout-wrapper.booster-card-layout
    .dashboard-card-layout
    .dashboard-card-footer {
    padding-top: 15px;
}
.dashboard-card-layout-wrapper.booster-card-layout .dashboard-card-img-wrapper {
    padding-right: 10px;
}
.dashboard-card-layout-wrapper.booster-card-layout .dashboard-card-heading {
    font-size: 14px;
    font-weight: 400;
}
.data-list-wrapper.product-tags-upsell-wrapper {
    overflow: auto;
    max-height: 152px;
}
.analytics-card-text {
    margin-bottom: 5px;
}
.analytics-card-text span {
    font-size: 12px;
    margin-left: calc(100% - 51px);
    color: #828282b8;
}
.analytics-card-text span.analytics-today {
    margin-left: calc(100% - 41px);
}
.show-more-products-link-upsell {
    position: static;
    min-width: calc(100%);
    padding: 22px 0 9px 0;
}
#automation-if-block .daterange {
    margin: 0;
    padding: 0;
    border-left: none !important;
    cursor: pointer;
}
.table-wrapper .badge.new-badge.paid-tag-badge {
    padding: 0 5px;
    margin-top: 2px;
}
.add-discount-span {
    padding-right: 0;
    margin-right: 5px;
    cursor: pointer;
    border-bottom: 1px dashed #46a07e;
    color: #46a07e;
}
.discount-code-wrapper .discount-code-span {
    padding-right: 0;
    margin-right: 5px;
    cursor: pointer;
    border-bottom: 1px dashed #636363;
}
.create-subscription-page
    .shipping-slab.only-shipping-slab
    .input-radio:checked
    + .input-radio-label:before {
    color: #46a07e;
    background: #fff;
    border: none;
    font-weight: 800;
    position: relative;
    bottom: 6px;
    left: 8px;
}
.order-view-section .product-summary-box .product-flex.discount-code-space {
    padding-top: 20px;
}
.address-row span.add-custom-description {
    font-size: 11.5px;
    max-width: 300px;
    padding-left: 12px;
    display: block;
}
.discount-coupon-wrapper {
    position: relative;
    right: 15px;
}
.discount-code-wrapper .close-icon-span svg {
    width: 15px;
    height: 15px;
}
.discount-code-wrapper .close-icon-span {
    padding: 4px 2px 4px 3px;
}
.apply-discount-code-wrapper {
    padding-bottom: 15px;
}
.address-row .apply-discount-code-wrapper span.add-discount-span {
    color: inherit;
    border-bottom-color: inherit;
    font-size: 11.3px;
}
.discount-code-wrapper i {
    margin-right: 5px;
    color: #666666e0;
    font-size: 13px;
}
.discount-code-wrapper .discount-code-span {
    border-bottom: 1px dashed #000;
    cursor: pointer;
}
.discount-code-wrapper .close-icon-span {
    position: relative;
    top: 2px;
    right: 4px;
}
.address-row span.discount-code-message {
    font-size: 11.5px;
}
.discount-code-detailed-tooltip {
    width: 53%;
    line-height: 1.3;
}
.toast-error-msg {
    font-size: 12.5px;
}
.discount-code-wrapper .close-icon-span {
    display: none;
}
.discount-code-wrapper:hover > .close-icon-span {
    display: inline-block;
}
.order-view-section
    .product-right-side-flex
    .table-product-price.shipping-table-product-price {
    padding-right: 10px;
}
.modal.change-cart-modal.import-export-modal.change-next-renewal
    .modal-desc-block {
    margin-bottom: 20px;
}
.modal.change-cart-modal.import-export-modal.change-next-renewal
    .export_date_label {
    font-size: 14px;
}
.modal.change-cart-modal.import-export-modal.change-next-renewal
    .modal-content {
    padding: 20px 24px;
}
#changeNextRenewal .next-order-span {
    cursor: pointer;
}
.theme-error-div .alert-box .alert-head {
    line-height: 20px;
}
.conditional-info-block
    .mmb-inner-info
    .condition__block-wrapper
    select[name="smart-renewal-interval-input"] {
    border: none;
    border-bottom: none;
    margin-bottom: 0;
    border-left: 1px solid #efefef;
    width: 25%;
}
.renewal-col-block
    .price-override-block-wrapper
    .condition__block-wrapper
    .condition__block {
    padding-bottom: 0;
    padding-top: 0;
}
.renewal-col-block
    .price-override-block-wrapper
    .condition__block-wrapper
    .condition__block:last-child {
    padding-bottom: 20px;
}
.renewal-col-block
    .price-override-block-wrapper
    .condition__block-wrapper
    .condition__block:last-child
    .policy-input-selector {
    display: none;
}
.renewal-col-block .policy-input-selector b:after {
    left: -28px;
    top: 32px;
    width: 85px;
}
.renewal-col-block .automation_then_filter_condition_static .date-block:after {
    left: 25px;
    top: 69px;
    width: 30px;
}
.policies-page .renewal-col-block .policy-input-selector b:before {
    left: -15px;
    top: -21px;
    width: 61px;
}
.policies-page .renewal-info-block .condition__block-wrapper .delete__rule {
    top: 64px;
    right: 20px;
}
.policies-page
    .renewal-info-block
    .condition__block-wrapper
    .delete__rule
    .delete_rule_btn
    svg {
    width: 18px;
    height: 18px;
}
.mmb-wrapper .mmb-inner-info .renewal-col-block input.mmb-error {
    border: 1px solid #bf0711 !important;
}
.dashboard-card-layout-wrapper.dark-card-layout-wrapper.analytics-card-layout-wrapper {
    margin-bottom: 50px;
    margin-left: 10px;
}
.dashboard-card-layout.dashboard-card-center-layout.analytics-card-layout {
    margin-right: 20px;
    padding-top: 10px;
    padding-bottom: 17px;
    border-radius: 15px;
    padding-left: 22px;
    flex: 1;
    justify-content: space-between;
}
.dashboard-card-layout.dashboard-card-center-layout.analytics-card-layout
    .analytics-card-content-block
    .analytics-card-content-dynamic {
    text-align: left;
    font-size: 38px;
}
.analytics-card-content-dynamic-span {
    color: #fff;
    font-weight: 500;
}
.dashboard-card-layout-wrapper.dark-card-layout-wrapper
    .dashboard-card-content-wrapper.analytics-card-content-wrapper {
    margin: 0;
    padding: 0;
}
.dashboard-card-heading.analytics-card-heading {
    font-size: 14px;
}
.dashboard-card-layout-wrapper.dark-card-layout-wrapper.analytics-card-layout-wrapper.homepage-card-layout-wrapper {
    margin-bottom: 25px;
}
.dashboard-card-layout.dashboard-card-center-layout.analytics-card-layout
    .analytics-card-content-block
    .analytics-card-content-dynamic.homepage-analytics-card-content-dynamic {
    font-size: 30px;
}
.dashboard-card-layout-wrapper.dark-card-layout-wrapper.analytics-card-layout-wrapper.homepage-card-layout-wrapper
    .analytics-card-layout {
    border-radius: 8px;
}
.account-upsell-dashboard-card-img-svg g path {
    stroke-width: 10px;
    stroke: #fff;
}
.addon-charge-wrapper {
    display: flex;
    align-items: center;
    margin-left: 20px;
    margin-top: 10px;
    font-size: 13px;
    color: #5c5c5c;
}
.addon-charge-wrapper .info-icon-filler {
    width: 12px;
    height: 12px;
    margin-right: 12px;
}
#subscriptions-datatable_processing div,
#plans-datatable_processing div,
.dataTables_processing div {
    display: none;
}
table.dataTable > tbody > tr {
    border-bottom: 1px solid #efefef;
}
table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > th.sorting_desc:after {
    display: none !important;
}
@media only screen and (max-width: 767px) {
    .introjs-tooltipReferenceLayer .introjs-tooltip {
        max-width: 90vw;
    }
    #slide-out-right.sidenav {
        width: 350px;
    }
    .navbar .header-search-wrapper {
        padding-left: 0;
        padding-right: 6px;
    }
    .navbar .navbar-dark .header-search-wrapper i {
        margin-right: 5px;
        font-size: 21px;
    }
    .unsaved-span {
        font-size: 14px;
        margin-left: 5px;
    }
    .save-wrapper .global-discard-btn {
        padding: 5px 8px;
        margin-right: 8px;
    }
    .save-wrapper .global-save-btn {
        padding: 5px 20px;
    }
    .navbar-fixed {
        height: 20px;
    }
    .navbar-header-logo {
        float: right;
        padding-top: 14px;
        padding-right: 16px;
    }
    .section {
        padding: 1rem 0;
    }
    .plan-wrapper {
        margin-top: 56px;
        padding: unset;
    }
    .sidenav-main {
        z-index: 999;
    }
    .sidenav.sidenav-fixed {
        display: none;
    }
    #card-stats.index-card-stats .col {
        padding: 0;
    }
    .dashboard-card-layout-wrapper {
        flex-wrap: wrap;
    }
    .dashboard-card-layout.dashboard-card-full-layout {
        flex-wrap: wrap;
    }
    .dashboard-card-layout.dashboard-card-full-layout .dashboard-card-img {
        width: 100%;
    }
    .dashboard-card-layout-wrapper
        .dashboard-card-layout.dashboard-card-first-layout {
        margin: 0;
        flex: 1 0 100%;
    }
    .dashboard-card-layout-wrapper
        .dashboard-card-layout.dashboard-card-second-layout {
        margin: 0;
        flex: 1 0 100%;
        margin-top: 25px;
    }
    .dashboard-card-layout-wrapper.dark-card-layout-wrapper
        .dashboard-card-layout.dashboard-card-center-layout {
        flex-wrap: wrap;
        margin: 0 4px;
        justify-content: center;
        flex: 1 0 100%;
    }
    .dashboard-card-layout-wrapper.dark-card-layout-wrapper
        .dashboard-card-layout.dashboard-card-center-layout.analytics-card-layout {
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .dashboard-card-layout-wrapper.dark-card-layout-wrapper
        .dashboard-card-layout.dashboard-card-center-layout.analytics-card-layout:nth-child(
            2
        ) {
        margin-top: 1rem;
    }
    .dashboard-card-img-wrapper {
        flex: 1 0 100%;
        width: 100%;
    }
    .dashboard-card-layout-wrapper.dark-card-layout-wrapper
        .dashboard-card-layout.dashboard-card-center-layout.analytics-card-layout
        .dashboard-card-img-wrapper {
        flex: unset;
        width: unset;
    }
    .dashboard-card-layout-wrapper.dark-card-layout-wrapper
        .dashboard-card-layout
        .dashboard-card-footer {
        padding-top: 25px;
    }
    .dashboard-card-layout-wrapper.dark-card-layout-wrapper
        .dashboard-card-content-wrapper.upsell-card-content-wrapper {
        padding-top: 10px;
        text-align: center;
    }
    .dashboard-card-layout.dashboard-card-full-layout .dashboard-card-footer {
        justify-content: center;
    }
    .dashboard-card-layout.dashboard-card-full-layout
        .dashboard-card-content-wrapper {
        text-align: center;
    }
    .dashboard-card-layout-wrapper.dark-card-layout-wrapper
        .dashboard-card-img-svg.dashboard-card-cart-upsell-img-svg {
        height: 61px;
    }
    .brand-sidebar.brand-sidebar-mobile {
        display: block;
        position: relative;
        left: 0;
        border-bottom: 1px solid #e2e2e2;
    }
    .brand-sidebar {
        display: none;
    }
    .sidenav-main .brand-sidebar.brand-sidebar-mobile .brand-logo {
        padding: 12px 18px 0 18px;
        position: relative;
        left: 126px;
        margin: 0;
    }
    .brand-sidebar.brand-sidebar-mobile .brand-sidebar-wrapper {
        position: static;
        padding-top: 0;
        padding-left: 17px;
        text-align: start;
    }
    .dashboard-card-img-overlay-wrapper {
        border-bottom-left-radius: 0;
        border-top-right-radius: 8px;
    }
    .navbar-header {
        background-color: #4ba872;
        height: 55px;
        margin: 0;
        position: fixed;
        z-index: 25;
        top: 0;
        width: 100%;
    }
    .navbar-list {
        display: inline;
        float: right;
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 11px;
        display: none;
    }
    .navbar-list a {
        color: #fff;
    }
    .container {
        margin-top: 59px;
    }
    .container .plan-wrapper {
        margin-top: 0;
        padding: unset;
    }
    .sidenav-trigger.btn-sidenav-toggle.waves-effect {
        z-index: 10;
        position: fixed;
        top: 9px;
        left: 8px;
        height: 36px;
        width: 36px;
    }
    .top-list-wrapper.display-flex {
        flex-wrap: wrap;
    }
    .list-plan-header-info {
        margin-top: 15px;
    }
    .btn.secondary-btn.secondary-btn-green.add-plan-btn {
        margin-left: 20px;
        padding: 20px 25px;
        float: left;
    }
    .search-bar.custom-search {
        min-width: unset;
    }
    .plan-wrapper.plan-wrapper-plans-page {
        padding: unset;
    }
    .mmb-info.mmb-full-info .mmb-info-header-desc {
        padding-top: 10px;
    }
    .plan-additional-info-wrapper {
        flex-wrap: wrap;
        padding-top: 15px;
    }
    [data-target="more-plan-preview"] {
        padding-top: 6px;
    }
    .selected-product-wrapper,
    .selected-collection-wrapper {
        flex-wrap: wrap;
    }
    .row .col.plan-product-col {
        padding: 0;
    }
    .mmb-info.plan-products-mmb-full-info {
        overflow: hidden;
    }
    .selected-product-list,
    .selected-collection-list {
        margin-left: 0;
        margin-top: 20px;
    }
    .input-icon-wrapper-right .input-icon {
        display: none;
        max-height: 33px;
        top: 11px;
        right: 13px;
    }
    .btn.btn-delete.delete-plan-btn {
        padding: 8px 30px;
    }
    .save-planbtn {
        padding: 20px 30px;
    }
    .plan-badge {
        padding: 3px 5px;
        right: 9px;
        top: 27%;
    }
    .row .col.s12.plan-auto-cancel-col {
        padding: 0 0.5rem;
    }
    .auto-cancellation-input-wrapper {
        display: block;
    }
    .optional-input-field {
        font-size: 12px;
        right: 19px;
        top: 18px;
    }
    .preview-plan-wrapper a {
        padding: 8px 10px;
    }
    .preview-plan-wrapper {
        margin-top: 10px;
    }
    .plan-wrapper .custom-info-card.plan-info-card {
        margin-top: 20px;
    }
    .selected-count-wrapper {
        min-height: 157px;
    }
    .show-more-products-link {
        bottom: -25px;
        right: 113px;
    }
    .order-view-section .custom-wrap {
        flex-wrap: wrap;
    }
    .subscription-detail-card.product-details-section .product-left-side-flex,
    .order-details-card .product-left-side-flex {
        width: 100%;
        margin-right: 10px;
    }
    .subscription-detail-card.product-details-section .product-right-side-flex,
    .order-details-card .product-right-side-flex {
        width: unset;
        margin-left: 71px;
    }
    .subscription-detail-card.product-details-section .product-name-wrapper {
        margin-left: 10px;
    }
    .subscription-detail-card .subscription-detail-card-content-only {
        padding: 24px 20px;
    }
    .subscription-detail-card-content-only .product-total-price-box,
    .order-total-price-card .product-total-price-box {
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .subscription-detail-card-content-only
        .product-total-price-box
        .product-left-side-flex {
        margin-right: 0;
        flex-basis: 60%;
    }
    .subscription-detail-card-content-only
        .product-total-price-box
        .product-right-side-flex {
        margin-left: 13px;
    }
    .subscription-detail-card-content-only
        .product-total-price-box
        .product-right-side-flex
        .view-detailed-link {
        margin-right: 0;
    }
    .product-summary-box .display-flex {
        flex-wrap: nowrap;
    }
    .subscription-detail-card.product-details-section
        .subscription-detail-card-summary
        .product-left-side-flex,
    .order-summary-details-card .product-left-side-flex {
        flex-basis: 40%;
        margin-right: 0;
    }
    .subscription-detail-card.product-details-section
        .subscription-detail-card-summary
        .product-right-side-flex {
        margin-left: 10px;
        justify-content: space-between;
        flex-basis: 60%;
    }
    .subscription-detail-card.product-details-section
        .subscription-detail-card-summary
        .product-right-side-flex
        div,
    .order-summary-details-card .product-right-side-flex div {
        text-align: start;
    }
    .subscription-detail-card.product-details-section
        .subscription-detail-card-summary
        .product-right-side-flex
        .add-custom-shipping-msg {
        display: none;
    }
    .add-custom-shipping-block {
        padding-left: 10px;
    }
    .timeline-outer-wrapper .card-content {
        max-height: 300px;
        overflow: scroll;
        padding-top: 5px;
    }
    .card .card-content.tab-card-content {
        overflow-x: scroll;
    }
    .row.details-section {
        flex-wrap: wrap;
    }
    .channel-platform-btn {
        margin-left: 50px;
    }
    .channel-platform-btn-wrapper,
    .details-section .show-details:nth-child(3) {
        flex-basis: 40%;
    }
    .details-section .show-details:nth-child(2),
    .details-section .show-details:nth-child(4) {
        flex-basis: 60%;
    }
    .table-wrapper .badge.new-badge {
        width: 175px;
    }
    .btn.secondary-btn.secondary-btn-green.create-subscription-btn {
        padding: 20px 10px;
        float: left;
        margin-left: 20px;
        margin-top: 11px;
    }
    #migration-chat-widget,
    #export-button,
    #import-button {
        float: left;
        margin-left: 20px;
    }
    .custom-info-card.email-design-info .custom-setup-inner {
        flex-direction: column;
    }
    .custom-info-card.email-design-info .custom-inner-width {
        text-align: center;
        margin-top: 10px;
    }
    .custom-info-card.email-design-info #create-bot-btn {
        margin-top: 15px;
    }
    .btn.transparent-btn {
        margin-left: 12px;
    }
    .settings-wrapper-list .settings-menu-item {
        width: unset;
    }
    .display-flex-responsive {
        display: flex;
        flex-wrap: wrap;
    }
    .display-flex {
        flex-wrap: wrap;
    }
    .mmb-header {
        margin-bottom: 25px;
    }
    .mmb-label,
    .mmb-info {
        flex-basis: 100% !important;
    }
    .mmb-info {
        margin-top: 15px;
    }
    .mmb-label {
        padding-left: 10px;
    }
    span.badge.snippet-installed-badge {
        justify-content: center;
        font-size: 12px;
        padding: 1px 12px;
    }
    .custom-box-description.custom-box-description-flex {
        flex-wrap: wrap;
    }
    .custom-filled-checkbox[type="checkbox"] + span:not(.lever) {
        line-height: 18px;
    }
    .more-frequency-wrapper {
        margin-top: 25px;
    }
    .btn--secondary.storefront-btn {
        padding: 10px 15px;
    }
    .snippet-details {
        flex-wrap: wrap;
    }
    .snippet-template {
        flex: 1 0 100%;
    }
    .snippet-template:nth-child(2) {
        margin-top: 15px;
    }
    .only-subscription-description {
        margin-top: 20px;
    }
    .retail-store-subscription-description {
        margin-top: 35px;
    }
    .dropify-wrapper.has-preview .dropify-clear,
    .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos {
        display: none !important;
    }
    .store_icon_wrapper:nth-child(2) {
        margin-top: 25px;
    }
    #basic-store-settings .row .col:nth-child(3) {
        margin-top: 14px;
    }
    .install-btn-wrapper .btn.btn-primary {
        padding: 0 1rem;
    }
    div.default-color-widget {
        width: 137px;
    }
    .mmb-wrapper .mmb-inner-info .default-color-widget input.form-color-input {
        padding-left: 10px;
        height: 2.3rem;
        width: 105px !important;
    }
    .default-color-widget .colorpicker .colorpicker-saturation {
        width: 95px;
        height: 95px;
    }
    .default-color-widget .colorpicker .colorpicker-hue,
    .default-color-widget .colorpicker .colorpicker-alpha {
        width: 15px;
        height: 93px;
        margin-left: 11px;
    }
    #change-product-widget-color .row .col:nth-child(4),
    #change-account-widget-color .row .col:nth-child(4) {
        margin-top: 24px;
    }
    #change-product-widget-color .row .col:nth-child(5),
    #change-account-widget-color .row .col:nth-child(5) {
        margin-top: 41px;
    }
    .embed-settings-section #change-product-widget-color .row .col:nth-child(5),
    .embed-settings-section
        #change-account-widget-color
        .row
        .col:nth-child(5) {
        margin-top: 24px;
    }
    .mmb-inner-info .shipping-type {
        padding-left: 0;
    }
    .row.custom-incentivisation-wrapper {
        margin-left: 0;
    }
    .custom-header-title {
        padding-bottom: 15px;
    }
    .row .col.s12.addon-charge-col {
        padding-left: 0;
        padding-top: 15px;
    }
    .addon-charge-wrapper {
        margin-left: 10px;
    }
    .addon-charge-wrapper .info-icon-filler {
        width: 26px;
        height: 16px;
        margin-right: 12px;
        margin-bottom: 5px;
    }
    .mmb-inner-info {
        padding-bottom: 40px;
    }
    .edit_subscriptions_col {
        padding-left: 10px;
    }
    .mmb-section-spacer {
        margin-top: 40px;
        margin-bottom: 20px;
    }
    .row .col.s12.policy-col-block {
        padding: 0 0.5rem;
    }
    .mmb-inner-info#set-override-policy {
        padding: 25px 21px;
    }
    .conditional-info-block .conditions-wrapper {
        flex-wrap: wrap;
    }
    #set-override-policy .add_block {
        margin-right: 2px;
    }
    .price-override-block-wrapper .condition_inner_block .col {
        width: 96%;
        margin-left: 15%;
        padding-left: 1rem;
    }
    .automation_then_filter_condition_static .date-block:after {
        left: 15px;
        top: 77px;
        width: 20px;
    }
    .policies-page .policy-input-selector b:before {
        left: -20px;
        top: -16px;
        width: 52px;
    }
    .automation_then_filter_condition_static .product-tag-block:after {
        top: 51px;
        left: 16px;
        width: 19px;
    }
    .policies-page .policy-input-selector b:after {
        left: -27px;
        top: 22px;
        width: 67px;
    }
    .policies-page .policy-input-selector span {
        margin-left: -11px;
        font-size: 10px;
    }
    .policies-page .conditional-info-block .if__block {
        min-height: 9px;
    }
    .policies-page .connector-selector b:before {
        left: 141%;
        top: 2px;
        width: 30px;
    }
    .policies-page .connector-selector span {
        margin-left: 143%;
        margin-top: 8px;
    }
    .policies-page .connector-selector b:after {
        left: 127px;
        top: 6px;
        width: 35px;
    }
    .price-override-block-wrapper .optional-input-field {
        display: none;
    }
    .price-override-heading {
        width: 81%;
    }
    .conditional-info-block .condition__block-wrapper .delete_rule_btn svg {
        height: 18px;
        width: 18px;
        bottom: 13px;
    }
    .step-plan-bottom .row .col.s12 {
        padding: 0;
    }
    .itg_row_wrapper {
        flex-wrap: wrap;
    }
    .itg_row_wrapper img {
        flex-basis: 15%;
    }
    .itg_row_wrapper.payment-intro .itg_wrapper {
        padding-bottom: 10px;
        padding-left: 29px;
        flex-basis: 75%;
    }
    .itg_row_wrapper.payment-intro .btn--secondary-deactivate {
        min-width: fit-content;
        margin-left: 74px;
        margin-right: 0;
    }
    .activate-integration {
        margin-left: 73px;
    }
    .notification_sender_name {
        flex-wrap: nowrap;
    }
    .row .col.store_icon_wrapper_responsive {
        padding: 0;
    }
    #sender-logo-background-section .row .col.s12.btn-background-wrapper {
        margin-top: 25px;
    }
    .revenue-booster-link {
        flex-basis: 100%;
    }
    .mmb-wrapper .mmb-inner-info select.browser-default {
        width: 100%;
    }
    .automation_then_filter_flex_wrapper {
        flex-wrap: wrap;
        margin: 0;
        padding: 1rem;
    }
    .automation_then_filter_flex_wrapper.without_flex_wrapper {
        margin: 0;
    }
    .conditional-info-block .condition__block {
        padding: 20px;
    }
    .condition__block-wrapper .custom-info-card.custom-warning-card,
    .condition__block-wrapper .custom-info-card {
        margin: 20px 20px 10px 20px;
    }
    .row .col.s12[data-field-type="automation_if_filter_condition"] {
        margin-top: 5px;
    }
    .condition_select_block.selected_product_block[data-count="1"]
        .list-labels {
        padding-right: 0;
        flex-wrap: wrap;
    }
    .condition_select_block.selected_product_block[data-count="1"]
        .add-selected-product-link {
        top: 20%;
        right: 8px;
        font-size: 12px;
    }
    .row .col.s12.bot-conditions-section-col {
        padding: 0;
    }
    .condition_select_block.selected_product_block .product-title-span-text {
        max-width: 200px;
    }
    .automation_then_filter_condition_static
        .auto-static-text-wrapper-second:after {
        display: inline-block;
        height: 1px;
        position: relative;
        vertical-align: middle;
        width: 46px;
        top: 38px;
        left: -63px;
        margin-right: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .flex-wrapper-swap-last {
        flex-wrap: wrap;
    }
    .automation-form
        .mmb-wrapper
        .automation_then_filter_flex_wrapper
        label.opacity-hidden {
        display: none;
    }
    .automation_then_filter_flex_wrapper.without_flex_wrapper
        .automation_then_filter_condition_static
        .auto-static-text-wrapper-first:after {
        width: 36px;
        left: 9px;
        top: 0;
    }
    .flex-wrapper-swap-last
        .main-input[data-field-type="automation_then_filter_condition_value"] {
        margin-top: 20px;
    }
    .flex-wrapper-swap-last
        .main-input[data-field-type="automation_then_filter_condition_value"]
        label {
        padding-left: calc(100% - 40px);
    }
    #create-new-bot {
        margin-top: 17px;
        padding: 20px 18px;
        margin-left: 6px;
    }
    .condition_select_block {
        margin-top: 4px;
    }
    #condition_then__block-list .using-selector {
        display: none;
    }
    #condition_then__block-list
        [data-field-type="automation_then_filter_condition"]
        select[name="automations_then_condition"] {
        position: relative;
        top: 20px;
        right: 50px;
    }
    #condition_then__block-list
        [data-field-type="automation_then_filter_condition_value"] {
        position: relative;
        bottom: -8px;
        right: 25px;
    }
    #condition_then__block-list
        [data-field-type="automation_then_filter_condition_value"]
        .input-field-wrapper {
        width: 137%;
    }
    #condition_then__block-list
        .automation_then_filter_condition_static
        .auto-static-text-wrapper-second:after {
        width: 35px;
        top: -34px;
        left: -119px;
    }
    #condition_then__block-list
        .automation_then_filter_condition_static
        .auto-static-text-wrapper-first:after {
        width: 100px;
        left: 137%;
        top: 4px;
    }
    [data-field-type="automation_then_filter_condition_value"]
        .input-field-wrapper
        span {
        position: relative;
        right: 30px;
    }
    #condition_then__block-list
        .condition__block[data-block-value="free_product_on_specific_renewal_cycle"]
        .automation_then_filter_condition_static
        .auto-static-text-wrapper-first:after,
    #condition_then__block-list
        .condition__block[data-block-value="swap_product_on_specific_renewal_cycle"]
        .automation_then_filter_condition_static
        .auto-static-text-wrapper-first:after {
        width: 62px;
        left: -18%;
        top: 11px;
    }
    #condition_then__block-list
        .condition__block[data-block-value="free_product_on_specific_renewal_cycle"]
        [data-field-type="automation_then_filter_condition"]
        select[name="automations_then_condition"],
    #condition_then__block-list
        .condition__block[data-block-value="swap_product_on_specific_renewal_cycle"]
        [data-field-type="automation_then_filter_condition"]
        select[name="automations_then_condition"] {
        position: relative;
        top: 6px;
        right: 0;
    }
    #condition_then__block-list
        .condition__block[data-block-value="free_product_on_specific_renewal_cycle"]
        .automation_then_filter_condition_static
        .auto-static-text-wrapper-second:after,
    #condition_then__block-list
        .condition__block[data-block-value="swap_product_on_specific_renewal_cycle"]
        .automation_then_filter_condition_static
        .auto-static-text-wrapper-second:after {
        width: 46px;
        top: 46px;
        left: -78px;
    }
    #condition_then__block-list
        .condition__block[data-block-value="free_product_on_specific_renewal_cycle"]
        [data-field-type="automation_then_filter_condition_value"],
    #condition_then__block-list
        .condition__block[data-block-value="swap_product_on_specific_renewal_cycle"]
        [data-field-type="automation_then_filter_condition_value"] {
        position: relative;
        bottom: 17px;
        right: 0;
    }
    #condition_then__block-list
        .condition__block[data-block-value="free_product_on_specific_renewal_cycle"]
        [data-field-type="automation_then_filter_condition_value"]
        .input-field-wrapper,
    #condition_then__block-list
        .condition__block[data-block-value="swap_product_on_specific_renewal_cycle"]
        [data-field-type="automation_then_filter_condition_value"]
        .input-field-wrapper {
        width: 100%;
    }
    .list-automation-section
        .mmb-wrapper
        .toggle-switch.settings-switch
        .switch-name {
        margin-right: 30px;
    }
    .template-variable-wrapper li,
    .template-variable-wrapper li code {
        display: inline;
    }
    .mmb-info.notification-details-mmb-info {
        margin-top: 35px;
    }
    .notification-tab-mmb-inner-info {
        margin-top: 104px;
    }
    .upsell_if_block
        .condition_select_block.selected_product_block[data-count]
        .list-labels {
        padding-right: 20px;
    }
    .row .col.s12.upsell-conditions-col,
    .row .col.s12.renewal-col-block {
        padding: 0;
    }
    .condition_select_block.selected_product_block .product-name {
        flex-basis: 100%;
    }
    #create-new-upsell {
        margin-top: 16px;
        padding: 20px 18px;
        font-size: 14px;
        margin-left: 4px;
    }
    .dashboard-card-layout-wrapper.dark-card-layout-wrapper.analytics-card-layout-wrapper {
        margin-left: 0;
    }
    .conditional-info-block
        .mmb-inner-info
        .condition__block-wrapper
        .input-field-wrapper
        input {
        width: 100%;
    }
    .conditional-info-block
        .mmb-inner-info
        .condition__block-wrapper
        select[name="smart-renewal-interval-input"] {
        width: 55%;
    }
    .policies-page .renewal-info-block .condition__block-wrapper .delete__rule {
        top: 50px;
    }
    #set-smart-renewal-setting .price-override-heading {
        width: 100%;
        padding-left: 13px;
    }
    .policies-page .renewal-col-block .policy-input-selector b:before {
        left: -21px;
        top: -16px;
        width: 54px;
    }
    .policies-page .renewal-col-block .policy-input-selector b:after {
        left: -37px;
        top: 32px;
        width: 86px;
    }
    .renewal-col-block
        .automation_then_filter_condition_static
        .date-block:after {
        left: 16px;
        top: 69px;
        width: 21px;
    }
    .policies-page
        .renewal-info-block
        .condition__block-wrapper
        .delete__rule
        .delete_rule_btn
        svg {
        height: 15px;
        width: 15px;
    }
    #notifications-section .toggle-switch.settings-switch,
    .external-integration-box .toggle-switch.settings-switch {
        flex-wrap: wrap;
    }
    #notifications-section .itg_row_wrapper img {
        margin-left: 10px;
    }
    #notifications-section .custom-info-card .custom-setup-inner {
        flex-direction: column;
    }
    #notifications-section .custom-info-card .setup-header {
        padding: 0;
        flex-wrap: wrap;
        justify-content: center;
    }
    .btn.secondary-btn.secondary-btn-green.whatsapp-upgrade-btn {
        margin-top: 20px;
    }
    #card-stats .col:first-child {
        padding-left: 1rem;
    }
    #card-stats .col:last-child {
        padding-right: 1rem;
    }
    .billing-side-plan-wrapper,
    .billing-side-plan-wrapper .plan-side-bottom {
        flex-wrap: wrap;
    }
    .billing-side-plan-wrapper {
        padding: 20px;
    }
    .billing-side-plan-wrapper .plan-side-title {
        padding-bottom: 20px;
    }
    .billing-plan-first,
    .billing-plan-second {
        flex-basis: 100%;
    }
    .billing-plan-second {
        padding-left: 0;
        margin-top: 25px;
    }
    .edit-subscription-page .subscription-product-list ul li {
        flex-wrap: wrap;
    }
    .create-subscription-page
        .edit-subscription-box
        .subscription-prod-description {
        flex-basis: 100%;
    }
    .edit-subscription-page
        .edit-subscription-box
        .subscription-qty-outer-wrapper {
        flex-basis: 100%;
        flex-wrap: wrap;
    }
    .create-subscription-page .edit-subscription-box .subscription-qty-wrapper {
        flex-basis: 100%;
    }
    .create-subscription-page .qty-change-wrapper {
        margin: 15px 0 10px 65px;
    }
    .edit-subscription-page .edit-subscription-box .subscription-price-wrapper {
        text-align: start;
        margin-left: 70px;
    }
    .edit-subscription-page .subscription-product-list ul li:not(:first-child) {
        padding-top: 20px;
    }
    .subscription-detail-card
        .edit-subscription-page
        .subscription-info-wrapper.edit-subscription-header {
        display: none;
    }
    .subscription-detail-card
        .subscription-detail-card-content
        .product-total-price-box {
        flex-wrap: nowrap;
    }
    .create-subscription-page .selected-count-wrapper {
        padding: 0 1rem;
    }
    .filter-btn-group.display-flex,
    #subscriptions-datatable_wrapper .display-flex,
    #orders-datatable .display-flex,
    #plans-datatable .display-flex {
        flex-wrap: nowrap;
    }
    .filter-btn-group .filter-dropdown.addFilter {
        display: none;
    }
    .search-bar-wrapper.new-search-wrapper {
        padding: 15px 10px 5px 10px;
    }
    .custom-wrap.subscribers-custom-wrap {
        flex-wrap: wrap;
    }
    .custom-wrap.subscribers-custom-wrap .details-section .show-details {
        flex-basis: 100%;
        text-align: start;
        padding-left: 40px;
        padding-top: 5px;
    }
    .custom-wrap.subscribers-custom-wrap
        .details-section
        .show-details:first-child {
        padding-top: 0;
    }
    .edit-subscription-page
        .edit-subscription-box
        .subscription-prod-description {
        flex-basis: 100%;
    }
    .edit-subscription-page .qty-change-wrapper {
        margin-left: 60px;
        margin-top: 12px;
    }
    #subscriptions-datatable {
        width: 100% !important;
    }
    table.dataTable > tbody > tr.child ul.dtr-details {
        width: 100%;
    }
    #subscriptions-datatable span.chat-badge.pstatus-badge,
    #plans-datatable span.chat-badge.pstatus-badge {
        display: inline-flex;
        float: unset;
    }
    table#subscriptions-datatable.dataTable
        > tbody
        > tr.child
        ul.dtr-details
        > li,
    table#orders-datatable.dataTable > tbody > tr.child ul.dtr-details > li,
    table#plans-datatable.dataTable > tbody > tr.child ul.dtr-details > li {
        padding: 0.5rem 0;
    }
    table#subscriptions-datatable.dataTable
        > tbody
        > tr.child
        ul.dtr-details
        > li
        .product-flex
        .product-img-qty-wrapper {
        flex-basis: 30%;
    }
    table#subscriptions-datatable.dataTable
        > tbody
        > tr.child
        ul.dtr-details
        > li
        .product-flex
        .product-img-qty-wrapper
        .product-img-qty {
        right: 44px;
    }
    table#subscriptions-datatable.dataTable
        > tbody
        > tr.child
        ul.dtr-details
        > li[data-dt-column="5"]
        span.dtr-title {
        max-width: 92px;
    }
    table#subscriptions-datatable.dataTable
        > tbody
        > tr.child
        ul.dtr-details
        > li[data-dt-column="4"]
        span.dtr-data,
    table#subscriptions-datatable.dataTable
        > tbody
        > tr.child
        ul.dtr-details
        > li[data-dt-column="6"]
        span.dtr-data,
    table#subscriptions-datatable.dataTable
        > tbody
        > tr.child
        ul.dtr-details
        > li[data-dt-column="1"]
        span.dtr-data {
        margin-left: 13px;
    }
    table#subscriptions-datatable.dataTable > thead > tr > th:first-child {
        width: 40% !important;
    }
    table#subscriptions-datatable.dataTable
        > thead
        > tr
        > th:first-child
        label {
        margin-left: 45px;
    }
    table#subscriptions-datatable.dataTable > tbody > tr > td:first-child {
        width: 40%;
    }
    table#subscriptions-datatable.dataTable
        > tbody
        > tr
        > td:first-child
        label {
        justify-content: flex-end;
        display: inline-flex;
    }
    table#subscriptions-datatable.dataTable
        > tbody
        > tr
        > td:first-child
        label
        span {
        margin-left: 25px;
    }
    table#subscriptions-datatable.dataTable.dtr-inline.collapsed
        > tbody
        > tr
        > td.dtr-control:before {
        position: relative;
        top: -8px;
    }
    table.dataTable thead > tr > th.sorting_desc:before,
    table.dataTable thead > tr > th.sorting_desc:after {
        display: none !important;
    }
    #plans-datatable.dataTable.dtr-inline.collapsed
        > tbody
        > tr
        > td:first-child {
        padding: 16px 18px;
    }
    .dataTable.dtr-inline.collapsed > tbody > tr > td:first-child {
        padding: 16px 18px;
        padding-left: 25px;
    }
    #plans-datatable.dataTable.dtr-inline.collapsed
        > thead
        > tr
        > th:first-child {
        width: 80%;
        text-align: center;
    }
    table#plans-datatable.dataTable.dtr-inline.collapsed
        > tbody
        > tr
        > td.dtr-control:before {
        margin-right: 0.4rem;
    }
    #customers-datatable span.badge.subcriber-badge {
        position: relative;
        bottom: 20px;
    }
    #orders-datatable {
        width: 100% !important;
    }
    table#orders-datatable.dataTable > tbody > tr > td:first-child {
        width: 60%;
    }
    table#orders-datatable.dataTable
        > tbody
        > tr
        > td:first-child
        .failed-order-wrapper {
        position: relative;
        bottom: 20px;
        left: 25px;
    }
    table#orders-datatable.dataTable
        > tbody
        > tr.child
        ul.dtr-details
        > li[data-dt-column="2"]
        span.dtr-data
        .product-flex,
    table#subscriptions-datatable.dataTable
        > tbody
        > tr.child
        ul.dtr-details
        > li[data-dt-column="3"]
        span.dtr-data
        .product-flex {
        margin-top: 12px;
    }
    table#subscriptions-datatable.dataTable
        > tbody
        > tr.child
        ul.dtr-details
        > li
        .customer-list-name {
        padding-left: 81px;
    }
    table.dataTable thead > tr > th.sorting:before,
    table.dataTable thead > tr > th.sorting:after {
        display: none !important;
    }
    .top-list-wrapper.products-list-top-list-wrapper
        .btn.secondary-btn.secondary-btn-green {
        float: left;
        margin-left: 23px;
        margin-top: 12px;
        padding: 20px 14px;
    }
    .top-list-wrapper.products-list-top-list-wrapper
        .btn.transparent-border-btn {
        margin-top: 11px;
        padding: 21px 15px;
        margin-right: 0;
    }
    .modal,
    .modal.mmb-modal {
        width: 90%;
    }
    .edit-subscription-page .addon-product-wrapper {
        flex-basis: 100%;
        max-width: unset;
    }
    .register-wrapper .btn.btn-primary {
        padding: 22px 16px;
    }
    .register-wrapper img {
        max-width: 330px;
    }
    .upgrade-flex-wrapper {
        flex-wrap: wrap;
    }
    .upgrade-flex-wrapper .btn.secondary-btn {
        margin-left: 41px;
        margin-top: 16px;
    }
    .cart-upsell-modal {
        bottom: 0;
        right: 0;
        margin: 0 0.8rem;
    }
    .cart-upsell-modal .upgrade__popup-container {
        width: 100%;
        justify-content: center;
    }
    .upgrade__popup .upgrade__popup-content .popup__content-footer {
        margin-top: 14px;
        flex-wrap: wrap;
    }
    .upgrade__popup .upgrade__popup-content .popup__content-title,
    .upgrade__popup .upgrade__popup-content .popup__content-body {
        margin: 0 0.5rem;
    }
    .upgrade__popup .upgrade__popup-content .popup__content-footer {
        margin-left: 2.5rem;
        height: 91px;
    }
    .upgrade__popup
        .upgrade__popup-content
        .popup__content-footer
        .cancel__btn {
        padding-left: 5rem;
    }
    .modal.import-export-modal .modal-desc-block .full-preview-img {
        height: 185px;
    }
    .specific-input-block.specific-input-block-plans .using-selector,
    .specific-input-block.specific-input-block-plans .nextOrderPolicy-tag,
    .specific-input-block.specific-input-block-plans
        .automation_then_filter_condition_static,
    .specific-input-block.specific-input-block-plans .nextOrderPolicy-tag {
        display: none;
    }
    .specific-input-block.specific-input-block-plans .specific_date_input {
        font-size: 12px;
    }
    .specific-input-block.specific-input-block-plans .cutOff-input-wrapper {
        width: unset;
        margin-left: unset;
    }
    .specific-input-block.specific-input-block-plans
        [data-field-type="automation_then_filter_condition_value"] {
        padding-right: 0;
    }
    .specific-input-block.specific-input-block-plans
        .automation_then_filter_flex_wrapper {
        padding: 1rem 0;
    }
    .col.s12.col-specific-date {
        padding: 0;
    }
    #auto-cancellation-modal .recur-qty-wrapper {
        display: inline-flex;
    }
    .step-plan-bottom .row {
        padding: 0 0.8rem;
    }
    .mmb-modal.plan-modal.global-save-modal .cancel-modal {
        float: left;
        padding: 12px 16px;
        margin-right: 0;
    }
    .mmb-modal.plan-modal.global-save-modal .remove-btn {
        padding: 20px 13px;
    }
    table.dataTable > tbody > tr.child ul.dtr-details > li {
        border-bottom: none !important;
    }
    .header-info.user-plan-header-info {
        align-items: flex-start;
        margin-top: 16px;
    }
    .header-info.user-plan-header-info .btn.secondary-btn.secondary-btn-green {
        padding: 21px 20px;
    }
    .modal.mmb-modal.credit_modal,
    .modal.mmb-modal.email_modal {
        width: 90%;
    }
    .transaction-section .dataTables_wrapper .dataTables_filter input,
    .modal.mmb-modal.public_billing_modal {
        width: 90% !important;
    }
    .money-back-info-wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }
    .store_plan_list .store_list_wrapper .store_card {
        flex-basis: 100%;
    }
    .daterangepicker.show-calendar .ranges {
        display: none;
    }
    .mmb-header-title .title-upgrade-span {
        flex-wrap: wrap;
        margin-top: 7px;
    }
    .navbar-header .btn-sidenav-toggle i {
        color: #000;
        background-color: #fff;
        font-size: 1.5rem;
    }
    .modal.import-export-modal.enable-theme-extension-modal .modal-content {
        padding: 18px 9px;
    }
    .modal.import-export-modal.enable-theme-extension-modal .modal-footer {
        padding-right: 10px;
    }
    .modal.import-export-modal.enable-theme-extension-modal .modal-footer .btn {
        line-height: unset;
        height: unset;
        padding: 10px 12px;
        margin-left: 10px;
    }
    .change-modal.mmb-modal.plan-modal.enable-theme-extension-modal {
        max-width: 95% !important;
        width: 95% !important;
    }
    .setup_box_wrapper .setup-tabs.setup-tabs-left,
    .setup_box_wrapper .setup_flex_wrapper {
        flex-direction: column;
    }
    .setup_box_wrapper .setup-tabs .setup-tabs-nav-wrap {
        display: block;
    }
    .setup_box_wrapper .setup_flex_one,
    .setup_box_wrapper .setup_flex_two {
        width: 100%;
    }
    .setup_box_wrapper .setup-tabs-tabpanel {
        padding-left: 16px;
        padding-right: 16px;
    }
    .setup_box_wrapper .setup_plan_footer .btn {
        padding: 3px 16px;
        min-width: 140px;
    }
    .setup_box_wrapper .setup-tabs-tab-ink {
        display: none;
    }
    .dashboard-card-layout.dashboard-card-full-layout.dashboard-card-setting-subscription,
    .dashboard-card-layout.dashboard-card-full-layout.dashboard-card-full-layout-referals {
        flex-direction: column-reverse;
    }
    .dashboard-card-layout.dashboard-card-full-layout.dashboard-card-setting-subscription
        .dashboard-card-img-wrapper,
    .dashboard-card-layout.dashboard-card-full-layout.dashboard-card-full-layout-referals
        .dashboard-card-img-wrapper {
        flex: unset;
        display: flex;
        justify-content: center;
        align-items: center;
        height: unset;
    }
    .dashboard-card-layout.dashboard-card-full-layout.dashboard-card-setting-subscription
        .dashboard-card-img {
        height: 173px;
    }
    body
        .dashboard-card-layout.dashboard-card-full-layout.dashboard-card-full-layout-referals
        .dashboard-card-img {
        margin: 0;
    }
    .scroll-true {
        overflow: hidden;
    }
}
@media only screen and (max-width: 392px) {
    #condition_then__block-list .using-selector {
        display: none;
    }
    #condition_then__block-list
        [data-field-type="automation_then_filter_condition"]
        select[name="automations_then_condition"] {
        position: relative;
        top: 38px;
        right: 50px;
    }
    #condition_then__block-list
        [data-field-type="automation_then_filter_condition_value"] {
        position: relative;
        bottom: 28px;
        right: 17px;
    }
    #condition_then__block-list
        [data-field-type="automation_then_filter_condition_value"]
        .input-field-wrapper {
        width: 137%;
    }
    #condition_then__block-list
        .automation_then_filter_condition_static
        .auto-static-text-wrapper-second:after {
        width: 38px;
        top: -6px;
        left: -120px;
    }
    #condition_then__block-list
        .automation_then_filter_condition_static
        .auto-static-text-wrapper-first:after {
        width: 80px;
        left: 137%;
        top: 33px;
    }
    #condition_then__block-list
        .condition__block[data-block-value="free_product_on_specific_renewal_cycle"]
        .automation_then_filter_condition_static
        .auto-static-text-wrapper-first:after,
    #condition_then__block-list
        .condition__block[data-block-value="swap_product_on_specific_renewal_cycle"]
        .automation_then_filter_condition_static
        .auto-static-text-wrapper-first:after {
        width: 62px;
        left: -18%;
        top: 11px;
    }
    #condition_then__block-list
        .condition__block[data-block-value="free_product_on_specific_renewal_cycle"]
        [data-field-type="automation_then_filter_condition"]
        select[name="automations_then_condition"],
    #condition_then__block-list
        .condition__block[data-block-value="swap_product_on_specific_renewal_cycle"]
        [data-field-type="automation_then_filter_condition"]
        select[name="automations_then_condition"] {
        position: relative;
        top: 6px;
        right: 0;
    }
    #condition_then__block-list
        .condition__block[data-block-value="free_product_on_specific_renewal_cycle"]
        .automation_then_filter_condition_static
        .auto-static-text-wrapper-second:after,
    #condition_then__block-list
        .condition__block[data-block-value="swap_product_on_specific_renewal_cycle"]
        .automation_then_filter_condition_static
        .auto-static-text-wrapper-second:after {
        width: 46px;
        top: 46px;
        left: -78px;
    }
    #condition_then__block-list
        .condition__block[data-block-value="free_product_on_specific_renewal_cycle"]
        [data-field-type="automation_then_filter_condition_value"],
    #condition_then__block-list
        .condition__block[data-block-value="swap_product_on_specific_renewal_cycle"]
        [data-field-type="automation_then_filter_condition_value"] {
        position: relative;
        bottom: 17px;
        right: 0;
    }
    #condition_then__block-list
        .condition__block[data-block-value="free_product_on_specific_renewal_cycle"]
        [data-field-type="automation_then_filter_condition_value"]
        .input-field-wrapper,
    #condition_then__block-list
        .condition__block[data-block-value="swap_product_on_specific_renewal_cycle"]
        [data-field-type="automation_then_filter_condition_value"]
        .input-field-wrapper {
        width: 100%;
    }
}
@media only screen and (min-width: 767px) and (max-width: 992px) {
    .container {
        margin-top: 59px;
    }
    .navbar-fixed {
        height: 20px;
    }
    .sidenav-main {
        z-index: 999;
    }
    .brand-sidebar {
        display: none;
    }
    .sidenav.sidenav-fixed {
        display: none;
    }
    #main {
        padding-left: 0;
    }
    #card-stats {
        margin-top: 27px;
    }
    .navbar-header {
        background-color: #4ba872;
        height: 51px;
        margin: 0;
        position: fixed;
        z-index: 25;
        top: 0;
        width: 100%;
    }
    .navbar-list {
        display: inline;
        float: right;
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 11px;
        display: none;
    }
    .navbar-list a {
        color: #fff;
    }
    #card-stats {
        margin-top: 65px;
    }
    #card-stats:has(.campaign-statistics-col) {
        margin-top: 10px;
    }
    .navbar-header-logo {
        float: right;
        padding-top: 14px;
        padding-right: 20px;
    }
    .brand-sidebar.brand-sidebar-mobile {
        display: block;
        position: relative;
        left: 0;
        border-bottom: 1px solid #e2e2e2;
    }
    .sidenav-main .brand-sidebar.brand-sidebar-mobile .brand-logo {
        padding: 12px 18px 0 18px;
        position: relative;
        left: 126px;
        margin: 0;
    }
    .brand-sidebar.brand-sidebar-mobile .brand-sidebar-wrapper {
        position: static;
        padding-top: 0;
        padding-left: 17px;
        text-align: start;
    }
    .sidenav-trigger.btn-sidenav-toggle.waves-effect {
        z-index: 10;
        position: fixed;
        top: 2px;
        left: 6px;
    }
    .plan-wrapper {
        margin-top: 50px;
    }
    .container .plan-wrapper {
        margin-top: 0;
    }
    .automation-form .mmb-label,
    .notification-sender-form .mmb-label {
        flex-basis: 100%;
    }
    .automation-form .mmb-info,
    .notification-sender-form .mmb-info {
        flex-basis: 100%;
    }
    .automation-form .mmb-wrapper,
    .notification-sender-form .mmb-wrapper {
        flex-wrap: wrap;
    }
    .conditional-info-block .condition__block {
        padding: 20px;
    }
    .embed-main #card-stats {
        margin-top: 0;
    }
    .display-flex-responsive {
        display: flex;
        flex-wrap: wrap;
    }
    .mmb-header {
        margin-bottom: 20px;
    }
    .mmb-label,
    .mmb-info {
        flex-basis: 100%;
    }
    .mmb-info {
        margin-top: 15px;
    }
    .mmb-label {
        padding-left: 8px;
    }
    span.badge.snippet-installed-badge {
        justify-content: center;
        font-size: 12px;
        padding: 1px 12px;
    }
    .custom-box-description.custom-box-description-flex {
        flex-wrap: wrap;
    }
    .custom-filled-checkbox[type="checkbox"] + span:not(.lever) {
        line-height: 18px;
    }
    .more-frequency-wrapper {
        margin-bottom: 4px;
    }
    .btn--secondary.storefront-btn {
        padding: 10px 15px;
    }
    .snippet-details {
        flex-wrap: wrap;
    }
    .only-subscription-description {
        margin-top: 20px;
    }
    .retail-store-subscription-description {
        margin-top: 35px;
    }
    .dropify-wrapper.has-preview .dropify-clear,
    .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos {
        display: none !important;
    }
    #basic-store-settings .row .col:nth-child(3) {
        margin-top: 14px;
    }
    div.default-color-widget {
        width: 137px;
    }
    .mmb-wrapper .mmb-inner-info .default-color-widget input.form-color-input {
        padding-left: 10px;
        height: 2.3rem;
        width: 105px !important;
    }
    .default-color-widget .colorpicker .colorpicker-saturation {
        width: 95px;
        height: 95px;
    }
    .default-color-widget .colorpicker .colorpicker-hue,
    .default-color-widget .colorpicker .colorpicker-alpha {
        width: 15px;
        height: 93px;
        margin-left: 11px;
    }
    .mmb-section-spacer {
        margin-top: 40px;
        margin-bottom: 20px;
    }
    .automation_then_filter_condition_static .date-block:after {
        left: 25px;
        top: 77px;
        width: 22px;
    }
    .automation_then_filter_condition_static .product-tag-block:after {
        top: 51px;
        left: 24px;
        width: 24px;
    }
    .search-bar.custom-search {
        min-width: unset;
    }
    .order-view-section .custom-wrap {
        flex-wrap: wrap;
    }
    .order-view-section .custom-wrap .custom-wrap-item {
        flex-basis: 100%;
    }
    .timeline-outer-wrapper .card-content {
        max-height: 300px;
        overflow: scroll;
        padding-top: 5px;
    }
    table#subscriptions-datatable.dataTable > tbody > tr > td:first-child {
        width: 30%;
    }
    .specific-input-block.specific-input-block-plans .using-selector,
    .specific-input-block.specific-input-block-plans .nextOrderPolicy-tag,
    .specific-input-block.specific-input-block-plans
        .automation_then_filter_condition_static,
    .specific-input-block.specific-input-block-plans .nextOrderPolicy-tag {
        display: none;
    }
    #condition_then__block-list
        [data-field-type="automation_then_filter_condition_value"] {
        right: 68px;
    }
}
table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > th.sorting_asc_disabled:before,
table.dataTable thead > tr > th.sorting_desc_disabled:before,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:before {
    display: none !important;
}
table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > th.sorting_asc_disabled:after,
table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc_disabled:after {
    display: none !important;
}
table.dataTable thead .sorting {
    background-image: none !important;
}
.setup-tabs-tabpanel[data-step="enable_recurpay_widget"] .setup_flex_one {
    width: 100%;
}
.btn--secondary.storefront-btn.enable-widget-btn {
    background: linear-gradient(45deg, #1fa27e, #5d9a7e) !important;
    color: #fff;
}
.modal.import-export-modal.enable-theme-extension-modal .promo-modal-img {
    width: 100%;
}
.dashboard-card-layout.dashboard-card-full-layout
    .dashboard-card-content-wrapper.dashboard-card-content-wrapper-theme-extension {
    padding: 15px 20px;
}
.change-modal.mmb-modal.plan-modal.enable-theme-extension-modal {
    max-width: 700px;
    width: 700px;
}
.mmb-modal.plan-modal.global-save-modal.enable-theme-extension-modal
    .modal-footer {
    padding-top: 0;
    margin-top: 0;
}
.modal.import-export-modal.enable-theme-extension-modal .modal-desc-block {
    margin-bottom: 10px;
}
.btn.btn-primary.schedule-call-btn,
.btn.btn-primary.live-chat-btn {
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: normal;
    height: initial;
}
.dashboard-card-layout.dashboard-card-full-layout.dashboard-card-full-layout-referals
    .dashboard-card-img {
    width: fit-content;
    height: 200px;
    margin-top: 22px;
}
.autoExpiryMsg.placeOrderLink {
    padding-top: 18px;
    padding-left: 30px;
}
.install-btn-wrapper .btn.btn-primary {
    padding: 0 1.5rem;
    font-size: 13.5px;
}
.place_instant_order_wrapper {
    font-size: 13px;
    font-weight: 800;
    margin-right: 4px;
    margin-left: 5px;
}
.place_instant_order_wrapper a {
    border-bottom: 1px dashed #323232;
}
ul.new-tab-layout.order-history-tab-ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.place_instant_order_div {
    display: flex;
    align-items: end;
}
.place_instant_order_div svg {
    width: 14px;
    height: 14px;
    margin-bottom: 1px;
    fill: #323232;
}
.price-override-block-wrapper
    .search-bar.embed-custom-search
    input[name="product_tag_search"] {
    width: 85%;
}
.price-override-block-wrapper
    .search-bar.embed-custom-search
    .optional-input-field {
    right: 36px;
}
.price-override-block-wrapper .condition_inner_block .col.embed-policy-padding {
    margin-left: 10%;
}
.embed-settings-section .revenue-booster-link {
    width: 30%;
}
.embed-settings-section .revenue-booster-link-wrapper {
    flex-wrap: wrap;
}
.actionWrapper.embed-actionWrapper {
    margin-left: 50px;
}
.embed-settings-section
    .renewal-col-block
    .automation_then_filter_condition_static
    .date-block:after {
    left: 25px;
    top: 67px;
    width: 20px;
}
.policies-page
    .embed-settings-section
    .renewal-col-block
    .policy-input-selector
    b:before {
    left: -16px;
    top: -21px;
    width: 61px;
}
.embed-settings-section .renewal-col-block .policy-input-selector b:after {
    left: -29px;
    top: 32px;
    width: 87px;
}
.embed-main .automation-form .mmb-wrapper .mmb-inner-info input,
.embed-main
    .automation-form
    .mmb-wrapper
    .mmb-inner-info
    select.browser-default {
    width: 100%;
}
.embed-main
    .automation-form
    .mmb-wrapper
    .automation_then_filter_flex_wrapper
    label.opacity-hidden {
    height: 25px;
}
.embed-main
    .automation-form
    .mmb-wrapper
    .mmb-inner-info
    #condition_then__block-list
    select[name="automations_then_condition"] {
    width: 131%;
    position: relative;
    z-index: 20;
    margin-right: 10px;
}
.embed-main
    .conditional-info-block
    .mmb-inner-info
    .condition__block-wrapper
    select[name="smart-renewal-interval-input"] {
    width: 25%;
}
.embed-main .plan-wrapper-plans-page .automation_then_filter_condition_static {
    width: 15px;
}
.embed-main
    .plan-wrapper-plans-page
    .automation_then_filter_condition_static
    .auto-static-text-wrapper-first:after {
    width: 22px;
    left: -2px;
}
.embed-main
    .plan-wrapper-plans-page
    .automation_then_filter_condition_static
    .auto-static-text-wrapper-second:after {
    width: 21px;
}
.analytics #card-stats .row {
    display: flex;
    flex-wrap: wrap;
}
.card-border-top-radius-none {
    border-top: none;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.card-border-bottom-radius-none {
    border-bottom: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.translations-form .tabs.tabs-fixed-width {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.translations-form .mmb-inner-info.extra-padding {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
.section-integrations .mmb-info {
    background-color: unset;
    border: unset;
    border-radius: 0;
}
.section-integrations .mmb-inner-info {
    background-color: #fff;
}
.section-integrations
    .checkout-settings-wrapper
    .scrollspy
    .mmb-inner-info:nth-child(2),
.section-integrations
    .checkout-settings-wrapper
    #ecommerce-section
    .mmb-inner-info,
.section-integrations
    .checkout-settings-wrapper
    .table-of-contents
    li:first-child
    a {
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}
.section-integrations
    .checkout-settings-wrapper
    .scrollspy
    .mmb-inner-info:last-child,
.section-integrations
    .checkout-settings-wrapper
    .table-of-contents
    li:last-child
    a {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}
.section-integrations .checkout-settings-wrapper .table-of-contents {
    box-shadow: none;
    border: 1px solid #f3f1f1;
}
.embed-main
    .section-integrations
    .checkout-settings-wrapper
    .mmb-break.mmb-inner-break {
    background-color: #f1f1f1;
}
.embed-main .btn.btn-delete {
    background-color: #f1f1f1 !important;
}
#subscription_details_updated_msg_success label {
    font-size: 12.5px;
}
.embed-body .navbar .header-search-wrapper {
    padding-left: 20px;
}
.recurpay-preview-popup {
    box-sizing: content-box;
    position: fixed;
    visibility: visible;
    background-color: #000;
    color: #fff;
    min-width: 138px;
    min-height: 120px;
    max-width: 302px;
    border-radius: 6px;
    box-shadow: 0 0 5px rgb(32 29 29 / 37%);
    transition: top 1s ease;
    opacity: 1;
    bottom: 28vh;
    z-index: 80;
    font-size: 14px;
    animation:
        fadein 1s linear 1,
        move-up 0.3s linear 1;
    padding-bottom: 13px;
    margin-left: 20px;
}
.recurpay-preview-popup .content {
    font-size: 15px;
    font-weight: 600;
    border-top-right-radius: 8px;
    padding-left: 15px;
    padding-bottom: 4px;
    border-top-left-radius: 8px;
    padding-top: 8px;
    border-bottom: 1px solid #d8d8d959;
}
.recurpay-preview-popup .description {
    color: #fff;
    text-align: left;
    margin-top: 11px;
    font-size: 14px;
    width: 91%;
    padding-left: 15px;
}
.recurpay-preview-popup .recurpay-arrow {
    position: relative;
    width: 0;
    height: 0;
    border-top: 9px solid #fff0;
    border-bottom: 9px solid #fff0;
    border-right: 10px solid #000;
    right: 10px;
    bottom: 50px;
    filter: drop-shadow(1px 1px rgb(220 220 220 / 0.1));
}
.cross-icon {
    position: absolute;
    right: 11px;
    top: 10px;
    fill: #fff;
    cursor: pointer;
}
.user-permission-box .step-plan-bottom.secondary-plan-bottom {
    background: #f9f9f9;
}
.custom-info-card.custom-info-card-white {
    background: #fff;
    border: 1px solid #f3f1f1;
    border-radius: 12px;
}
.custom-info-card,
.specific-day-msg-card {
    position: relative;
}
.custom-info-card .cross-icon,
.specific-day-msg-card .cross-icon {
    position: absolute;
    fill: #000;
    cursor: pointer;
    right: 6px;
    top: 0;
    padding-top: 2px;
    left: unset;
}
.top-alert-bar .cross-icon {
    fill: #000;
    top: 10px;
}
@media only screen and (max-width: 767px) {
    .embed-main .container,
    .embed-main .plan-wrapper {
        margin-top: unset;
    }
    .setup_plan_footer.manage_subscription_setup_plan_footer {
        flex-direction: column;
        align-items: start;
    }
    .setup_box_wrapper
        .setup_plan_footer
        .btn--secondary.setup-btn-done.setup-btn-done-manage-subscription {
        margin: 0;
        margin-top: 13px;
    }
    .container.app-container {
        width: 100% !important;
    }
}
@media only screen and (min-width: 767px) and (max-width: 992px) {
    .embed-main .container,
    .embed-main .plan-wrapper {
        margin-top: unset;
    }
    .embed-main .cutOff-input-wrapper {
        width: 100%;
        margin-left: -10px;
    }
}
.sticky-notification-bar {
    display: flex;
    align-items: center;
    padding-left: 12px;
}
.top-alert-bar a {
    padding-left: 5px;
}
.booster-icon {
    font-size: 18px;
    margin-right: 9px;
    margin-left: 0;
}
.top-alert-bar.exhausted-bar {
    background: #ffc5c1;
    position: sticky;
    top: 0;
    z-index: 99;
}
.top-alert-bar.threshold-bar {
    position: sticky;
    top: 0;
    z-index: 12;
}
.dashboard-card-layout-wrapper.upgrade-card-home-wrapper
    .dashboard-card-para
    ul {
    list-style-type: disc;
    padding-left: 15px;
    margin-top: 0;
    text-align: left;
}
.dashboard-card-layout-wrapper.upgrade-card-home-wrapper
    .dashboard-card-para
    ul:not(.browser-default)
    > li {
    list-style-type: disc;
    font-size: 14px;
    font-weight: 300;
    padding-bottom: 7px;
}
.dashboard-card-layout-wrapper.upgrade-card-home-wrapper
    .dashboard-card-layout
    .dashboard-card-footer
    .btn--secondary.feature-btn {
    background: #fff;
    font-weight: 700;
    border-color: #fff;
    font-size: 13px;
}
.dashboard-card-layout-wrapper.upgrade-card-home-wrapper
    .dashboard-card-layout.dashboard-card-full-layout {
    color: #fff;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(78deg, #000000 0, #01896e 98%);
    border-color: #08856c;
}
.dashboard-card-layout-wrapper.upgrade-card-home-wrapper
    .dashboard-card-heading {
    text-align: left;
    font-size: 17px;
}
.dashboard-card-layout-wrapper.upgrade-card-home-wrapper .dashboard-card-para {
    list-style-type: disc;
    padding-left: 5px;
}
.dashboard-card-layout-wrapper.upgrade-card-home-wrapper
    .dashboard-card-layout.dashboard-card-full-layout
    .dashboard-card-footer {
    padding-top: 0;
    margin-bottom: 5px;
}
.dashboard-card-layout-wrapper.upgrade-card-home-wrapper
    .dashboard-card-layout.dashboard-card-full-layout
    .dashboard-card-img {
    margin-bottom: 0;
}
.dashboard-card-layout-wrapper.upgrade-card-home-wrapper
    .dashboard-card-layout.dashboard-card-full-layout
    .dashboard-card-img.exclusive-upgrade-img {
    width: 245px;
    height: 224px;
}
.exclusive-upgrade-img-wrapper {
    display: flex;
    align-items: flex-end;
    height: 100%;
}
.dashboard-card-layout.dashboard-card-full-layout
    .dashboard-card-img.dashboard-dog-img {
    width: 190px;
    height: fit-content;
}
#manage-subscription-link-input:focus,
#webhook-event-url-input:focus,
#verify-sender-email-link-input:focus {
    box-shadow: none;
}
.preview-link-span-button.preview-link-span-duplicate-plan.btn--loading a {
    background-image: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/loading-black_0b0b7d18-c57e-4895-bdaf-c61cdb3d5f10.svg?v=1637579246) !important;
    background-size: 23px;
    background-repeat: no-repeat;
    background-position-y: 6px;
    background-position-x: 4px;
}
.preview-link-span-button.preview-link-span-duplicate-plan.btn--loading a svg {
    display: none;
}
.preview-link-span-button.preview-link-span-duplicate-plan.custom-tooltip--bottom::before {
    white-space: nowrap;
    font-size: 13px;
}
.analytics-outer-wrapper #card-stats .card.analytics-top-card {
    border-radius: 0.75rem;
    color: #323232;
    background: #fff;
    padding: 0;
}
.analytics-outer-wrapper #card-stats .card {
    overflow: visible;
}
.analytics-outer-wrapper .analytics-top-card-head {
    padding: 15px;
    display: block;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #e9eaeb;
    color: #323232;
    margin-top: 0;
}
.analytics-outer-wrapper .analytics-top-card-desc {
    padding: 15px;
    display: block;
    position: relative;
    background: #f9f9f9;
}
.analytics-outer-wrapper #card-stats .card.analytics-top-card-desc-bottom {
    position: relative;
    overflow: unset;
    margin: 0;
    padding: 15px 20px;
}
.analytics-outer-wrapper .card-item {
    display: flex;
    background: #f6f8f9;
    border-radius: 4px;
    color: #323232;
    font-size: 13px;
    align-items: center;
    justify-content: space-between;
    padding: 0.6rem 0.7rem;
    gap: 0.5rem;
    margin-bottom: 10px;
}
.analytics-outer-wrapper .card-item-left {
    text-decoration: underline 1px dashed;
    text-underline-offset: 3px;
    color: inherit;
    height: fit-content;
}
.analytics-outer-wrapper #card-stats .card .card-title {
    display: flex;
    align-items: center;
    width: fit-content;
    margin-top: 0;
    color: #6e7381;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}
.analytics-outer-wrapper #card-stats .card .card-title i {
    font-size: 17px;
    margin-left: 5px;
    color: #6e7381;
}
.analytics-outer-wrapper #card-stats .card .card-number {
    font-size: 21px;
    font-weight: 400;
    margin-top: 12px;
    margin-bottom: 0px;
}
.analytics-outer-wrapper #card-stats .card .card-number.comparison-card-number {
    display: flex;
    align-items: flex-end;
}
body .analytics-outer-wrapper .fc {
    padding-top: 8px;
}
.analytics-outer-wrapper .side-card-flex {
    display: flex;
    gap: 15px;
    flex-direction: column;
}
.analytics-outer-wrapper .status-chart-status,
.cancelled-chart-status {
    position: absolute;
    font-size: 11px;
    font-weight: 500;
    color: #323232;
    padding-top: 0;
    text-align: center;
    top: 22px;
    left: 50%;
    transform: translateX(-50%);
}
.analytics-outer-wrapper div#status-chart-wrapper,
div#cancelled-chart-wrapper {
    position: absolute;
    right: 20px;
    top: 12px;
    display: none;
    width: 65px !important;
    height: 65px !important;
}
.analytics-outer-wrapper .forecast-metrics {
    width: 100%;
    margin-bottom: 15px;
}
.analytics-outer-wrapper .forecast-table-card .dataTables_wrapper {
    overflow-x: hidden;
}
.analytics-outer-wrapper
    .forecast-table-card
    .dataTables_wrapper
    .dataTables_paginate
    .paginate_button.current,
.analytics-outer-wrapper
    .forecast-table-card
    .dataTables_wrapper
    .dataTables_paginate
    .paginate_button.current:hover {
    background: #fff;
}
.analytics-outer-wrapper #card-stats .card.forecast-table-card,
.analytics-outer-wrapper #card-stats .card.inner-section-header,
.analytics-outer-wrapper .cancellation-flex-wrapper .skeleton-item:first-child {
    margin-top: 0;
}
.analytics-outer-wrapper .inner-section-title {
    display: block;
    padding: 0 15px 15px;
}
.analytics-outer-wrapper .analytics-top-card-desc .padb15 {
    padding-bottom: 15px;
}
.analytics-outer-wrapper .analytics-top-card-desc .col:first-child,
.analytics-outer-wrapper .analytics-top-card-desc .padr0 {
    padding-right: 0;
}
.analytics-outer-wrapper #card-stats .row .col.xl3,
.analytics-outer-wrapper .side-card-flex .col {
    padding: 0;
}
.analytics-outer-wrapper
    #card-stats
    .card.inner-section-header
    .inner-section-title {
    border-bottom: 1px solid #f0f0f0;
    padding: 15px;
}
.analytics-outer-wrapper th.fc-day-header.fc-widget-header {
    text-align: center;
    color: #323232;
    padding-left: 12px;
    font-size: 13px;
}
.analytics-outer-wrapper .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    padding-left: 12px;
    float: left;
    color: #323232;
    font-size: 11px;
}
.analytics-outer-wrapper .fc-unthemed .fc-content,
.analytics-outer-wrapper .fc-unthemed .fc-list-heading td,
.analytics-outer-wrapper .fc-unthemed .fc-list-view,
.analytics-outer-wrapper .fc-unthemed .fc-popover,
.analytics-outer-wrapper .fc-unthemed .fc-row,
.analytics-outer-wrapper .fc-unthemed tbody,
.analytics-outer-wrapper .fc-unthemed td,
.analytics-outer-wrapper .fc-unthemed th,
.analytics-outer-wrapper .fc-unthemed thead,
.fc-unthemed .fc-divider {
    border-color: #f0f0f0;
}
.analytics-outer-wrapper .fc-basic-view .fc-body .fc-row {
    min-height: 7em;
}
.analytics-outer-wrapper .fc-icon-right-single-arrow:after {
    content: "\2192";
    font-weight: 700;
    font-size: inherit;
    top: -3px;
}
.analytics-outer-wrapper .fc-icon-left-single-arrow:after {
    content: "\2190";
    font-weight: 700;
    font-size: inherit;
    top: -3px;
}
.analytics-outer-wrapper .fc .fc-right .fc-button .fc-icon {
    color: #646464;
    font-size: 32px;
    margin: 0;
    top: 0;
    padding-left: 8px;
}
.analytics-outer-wrapper .fc .fc-right .fc-button {
    border: none;
    width: unset;
}
.analytics-outer-wrapper .fc-toolbar h2 {
    padding: 0;
    width: fit-content;
    display: block;
    min-width: unset;
}
.analytics-outer-wrapper button.fc-prev-button.fc-button.fc-state-default {
    border: none;
    margin-right: 13px;
    width: unset;
}
.analytics-outer-wrapper .fc-toolbar .fc-right {
    margin-right: 20px;
}
.analytics-outer-wrapper .fc .fc-event.calendar-event-class .calendar-event-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
    color: #1565C0;
    font-size: 11px;
    border-radius: 4px;
}
.analytics-outer-wrapper .fc .fc-event.calendar-event-class .fc-title{
    border-bottom: 1px dotted #6e7381;
}
.analytics-outer-wrapper .fc .fc-event.calendar-event-class .fc-title i {
    font-size: 9px;
    display: block;
}
.analytics-outer-wrapper .fc .fc-event.calendar-event-class .fc-title span {
    text-decoration: none;
    width: fit-content;
    display: block;
    color: #46a07c;
    border-bottom: 1px dotted #6e7381;
}
.analytics-outer-wrapper
    #day-wise-transaction-line-chart
    .ct-series-a
    .ct-point-circle {
    fill: #fff;
    stroke-width: 1;
    stroke: #46a07e;
}
.analytics-outer-wrapper .ct-label {
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}
.analytics-outer-wrapper
    #day-wise-transaction-line-chart
    .ct-series-a.ct-series
    .ct-line {
    stroke: #fff;
    stroke-width: 2px;
}
.analytics-outer-wrapper #day-wise-transaction-line-chart {
    height: 260px;
    background: #46a07e;
    padding-top: 15px;
}
.analytics-outer-wrapper #day-wise-transaction-line-chart .ct-grid {
    stroke: #ffffff17;
}
.analytics-outer-wrapper .rev-chart-skeleton {
    height: 260px;
}
.analytics-outer-wrapper .rev-chart-wrapper {
    height: 260px;
    background: #fff;
    padding: 15px;
}
.analytics-outer-wrapper #revenue-comparison-line-chart,
.analytics-outer-wrapper
    .forecast-table-card.new-card
    .dataTables_wrapper
    .dataTables_info,
.analytics-outer-wrapper .rev-chart-wrapper canvas {
    display: none;
}
.analytics-outer-wrapper .analytics_date_wrapper {
    display: none;
    min-height: 2.6rem;
    min-width: 240px;
    margin: 0 auto;
    padding: 0;
    top: 7px;
    right: 10px;
    background: #f5f5f5;
    border: 1px solid #dbdbdb;
    box-shadow: none;
    border-radius: 10px;
    color: #212b36;
    cursor: pointer;
    user-select: none;
    text-decoration: none;
    font-size: 13px;
}
.analytics-outer-wrapper .analytics-report-wrap {
    display: flex;
    font-size: 13px;
    cursor: pointer;
    padding: 7px 10px;
    width: 100%;
    align-items: center;
}
.analytics-outer-wrapper .analytics-report-wrap span {
    width: 100%;
}
.analytics-outer-wrapper .analytics-report-wrap i {
    font-size: 18px;
    margin-right: 5px;
}
.analytics-outer-wrapper .daterangepicker td.start-date {
    border-radius: 15px 0 0 15px;
}
.analytics-outer-wrapper .daterangepicker td.end-date {
    border-radius: 0 15px 15px 0;
}
.analytics-outer-wrapper .daterangepicker td.in-range {
    background-color: #f1f1f1 !important;
    color: #000 !important;
}
.analytics-outer-wrapper .daterangepicker td.active.in-range {
    background: #303030 !important;
    color: #fff !important;
}
.analytics-outer-wrapper .daterangepicker td.active.in-range:hover {
    color: #fff !important;
}
body .analytics-outer-wrapper .daterangepicker .ranges li {
    font-size: 13px;
    padding: 12px;
    cursor: pointer;
    border-radius: 6px;
    border-bottom: none;
}
.analytics-outer-wrapper .daterangepicker .ranges ul {
    padding: 5px !important;
}
.analytics-outer-wrapper .cancelled-chart-skeleton.skeleton-item {
    margin-top: 0;
    height: 180px;
}
.analytics-outer-wrapper .cancellation-flex-wrapper {
    height: 205px;
    overflow-y: auto;
}
.analytics-outer-wrapper .cancellation-flex-wrapper .card-item .card-item-left,
.analytics-outer-wrapper.analytics .custom-tooltip {
    text-decoration: none;
}
.analytics-outer-wrapper.analytics #card-stats .row {
    margin: 0;
    padding: 15px 0 0;
}
.analytics-outer-wrapper.analytics #card-stats {
    margin-bottom: 30px;
}
.analytics-outer-wrapper
    .analytics-top-card
    .daterangepicker.opensright:before {
    left: unset;
    right: 49px;
}
.analytics-outer-wrapper .analytics-top-card .daterangepicker.opensright:after {
    left: unset;
    right: 50px;
}
.analytics-outer-wrapper.analytics .custom-tooltip::before {
    text-transform: none;
    width: max-content;
    max-width: 300px;
    margin-top: 8px;
    font-family: Muli;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: normal;
    text-transform: none;
    display: block;
    white-space: normal;
    z-index: 9999;
    word-wrap: normal;
}
.analytics-outer-wrapper .custom-tooltip--bottom::after {
    margin-top: 2px;
}
.analytics-outer-wrapper
    #card-stats
    .card.analytics-top-card-desc-bottom.cancelled-subscription-card {
    overflow: auto;
}
.analytics-outer-wrapper .skeleton-item {
    height: 20px;
    background: #ddd;
    border-radius: 4px;
    animation: 1.5s infinite skeleton-loading;
    margin: 20px 0;
}
.analytics-outer-wrapper .card-number .skeleton-item {
    margin: 0;
    width: 100%;
}
.analytics-outer-wrapper .padding-box .skeleton-item {
    height: 16px;
    margin: 15px 20px;
}
.analytics-outer-wrapper .padding-box #skeleton {
    padding: 12px 5px;
}
.analytics-outer-wrapper canvas#status-chart {
    animation: none;
}
.analytics-outer-wrapper #basic-calendar .skeleton-item,
.analytics-outer-wrapper .rev-chart-skeleton .skeleton-item {
    margin: 20px;
}
.analytics-outer-wrapper table .skeleton-item {
    display: block;
    box-shadow: none;
    width: auto;
    margin: 0 20px;
}
@keyframes skeleton-loading {
    0%,
    100% {
        background-color: #ddd;
    }
    50% {
        background-color: #ccc;
    }
}
.analytics-outer-wrapper .card-item .skeleton-item {
    width: 100%;
    height: 20px;
}
.analytics-outer-wrapper .no-store-wrapper {
    padding: 10px 20px;
}
.chart-tooltip-wrapper {
    color: #fff;
    background: #2a2a2a;
    border-radius: 5px;
    margin-top: 5px;
    padding: 8px;
    font-size: 13px;
    font-weight: 400;
    width: max-content;
    max-width: 205px;
    word-break: break-word;
}
.chart-tooltip-wrapper span:last-child {
    display: block;
    margin-top: 3px;
}
.chart-tooltip-wrapper:before {
    position: absolute;
    top: 0;
    left: 0;
    rotate: 65deg;
    transform: translate(-50%);
    content: "";
    width: 0;
    height: 0;
    margin-top: 8px;
    border-left: 5px solid #fff0;
    border-right: 5px solid #fff0;
    border-bottom: 7px solid #2a2a2a;
    opacity: 1;
    visibility: visible;
}
.analytics-outer-wrapper .cancelled-subtext {
    display: block;
    font-size: 13px;
    padding-top: 4px;
}
.analytics-outer-wrapper .reason-progress-bar-wrapper {
    padding: 0;
    width: 100%;
    height: 8px;
    overflow: hidden;
    background: #e5e5e5;
    border-radius: 6px;
    margin: 0;
}
.analytics-outer-wrapper .reason-progress-bar {
    width: 35%;
    position: relative;
    float: left;
    height: 100%;
    background: #d06c6c;
}
.analytics-outer-wrapper .reason-card-item-wrapper {
    margin: 10px 15px 10px 3px;
}
.analytics-outer-wrapper .reason-card-item-wrapper .card-item {
    background: 0 0;
    margin: 0;
    padding: 0 4px 8px 0;
}
.analytics-outer-wrapper .new-card .dataTables_wrapper .dataTables_paginate {
    justify-content: end;
}
.analytics-outer-wrapper
    .new-card
    .dataTables_wrapper
    .dataTables_paginate
    span {
    display: flex;
}
.analytics-outer-wrapper .revenue-booster-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 10px;
    margin: 0 15px 15px;
    background: #d9eae3;
    padding: 40px;
    border-radius: 10px;
}
.analytics-outer-wrapper .revenue-booster-left-wrapper {
    display: block;
    padding-right: 55px;
}
.analytics-outer-wrapper .revenue-booster-left-title {
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: #323232;
}
.analytics-outer-wrapper .revenue-booster-left-subtext {
    padding-top: 15px;
    color: #656565;
    display: block;
    max-width: 309px;
}
.analytics-outer-wrapper .revenue-booster-right-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 10px;
}
.analytics-outer-wrapper .revenue-block-img-wrapper {
    background: #323232;
    color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
}
.analytics-outer-wrapper #card-stats .card .revenue-card-title.card-title {
    color: #323232;
    text-transform: capitalize;
    font-size: 15px;
    justify-content: center;
    width: 100%;
    text-decoration: none;
}
.analytics-outer-wrapper #card-stats .card .revenue-card-subtitle {
    color: #6e7381;
    font-size: 13px;
    display: block;
    padding-top: 16px;
}
.analytics-outer-wrapper #card-stats .card .revenue-card-number.card-number {
    padding-top: 10px;
    color: #323232;
}
.analytics-outer-wrapper
    #card-stats
    .revenue-booster-wrapper
    .card.analytics-top-card-desc-bottom {
    padding-top: 37px;
    box-shadow: 2px 2px 0 0 #0a033c36;
    width: -webkit-fill-available;
    max-width: 216px;
    text-align: center;
    border-radius: 25px !important;
}
.sparkline-top-chart {
    position: absolute;
    bottom: 30px;
    right: 0;
}
.analytics-comparison-wrapper {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 12px;
    color: #46a07e;
    right: 0;
    position: relative;
    left: 0;
    top: 0;
    margin-left: 5px;
}
.analytics-comparison-wrapper.analytics-up-wrapper {
    color: #46a07e;
    z-index: 1;
    background: #fff;
}
.analytics-comparison-wrapper.analytics-down-wrapper {
    color: #da1212;
}
.analytics-comparison-svg {
    width: 14px;
    height: 14px;
    margin-right: 2px;
    fill: #46a07e;
}
.analytics-comparison-svg.analytics-down-svg {
    fill: #da1212;
}
.analytics-outer-wrapper
    table
    td
    .product-flex
    span.table-product-title.product-subtext {
    display: block;
    font-size: 12px;
    color: #323232;
    padding-top: 4px;
}
.analytics-outer-wrapper .analytics-top-card-head-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e9eaeb;
}
.analytics-outer-wrapper .analytics-top-card-head {
    border-bottom: none;
    height: unset;
}
.analytics-outer-wrapper .analytics_date_wrapper {
    display: block;
    margin: 0px;
    width: fit-content;
    top: 0;
}
.analytics-outer-wrapper .comparison-subtext {
    display: block;
    font-size: 10px;
    color: #676767;
}
@media only screen and (max-width: 767px) {
    #plans-datatable tbody tr td:first-child a {
        margin-left: 12px;
    }
    .analytics-outer-wrapper .top-alert-bar {
        margin-top: 55px;
    }
    .analytics-outer-wrapper .analytics_date_wrapper {
        position: relative;
        padding: 0 10px;
        right: 0;
        margin: 5px 10px 10px;
        border-bottom: 1px solid #dbdbdb;
    }
    .analytics-outer-wrapper #card-stats .col:first-child {
        padding: 0 15px 10px;
    }
    .analytics-outer-wrapper .analytics-top-card-desc .padr0 {
        padding-right: 15px;
    }
    #card-stats .side-card-flex .col:last-child,
    .analytics-outer-wrapper #card-stats .col.mob-pad-0,
    .analytics-outer-wrapper #card-stats .side-card-flex .col:first-child,
    .analytics-top-card-desc .side-card-flex .padr0 {
        padding: 0;
    }
    .analytics-outer-wrapper .cancellation-flex-wrapper {
        min-height: 285px;
    }
    .analytics-outer-wrapper
        #card-stats
        .analytics-top-card-desc-bottom
        .col:last-child {
        padding: 15px 0 0;
    }
    .analytics-outer-wrapper .fc-toolbar.fc-header-toolbar {
        position: relative;
        margin: 0 auto;
        justify-content: center;
    }
    .analytics-outer-wrapper .fc-head thead {
        display: none;
    }
    .analytics-outer-wrapper .top-list-wrapper .header-title {
        padding-left: 0;
    }
    .analytics-outer-wrapper.analytics .top-list-wrapper .btn.transparent-btn {
        margin-left: 0;
    }
    .analytics-outer-wrapper .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
        font-size: 11px;
    }
    body .analytics-outer-wrapper .fc {
        padding-top: 0;
    }
    .analytics-outer-wrapper .fc-toolbar h2 {
        font-size: 13px;
    }
    .analytics-outer-wrapper .revenue-booster-wrapper {
        flex-direction: column;
        padding: 20px;
    }
    .analytics-outer-wrapper .revenue-booster-left-wrapper {
        padding-bottom: 25px;
        padding-right: 0;
    }
    .analytics-outer-wrapper .revenue-booster-right-wrapper {
        flex-direction: column;
        gap: 40px;
    }
    .analytics-outer-wrapper
        table#subscriptions-datatable.forecast-table.dataTable.dtr-inline.collapsed
        > tbody
        > tr
        > td.dtr-control:before {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 3px;
    }
    .analytics-outer-wrapper
        table#subscriptions-datatable.forecast-table.dataTable.clickable-data-table
        tr {
        position: relative;
    }
    .analytics-outer-wrapper #card-stats .card .card-number {
        font-size: 18px;
    }
    .analytics-outer-wrapper #revenue-comparison-line-chart {
        width: 90px !important;
    }
    .analytics-outer-wrapper .analytics-top-card-head-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }
    .analytics-outer-wrapper .analytics-top-card-head {
        padding: 8px 15px 0;
    }
}
@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .analytics-outer-wrapper .revenue-booster-wrapper {
        flex-direction: column;
        padding: 20px;
        align-items: flex-start;
    }
    .analytics-outer-wrapper .revenue-booster-left-wrapper {
        padding: 0 0 25px;
    }
}
.mmb-break:last-child {
    display: none;
}
.container.app-container {
    width: 80%;
}
#create-new-app-list,
#create-new-app {
    padding: 21px 30px;
}
.create-app-modal input:not(.browser-default):focus:not([readonly]) {
    border-bottom: 1px solid #dedede;
}
ul.tab-list.app-tab-list {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e2e2e2;
}
ul.tab-list.app-tab-list li {
    display: flex;
    align-items: center;
    padding: 5px 16px 12px;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    color: #000;
    margin-right: 15px;
}
ul.tab-list.app-tab-list li.active {
    border-bottom: 4px solid #46a07e;
}
ul.tab-list.app-tab-list li:not(.active):hover {
    border-bottom: 3.5px solid #dfe3e8;
}
ul.tab-list.app-tab-list li a {
    color: #637381;
}
ul.tab-list.app-tab-list li a.active {
    color: #000;
}
.app-tab-content {
    display: none;
}
.app-tab-content.active {
    display: block;
}
[type="checkbox"].scope-filled-in.filled-in:not(:checked)
    + span:not(.lever):after,
[type="checkbox"].scope-filled-in.filled-in:checked + span:not(.lever):after {
    top: 5px;
    width: 17px;
    height: 16px;
}
[type="checkbox"].scope-filled-in.filled-in:checked + span:not(.lever):before {
    top: 2px;
    left: 2px;
    width: 5px;
    height: 12px;
}
.search-dropdown-list.webhook-search-dropdown-list {
    margin-top: 0;
}
.search-dropdown-list.webhook-search-dropdown-list ul li {
    padding: 12px 20px;
}
.search-dropdown-list.webhook-search-dropdown-list ul li:hover {
    background: #f9f9f9;
}
.search-dropdown-list.webhook-search-dropdown-list ul li label {
    cursor: pointer;
}
.app-tab-content .card.api-scope-card {
    border: none;
    box-shadow: none;
    margin: 0 6px;
    padding-bottom: 4px;
}
.card-scope-wrapper .api-scope-content.api-scope-content-half {
    padding: 0 0.75em;
    width: 50%;
    float: left;
    font-size: 15px;
}
.webhook-event-url-input-wrapper,
.api-credentials-input-wrapper {
    display: flex;
    align-items: center;
    border: 1px solid #dedede;
    border-radius: 3px;
    width: 100%;
    font-size: 13px;
    color: #3c3c3c;
    height: 2.4rem;
    margin: 10px 0 13px;
    padding: 0 10px;
}
.api-credentials-input-wrapper input {
    border: none;
    font-size: 13px;
    margin: 0;
}
.send-webhook-notification-btn {
    margin-left: 15px;
    text-align: center;
    width: 57%;
    height: 2.4rem;
    margin-bottom: 5px;
}
.webhook-card-content .table-wrapper tbody tr:hover {
    background-color: unset;
}
input[name="webhook-event-url-input"]:not([type]):focus:not([readonly]) {
    box-shadow: none;
    height: unset;
}
.delete-webhook-topic.btn-loading {
    border: none;
    box-shadow: none !important;
    background-size: 22px 25px !important;
}
.delete-webhook-topic.btn-loading svg {
    display: none;
}
.webhook-event-url-input-wrapper.mmb-error,
.app-card-content .mmb-inner-info input.mmb-error {
    margin-bottom: 4px;
    margin-top: 24px;
}
.app-tab-content.active#app-activity-tab {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.activity_pagination_wrapper {
    text-align: center;
    margin-top: 5px;
    width: 14%;
}
.activity-pagination {
    display: inline-flex;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    overflow: hidden;
    background-color: inherit;
    height: 45px;
}
.Activity-Pagination__Button {
    border: none;
    background-color: inherit;
    color: #6c757d;
    padding: 10px 20px;
    font-size: 20px;
    cursor: pointer;
    outline: none;
    transition: background-color 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
}
.Activity-Pagination__Button span {
    display: flex;
}
.Activity-Pagination__Button:disabled {
    color: #b3b3b3;
    cursor: not-allowed;
    opacity: 0.5;
}
.Activity-Pagination__Button:hover:not(:disabled) {
    background-color: #e2e6ea;
}
.Activity-Pagination__Button:focus:not(:disabled) {
    background-color: #d6d8db;
}
.Activity-Pagination__PreviousButton {
    border-right: 1px solid #dcdcdc;
}
.Activity-Pagination__NextButton {
    border-left: 1px solid #dcdcdc;
}
.Activity-Icon__Svg {
    width: 19px;
    height: 19px;
}
.Activity-Icon__Svg path {
    fill: #6c757d;
}
.app-timeline-section .timeline-additional-text li {
    margin-right: 195px;
}
.timeline-section.app-timeline-section
    .timeline-wrapper
    .timeline-content
    .timeline-text-wrapper
    .timeline-text {
    margin-right: 203px;
}
.skeleton-item {
    height: 20px;
    width: 100%;
    background: #e0e3e7;
    margin: 10px 0;
    border-radius: 4px;
    animation: skeleton-loading 1.5s infinite;
}
.dashboard-card-layout.dashboard-card-full-layout.dashboard-card-setting-subscription.dashboard-card-upsell-checkout
    .dashboard-card-img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 36%;
}
@media only screen and (max-width: 767px) {
    .dashboard-card-layout.dashboard-card-full-layout.dashboard-card-setting-subscription.dashboard-card-upsell-checkout
        .dashboard-card-img-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-basis: 20%;
        margin-top: 25px;
    }
}
.billing-dev-wrapper {
    background: #f9f9f9;
    padding-bottom: 10px;
}
.card.new-card.mmb-inner-info.billing-inner-card-wrapper {
    margin-bottom: 10px;
    background: #aef5cc;
    box-shadow:
        0 -0.0625rem 0 0.0625rem rgb(12 81 50 / 0.8) inset,
        0 0 0 0.0625rem rgb(19 111 69 / 0.8) inset,
        0 0.03125rem 0 0.09375rem hsl(0 0% 100% / 0.251) inset;
}
.billing-inner-card-span {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    padding: 15px 10px 15px 52px;
    background: linear-gradient(78deg, #306e5a 0, #509c7e 98%);
    border-color: #08856c;
}
.billing-inner-card-svg {
    fill: #fff;
    position: absolute;
    left: 15px;
}
.sender-email-wrapper {
    display: flex;
    border: 1px solid #dedede;
    border-radius: 3px;
    height: 43px;
}
.sender-email-wrapper input[name="sender_email"] {
    border: none;
    border-radius: 0;
    height: 2.8rem;
}
.sender-email-wrapper .verify-email-link {
    display: none;
    margin-top: 12px;
    margin-right: 6px;
    font-size: 12px;
    color: #3c3c3c;
    opacity: 1;
    cursor: pointer;
    text-decoration: underline;
    white-space: nowrap;
}
.sender-email-wrapper .verified-email-text,
.verify-sender-email-link-wrapper .verified-email-text {
    font-size: 12px;
    opacity: 1;
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
}
.sender-email-wrapper .verified-email-text {
    margin-right: 6px;
}
.verify-sender-email-link-wrapper {
    display: flex;
    align-items: center;
    border: 1px solid #dedede;
    border-radius: 3px;
    width: 100%;
    font-size: 13px;
    color: #3c3c3c;
    height: 2.4rem;
    margin: 10px 0 13px;
    padding: 0 10px;
}
.verify-sender-email-link-wrapper #verify-sender-email-link-input {
    border: none;
    font-size: 13px;
    margin: 0;
    text-overflow: ellipsis;
}
.verify-sender-email-link-wrapper .verify-sender-email-link {
    margin-left: 5px;
    cursor: pointer;
}
.verify-sender-email-link-wrapper .verify-sender-email-link a {
    color: #3c3c3c;
    text-decoration: underline;
}
span.badge.timezone-badge {
    background: #dfe3e7;
    color: #323232;
    font-size: 12px;
    font-weight: 500;
    padding: 3px 10px;
    border-radius: 50px;
    margin-left: 7px;
    display: flex;
    width: auto;
    height: unset;
    line-height: unset;
}
.halted-filter-btn-group {
    display: flex;
    justify-content: start;
    align-items: center;
    min-width: 115px;
    padding: 12px 10px 12px 10px;
    position: relative;
    border-left: 1px solid #e2e2e2;
    cursor: pointer;
    pointer-events: auto;
    user-select: auto;
    height: 43px;
}
.halted-filter-dropdown-list {
    display: none;
    background-color: #fff;
    border-radius: 5px;
    outline: 1px solid #fff0;
    border: none;
    backface-visibility: hidden;
    box-shadow:
        0 0 0 1px rgb(6 44 82 / 0.1),
        0 2px 16px rgb(33 43 54 / 0.08);
    padding: 6px;
    list-style: none;
    margin: 0;
    position: absolute;
    top: 50px;
    opacity: 1;
    transition: opacity 0.4s ease-in-out;
    z-index: 9;
    min-width: max-content;
    height: auto;
    margin-right: 30px;
    overflow: auto;
    pointer-events: auto;
    user-select: auto;
    right: -43px;
}
.halted-filter-dropdown-list .filterCollection {
    margin-right: 10px;
    user-select: auto;
    pointer-events: auto;
}
.halted-filter-dropdown-list .filterCollection li {
    padding: 5px;
    cursor: pointer;
    user-select: auto;
    pointer-events: auto;
}
.halted-filter-dropdown-list .filterCollection li label {
    cursor: pointer;
    user-select: auto;
    pointer-events: auto;
}
.filter-result-list li i.remove-halted-filter {
    padding: 0;
    padding-top: 1px;
}
.dashboard-card-layout.onboarding-team-ui {
    flex-direction: row-reverse;
}
.dashboard-card-layout .dashboard-card-heading.dashboard-sub-card-heading {
    background-color: #ffe01a;
    padding: 3px 8px 2px;
    font-size: 13px;
    border-radius: 6px;
    margin-left: 8px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
}
.dashboard-card-layout .dashboard-card-heading-wrapper {
    display: flex;
    align-items: end;
}
.dashboard-sub-card-heading {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    background-color: #fff700;
    font-family: Arial, sans-serif;
    font-weight: 700;
    color: #333;
    position: relative;
    border-radius: 8px;
    z-index: 1;
}
.dashboard-sub-card-heading::before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(90deg, #fbffc6, #ffbc00, #fbffc6);
    background-size: 200% 200%;
    border-radius: 10px;
    z-index: -1;
    animation: borderMove 3s linear infinite;
}
@keyframes borderMove {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 200% 50%;
    }
}
.dashboard-card-heading svg {
    margin-right: 4px;
}
.dashboard-card-layout.dashboard-card-full-layout
    .dashboard-card-img.dashboard-new-dog-img {
    position: relative;
    bottom: -57px;
    transition: 0.5s;
}
.dashboard-card-layout.dashboard-card-full-layout.dashboard-card-setting-subscription {
    cursor: pointer;
}
.dashboard-card-layout.dashboard-card-full-layout.dashboard-card-setting-subscription:hover
    .dashboard-card-img.dashboard-new-dog-img,
.dashboard-card-layout.dashboard-card-full-layout.dashboard-card-setting-subscription.in-view
    .dashboard-card-img.dashboard-new-dog-img {
    bottom: 0;
}
.setup_box_wrapper .setup_plan_footer.manage_subscription_setup_plan_footer {
    flex-wrap: wrap;
}
.optional-step-text {
    width: 44%;
    padding-top: 4px;
    color: #828282;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 4px;
    font-weight: 300;
}
span.badge.timezone-badge.policy-timezone-badge {
    float: unset;
    display: inline-flex;
    padding: 2px 8px;
    margin-left: 4px;
}
.dashboard-card-img-wrapper {
    display: flex;
    align-items: end;
}
.dashboard-card-layout.dashboard-card-full-layout
    .dashboard-card-content-wrapper.dashboard-card-content-animation-wrapper {
    flex-basis: 77%;
}
@media screen and (max-width: 767px) {
    .dashboard-card-layout.dashboard-card-full-layout
        .dashboard-card-img.dashboard-new-dog-img {
        bottom: 0;
        height: 165px;
    }
    .dashboard-card-layout.dashboard-card-full-layout
        .dashboard-card-content-wrapper.dashboard-card-content-animation-wrapper {
        flex-basis: unset;
    }
    .dashboard-card-layout .dashboard-card-heading-wrapper {
        margin-top: 7px;
    }
}
.edit-subscription-page
    .variant-side-list-wrapper
    .custom-btn-secondary.out-of-stock-btn {
    margin: 10px 2px 0 0;
    color: #dc3545;
    background: #fff0;
    width: 100%;
    font-size: 14px;
    cursor: not-allowed;
    line-height: 1.5;
    height: unset;
    padding: 10px 62px;
    justify-content: center;
    text-transform: unset;
    box-shadow: none;
    outline: 0;
    border-radius: 4px;
    border: 1px solid #dc3545;
    pointer-events: none;
}
.edit-subscription-page .out-of-stock-btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #dc3545;
    border-radius: 0.25rem;
    margin: 10px 0 0;
    color: #dc3545;
    background: #fff0 !important;
    width: 100%;
    font-size: 15px;
    padding: 0 25px;
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}
.dashboard-card-full-layout-experts {
    background: linear-gradient(78deg, #000000 0, #01896e 98%);
    color: #fff;
    flex-direction: row-reverse;
}
.dashboard-card-layout.dashboard-card-full-layout.dashboard-card-full-layout-experts
    .dashboard-card-img {
    margin: 0 auto;
    max-width: 190px;
    background: radial-gradient(circle at 50% 50%, #979797, transparent 75%);
}
.dashboard-card-layout.dashboard-card-full-layout-experts
    .dashboard-card-heading.dashboard-sub-card-heading {
    margin-left: unset;
}
.card-content.tab-card-content.domain-card-content {
    padding: 6px 28px 15px;
}
.domain-verification-table-wrapper,
.verified-domain-text {
    display: none;
}
.table-wrapper.domain-verification-table-wrapper tbody tr:hover {
    background: inherit;
}
.domain-verification-table-wrapper tr th:first-child {
    width: 12%;
}
.domain-verification-table-wrapper tr th:not(:first-child) {
    text-align: center;
    width: 44%;
}
.webhook-event-url-input-wrapper.domain-verify-input-wrapper {
    position: relative;
    padding: 0 7px;
    margin-bottom: 10px;
}
.webhook-event-url-input-wrapper.domain-verify-input-wrapper input {
    border: none;
    margin-top: 6px;
    height: 1.5rem;
    font-size: 13px;
    padding-right: 33px;
}
.webhook-event-url-input-wrapper.domain-verify-input-wrapper
    .copy-app-access-token {
    position: absolute;
    right: 12px;
    border-left: 1px solid #dedede;
    padding-top: 6px;
    padding-left: 4px;
}
.verify-sender-domain-link {
    font-size: 12px;
    text-align: end;
    cursor: pointer;
    margin-top: 5px;
}
.verify-sender-domain-link span {
    border-bottom: 1px dashed #323232;
}
#sender-details-section .skeleton-item {
    display: none;
    margin: 10px 28px;
}
div[role="progressbar"] {
    --size: 5rem;
    --fg: var(--primary-color, #46a07e);
    --bg: var(--primary-light-color, #e3fff5);
    --pgPercentage: var(--value);
    animation: growProgressBar 2s 1 forwards;
    width: var(--size);
    min-width: var(--size);
    height: var(--size);
    border-radius: 50%;
    display: grid;
    place-items: center;
    background:
        radial-gradient(closest-side, white 80%, transparent 0 99.9%, white 0),
        conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
    font-family: Helvetica, Arial, sans-serif;
    font-size: calc(var(--size) / 5);
    color: var(--fg);
}
.setup_box_wrapper .setup_tab_header {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: flex-start;
    padding-left: 10px;
}
#editor-container iframe {
    height: 100vh !important;
    display: none;
}
a.blockbuilder-branding {
    display: none !important;
}
.btn.secondary-btn.secondary-btn-green.save-campaign-btn,
.btn.secondary-btn.secondary-btn-green.email-send-now-btn {
    margin-left: 5px;
    padding: 19px 18px;
}
.dashboard-card--campaign {
    background-position: 0% 78%;
    background-blend-mode: luminosity;
    background-color: #539c7e;
    background-size: 100%;
    box-shadow: unset;
    background: #00492b;
    background: linear-gradient(
        90deg,
        rgba(0, 73, 43, 1) 12%,
        rgba(0, 29, 39, 1) 46%,
        rgba(0, 73, 43, 1) 100%
    );
}
.dashboard-card--campaignContainer {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, auto));
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 15px 20px;
    gap: 15px;
    color: #fff;
}
.dashboard-card--campaignContainer h6 {
    color: #fff;
    margin-bottom: 2px;
    margin-top: 14px;
}
.dashboard-card--campaignContainer p {
    color: #fff;
    margin: 0;
    font-weight: 300;
    font-size: 12px;
}
.dashboard-card--campaignCredit {
    display: inline-block;
    color: #000;
    font-size: 12px;
    font-family: "Muli";
}
a.template.active {
    border: 5px solid #f1d825 !important;
}
body .blockbuilder-preferences {
    display: none !important;
}
.email-template-content-area {
    background: #fff;
    width: 100%;
    background-color: #fff;
    border-radius: 12px;
    margin-bottom: 15px;
    padding-top: 10px;
    border: 1px solid #f3f1f1;
}
.email-template-content-area .mmb-inner-info {
    padding: 10px 20px;
}
.email-template-content-area .mmb-inner-info .list-desc {
    display: grid;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
    grid-template-columns: 0.2fr 1fr;
    gap: 5px;
}
.email-template-content-area .mmb-inner-info .list-desc label {
    font-size: 13px;
    display: block;
}
.email-template-content-area .bootstrap-tagsinput {
    overflow: hidden;
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 300;
}
.email-template-content-area .bootstrap-tagsinput .bootstrap-tagsinput-limit {
    margin-right: 6px;
    font-size: 12px;
    color: #3c3c3c;
    opacity: 0.6;
    margin-left: 6px;
}
.email-template-content-area .mmb-error-msg {
    display: block;
    flex-basis: 100%;
    grid-column: 2 / 3;
}
select[name="select-segments"] {
    border-bottom: none;
    height: 2.1rem;
}
.daterangepicker select {
    display: inline-flex;
}
.halted-filter-dropdown-list.email-variables-dropdown-list {
    padding: 6px 12px;
    top: 33px;
    right: -68px;
}
.halted-filter-dropdown-list.email-variables-dropdown-list ul li:hover,
.halted-filter-dropdown-list.email-variables-dropdown-list ul li.active:hover {
    background-color: #eee;
    border-radius: 4px;
}
.halted-filter-dropdown-list.email-variables-dropdown-list ul li.active {
    background-color: #f4f4f4;
}
.email-template-content-area .app-wrapper .bootstrap-tagsinput input {
    padding: 7px 10px;
    font-size: 13px;
    font-weight: 300;
}
.email-template-plan-wrapper .new-toggle-switchbox.toggle-switchbox .switch {
    width: 105px;
}
.email-template-plan-wrapper .preview-plan-wrapper {
    align-items: center;
}
.new-search-list.search-list li.preview-email-list {
    display: flex;
    align-items: center;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 4px 12px;
    margin-bottom: 10px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}
.new-search-list.search-list li.preview-email-list .preview-email {
    font-size: 13px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.email-send-now-btn.disabled {
    opacity: 0.7;
    pointer-events: none;
}
.verify-email-from-link {
    display: none;
    font-size: 13px;
    color: #3c3c3c;
    opacity: 1;
    cursor: pointer;
    text-decoration: underline;
    flex-basis: 23%;
    margin-right: 5px;
    padding-top: 3px;
}
.verified-email-text {
    display: none;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
}
.campaign-btn-wrapper {
    display: flex;
    align-items: center;
    margin-top: 5px;
}
.btn.btn-primary.view-all-campaign-btn {
    padding: 2px 42px;
    letter-spacing: normal;
    height: unset;
}
.btn--secondary.create-campaign-btn {
    margin-left: 10px;
    height: unset;
}
.save-as-draft-btn a.btn-loading {
    background-color: #f9f9f9 !important;
    background-blend-mode: exclusion;
}
.top-list-wrapper.top-list-campaign-wrapper {
    align-items: center;
}
#card-stats.index-card-stats .col.campaign-statistics-col {
    height: 100%;
    min-height: max-content;
    border-right: 1px solid rgb(63 63 68 / 0.13);
    padding: 7px 15px 9px 20px;
    width: 19.667%;
}
#card-stats.index-card-stats .col.campaign-statistics-col:last-child {
    border-right: none;
}
#card-stats .card .heading-number.campaign-total-days {
    font-size: 17px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
}
#card-stats .card .heading-number.campaign-heading-number {
    font-size: 22px;
    margin-bottom: 3px;
}
#card-stats.index-card-stats .card.edit-campaign-card {
    box-shadow: none;
    border: 1px solid #f3f1f1;
}
#card-stats.index-card-stats
    .card.edit-campaign-card
    .col.campaign-statistics-col {
    padding: 5px 15px 6px 20px;
}
#card-stats .card.edit-campaign-card .heading-number.campaign-total-days {
    font-size: 16px;
    margin-top: 19px;
    margin-bottom: 16px;
    align-items: start;
}
#card-stats .card.edit-campaign-card .heading-number.campaign-heading-number {
    font-size: 20px;
    margin-bottom: 2px;
    margin-top: 5px;
}
.disable-input {
    pointer-events: none;
    opacity: 0.4;
    cursor: pointer;
}
.bootstrap-tagsinput.disable-input {
    cursor: pointer;
}
@media (max-width: 1023px) {
    .desktop-only {
        display: none;
    }
    .no-landscape.email-campaign-no-landscape {
        display: flex;
    }
}
@media screen and (max-width: 767px) {
    #card-stats.index-card-stats .col.campaign-statistics-col:first-child {
        width: 100%;
    }
    #card-stats.index-card-stats .col.campaign-statistics-col {
        width: 50%;
        border: none;
        border-bottom: 1px solid rgb(63 63 68 / 0.13);
    }
    #card-stats.index-card-stats .col.campaign-statistics-col:nth-child(4),
    #card-stats.index-card-stats .col.campaign-statistics-col:nth-child(5) {
        border-bottom: none;
    }
    .campaign-btn-wrapper {
        display: none;
    }
}
.campaign-preview-text {
    font-size: 20px;
    text-align: center;
}
.campaign-editor-container {
    border-top: 1px solid #d8d8d8;
}
.build-own-template {
    cursor: pointer;
    margin: 5px 10px;
    height: 230px;
    display: inline-flex;
    width: 170px;
    background-color: #f7f7f7;
    justify-content: center;
    align-items: center;
    border: 3px solid #eee;
}
.default-template {
    cursor: pointer;
    margin: 5px 10px;
    border: 3px solid #eee;
}
.skeleton-item.campaign-skeleton-item {
    margin: 20px 15px;
}
.email-template-content-area .bootstrap-tagsinput.customer-segment-input {
    display: flex;
    align-items: center;
}
.email-template-content-area
    .bootstrap-tagsinput.customer-segment-input
    select {
    font-weight: 300;
    font-size: 13px;
}
.connected-icon.customer-segment-connected-icon {
    will-change: transform;
}
.connected-icon.customer-segment-connected-icon svg {
    animation: rotateSpinner 1.5s linear infinite;
}
@keyframes rotateSpinner {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.bootstrap-tagsinput.greyed-input,
.bootstrap-tagsinput.greyed-input input {
    background-color: #f1f1f1;
    cursor: pointer;
}
.mmb-info-wrapper {
    flex-basis: 70%;
}
.verify-email-from-link.campaign-verify-email-link {
    flex: 0 0 auto;
}
.pay-as-you-go-plan {
    display: grid;
    background: linear-gradient(100deg, #000000 0, #01896e 40%, #006d57 80%);
    border-radius: 4px;
    color: #fff;
    padding: 1rem 1.2rem 1.2rem;
    background-size: 200% 200%;
    align-items: center;
    gap: 15px;
    width: 100%;
}
.pay-as-you-go-plan .list-wrapper {
    display: grid;
    text-align: left;
    width: 100%;
}
.pay-as-you-go-plan .plan_title {
    font-size: 1.5rem;
    margin-bottom: 10px;
}
.pay-as-you-go-plan .plan_list {
    margin: 0;
    display: grid;
    gap: 6px;
}
.pay-as-you-go-plan .plan_list li {
    margin: 0;
}
.pay-as-you-go-plan button.btn--secondary {
    margin-top: 5px;
    width: unset;
}
.pay-as-you-go-plan button.btn--secondary.btn-loading {
    background-color: #fff !important;
    opacity: 1;
}
.top-alert-bar.red-alert-bar {
    background: #ffbaba;
}
.analytics-ai-wrapper {
    display: flex;
    align-items: flex-start;
    background: #ede1ff;
    color: #473065;
    font-size: 13px;
    padding: 15px 10px;
    border-radius: 5px;
}
.analytics-ai-svg {
    min-width: 20px;
    min-height: 20px;
    margin-right: 10px;
}
.analytics-ai-heading {
    display: block;
    font-weight: 700;
    margin-bottom: 6px;
    font-size: 15px;
}
.analytics-expert-btn {
    display: flex;
    align-items: center;
    width: fit-content;
    margin: 15px 0 0;
}
.analytics-expert-btn svg {
    margin-left: 5px;
    fill: #212b36;
}
.campaign-announcement-bar {
    margin: 15px 7px;
}
.campaign-announcement-bar .campaign-announcement-bar-wrapper {
    display: block;
    padding: 20px 20px;
    border-radius: 12px;
    color: #fff;
    background:
        url(https://cdn.shopify.com/s/files/1/0650/1233/4816/files/2151075873_1.png?v=1734610743)
            no-repeat center center/cover,
        linear-gradient(90deg, rgb(102 51 153 / 0.8), rgb(153 102 255 / 0.8));
    display: flex;
    justify-content: space-between;
}
.campaign-announcement-bar
    .campaign-announcement-bar-wrapper
    .campaign-announcement-bar-header {
    display: block;
    font-size: 16px;
    font-weight: 700;
}
.campaign-announcement-bar
    .campaign-announcement-bar-wrapper
    .campaign-announcement-bar-desc {
    display: block;
    font-size: 13px;
    margin-top: 5px;
}
.create-campaign-btn-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.create-campaign-btn-wrapper .disabled-staff-text {
    margin: 0;
    margin-top: 5px;
}
.create-campaign-btn-wrapper .disabled-staff-text a {
    border-bottom: 1px dashed #fff;
    cursor: pointer;
    color: #fff;
}
.campaign-objective-sub-heading {
    margin-top: 30px;
    margin-bottom: 17px;
    margin-left: 10px;
    font-size: 1.55rem;
}
.campaign-objectives
    .review_card
    .review_card_footer.campaign_objectives_card_footer {
    padding: 1.5rem;
    padding-top: 14px;
    margin-top: 0;
    display: flex;
}
.campaign-objectives
    .review_card
    .review_card_footer.campaign_objectives_card_footer
    .campaign_objectives_card_title {
    font-size: 14px;
    line-height: 20px;
    display: block;
    flex-basis: 80%;
}
.campaign-objectives .review_card .campaign_card_image {
    opacity: 0.8;
    width: 100%;
}
.campaign-objectives .review_card .campaign_card_image img,
.campaign-objectives .review_card .campaign_card_image svg {
    width: 100%;
    height: 283px;
    object-fit: fill;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    padding: 0;
    border-bottom: 1px solid #e2e2e2;
}
.card.select-template-card .campaign-templates {
    margin-bottom: 18px;
    display: flex;
}
@keyframes hoverEffect {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.01);
    }
}
.campaign-objectives .review_card {
    cursor: pointer;
}
.campaign-objectives .review_card:hover {
    animation: hoverEffect 0.2s ease forwards;
    box-shadow: 0 9px 15px rgb(133 129 129 / 30%);
}
.campaign-objectives .review_card.active {
    border: 4px solid #f9c26c;
}
.owl-client-carousel.owl-theme.campaign-objectives .owl-nav button span {
    display: block;
    font-size: 37px;
    color: #7a7676;
    position: relative;
    bottom: 8px;
}
.owl-client-carousel.owl-theme.campaign-objectives .owl-nav button {
    background: #fff url(https://recurpay.com/images/left-prev.svg) center
        center no-repeat !important;
}
.owl-client-carousel.owl-theme.campaign-objectives .owl-nav button.disabled {
    display: none !important;
}
.owl-client-carousel.owl-theme.campaign-objectives .owl-nav button.owl-prev,
.owl-client-carousel.owl-theme.campaign-objectives .owl-nav button.owl-next {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    border: 0 solid #000;
}
.owl-client-carousel.owl-theme.campaign-objectives .owl-nav button.owl-prev {
    left: -20px;
}
.owl-client-carousel.owl-theme.campaign-objectives .owl-nav button.owl-next {
    right: -20px;
}
.owl-client-carousel.owl-theme.campaign-objectives .owl-nav button.owl-prev i,
.owl-client-carousel.owl-theme.campaign-objectives .owl-nav button.owl-next i {
    transform: scale(2, 5);
    color: #ccc;
}
.owl-client-carousel.owl-theme.campaign-objectives .owl-stage {
    padding-left: 0 !important;
}
.campaign-objectives .review_card:hover .campaign_card_image,
.campaign-objectives .review_card.active .campaign_card_image {
    opacity: 1;
}
.campaign-redirect-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
}
.campaign-redirect-btn-wrapper button.btn.confirm-btn.secondary-color {
    display: none;
    width: 100%;
}
.campaign-objectives
    .review_card:hover
    .campaign-redirect-btn-wrapper
    button.btn.confirm-btn.secondary-color,
.campaign-objectives .review_card .campaign-redirect-btn-wrapper button.active {
    display: block;
}
.campaign-redirect-btn-wrapper
    button.btn.confirm-btn.secondary-color.btn-loading {
    background-image: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/Rolling-0.6s-42px.svg?v=1618040331) !important;
    background-repeat: no-repeat !important;
    background-size: 35px 25px !important;
    background-position: center !important;
}
.top-list-wrapper .header-title.campaign-overview-header {
    font-size: 1.55rem;
}
.owl-carousel.owl-drag.campaign-objectives .owl-item .item {
    width: 100% !important;
    padding-bottom: 50px;
}
.campaign-heading-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 6px;
    margin-bottom: 30px;
}
.card:has(.campaign-editor-container) {
    display: none;
}
.recommended-badge-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2e8ff;
    padding: 7px 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    border-radius: 10px 10px 0 0;
}
.guarantee-badge-wrapper .guarantee-badge-svg,
.recommended-badge-wrapper .recommended-badge-svg {
    border-radius: 50%;
    background: #cbaaf7;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 9px;
}
.recommended-badge-wrapper .recommended-badge-span {
    color: #8358bb;
    font-weight: 700;
    font-size: 12px;
}
.forward-icon {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
    flex-basis: 20%;
}
.forward-icon .revenue-booster-svg {
    position: relative;
    right: 0;
    bottom: 0;
}
.review_card.btn-loading {
    background-image: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/loading-black_0b0b7d18-c57e-4895-bdaf-c61cdb3d5f10.svg?v=1637579246) !important;
    background-color: #fff !important;
}
.review_card.btn-loading span {
    opacity: 0.4 !important;
}
.review_card.btn-loading img {
    opacity: 0.4;
}
.plan-transaction-fee {
    text-align: left;
    display: block;
    font-size: 12px;
    padding-left: 15px;
    color: #727272;
}
.plan-sub-text {
    border-radius: 4px;
    text-align: center;
    margin-bottom: 20px;
    display: block;
    margin-top: 19px;
    line-height: 15px;
    font-size: 12px;
    font-weight: 400;
}
.legacy-plan-wrapper {
    display: flex;
    align-items: center;
    background: #ffe3ba;
    padding: 12px 25px;
    margin-bottom: 15px;
}
a.scale-schedule-call-btn {
    color: #000;
    text-decoration: underline;
    display: block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 13px;
    text-align: center;
}
.guarantee-badge-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2e8ff;
    padding: 11px 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    border-radius: 0;
}
.guarantee-badge-wrapper .guarantee-badge-svg {
    border-radius: 50%;
    background: #cbaaf7;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 9px;
}
.guarantee-badge-wrapper .guarantee-badge-span {
    color: #8358bb;
    font-weight: 700;
    font-size: 12px;
}
.premium-trial-chat-widget {
    text-decoration: underline;
    color: #000;
    display: block;
    width: 100%;
    text-align: center;
}
.premium-badge-wrapper {
    border-radius: 25px;
    display: none;
    align-items: center;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 700;
    width: fit-content;
    min-width: 100px;
    background: linear-gradient(#f9be20, #ecb70f);
    position: absolute;
    cursor: pointer;
    top: 30px;
    transform: translateY(-50%);
    right: 25px;
    z-index: 1;
}
.premium-badge-svg {
    width: 15px;
    height: 15px;
    margin-right: 5px;
}
.mmb-info.mmb-full-info .mmb-inner-info-wrapper[data-premium-badge="true"] {
    position: relative;
    cursor: pointer;
}
.global-upgrade-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    flex: none;
    font-size: 13px;
    border-radius: 4px;
    padding: 11px 20px;
    border: 1px solid #3f4eae;
    background: linear-gradient(180deg, #6371c7, #5563c1) !important;
    text-transform: none;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0.5px;
    margin: 0;
    height: unset;
    box-shadow: none;
}
.current_badge {
    position: absolute;
    right: 6px;
    top: 12px;
    color: #fff;
    background: #46a07e;
    line-height: 1;
    padding: 5px 11px;
    border-radius: 45px;
    display: inline-flex;
    align-items: center;
    font-size: 12px;
}
.sub-heading-text-description {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    font-size: 12px;
}
.plan-plus-sub-text {
    text-align: left;
    font-size: 13px;
    margin: 12px 0;
    display: block;
}
.billing-plan-header-wrapper {
    padding: 15px 20px;
    text-align: center;
    border-bottom: 1px solid #e2e2e2;
}
.billing-plan-header-wrapper .billing-plan-header {
    padding: 0;
    border-bottom: 0;
}
.billing-plan-header-desc {
    font-size: 12px;
}
.current-billing-plan-badge {
    position: absolute;
    right: 15px;
    top: 15px;
    background: #46a07e;
    color: #fff;
    padding: 2px 12px;
    border-radius: 40px;
    font-size: 13px;
}
.anchor-card-loader {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.order-schedule-msg {
    font-size: 13px;
    text-decoration: underline;
    color: #6f6f6f;
}
.modal-footer.preview-modal-footer {
    position: sticky;
    bottom: 0;
    height: unset;
    border-top: 1px solid #e2e2e2;
    margin-bottom: 0;
}
.modal-footer.preview-modal-footer .email-subject {
    justify-content: flex-end;
    border: none;
    padding: 8px 0;
}
.send-test-email-btn {
    margin-right: 13px;
    padding: 12px 20px;
}
.btn.transparent-border-banner-btn {
    color: #fff;
    background: transparent !important;
    border: 1px solid #fff;
}
.btn.transparent-border-banner-btn.btn-loading {
    background-image: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/Rolling-0.6s-42px.svg?v=1618040331) !important;
    background-repeat: no-repeat !important;
    background-size: 35px 25px !important;
    background-position: center !important;
}
.transparent-border-banner-btn-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.discard-banner-link {
    font-weight: 300;
    font-size: 11px;
    width: fit-content;
    margin-top: 5px;
}
.new-launch-card-heading,
.referral-card-heading {
    display: flex;
    align-items: center;
}
.new-launch-card-heading svg {
    width: 25px;
    height: 25px;
}
.order-view-section .product-box-line {
    position: relative;
    cursor: pointer;
}
.bundle-plus-icon {
    position: absolute;
    left: 2%;
    cursor: pointer;
    margin-top: 8%;
}
.product-flex.product-box-line:last-child .bundle-plus-icon {
    display: none;
}
.bundle-subscription-icon,
.bundle-plus-icon svg {
    cursor: pointer;
}
.bundle-subscription-icon.custom-tooltip--bottom::before,
.bundle-subscription-icon.custom-tooltip--bottom::after {
    font-size: 12px;
    white-space: nowrap;
    top: 64%;
    left: 60%;
}
.card:has(.bundle-plus-icon) {
    overflow: visible;
}
.bundle-plus-icon.custom-tooltip--bottom::before,
.bundle-plus-icon.custom-tooltip--bottom::after {
    top: 55%;
    left: 105%;
    transform: translate(-50%);
    margin-top: 15px;
    white-space: nowrap;
    z-index: 999;
    font-size: 12px;
}
.bundle-plus-icon.custom-tooltip--bottom::after {
    left: 46%;
    top: 30%;
}
.order-view-section .product-box-line.bundle-product-box-line {
    padding-top: 0;
    padding-bottom: 30px;
}
.order-view-section .product-box-line.bundle-product-box-line:last-child {
    padding-bottom: 0;
}
.embed-section .bundle-plus-icon {
    position: absolute;
    left: 3%;
    cursor: pointer;
    margin-top: 10%;
}
body .multi_step_form {
    background: inherit;
}
.setting-layout-wrapper .custom-header-sub-title {
    font-size: 12px;
    margin-top: 2px;
    font-weight: 300;
    margin-bottom: 5px;
    color: #868686;
}
.welcome-msg-wrapper {
    display: block;
    margin-top: 20px;
    margin-bottom: 15px;
}
.welcome-msg-head {
    display: block;
    font-size: 22px;
    text-align: center;
    padding-bottom: 2px;
    width: 100%;
}
.welcome-msg-text {
    display: block;
    font-size: 14px;
    text-align: center;
    width: 100%;
}
.welcome-msg-hyperlink {
    border-bottom: 1px dashed #000;
    cursor: pointer;
}
.btn--secondary.analytics-ask-btn {
    border: 0.1rem solid #ede1ff;
    display: none;
    color: #7945e3;
    align-items: center;
    position: absolute;
    right: 20px;
    top: 16px;
    margin-top: 0;
    padding: 5px 14px 5px 6px;
    min-height: 13px;
}
svg.analytics-ai-svg {
    margin-right: 3px;
    width: 11px;
    height: 11px;
    min-width: 16px;
    min-height: 16px;
}
.inner-section-header .btn--secondary.analytics-ask-btn {
    top: 11px;
}
.integration-tab-outer-wrapper {
    display: flex;
    margin-top: 25px;
    gap: 15px;
    margin-bottom: 25px;
    flex-wrap: wrap;
}
.integration-tab-wrapper {
    display: block;
    cursor: pointer;
    padding: 4px 10px;
    width: fit-content;
    background: #e2e2e2;
    color: #000;
    border-radius: 40px;
    font-size: 13px;
    min-width: 100px;
    text-align: center;
}
.integration-tab-wrapper.active {
    background: #46a07e;
    color: #fff;
}
@media screen and (max-width: 767px) {
    .prominent_plan_wrapper.store_list_item ul,
    .store_list_item.full-width-plan ul {
        column-count: 1;
    }
    .store_list_item.full-width-plan a.scale-schedule-call-btn {
        position: unset;
        display: block;
    }
}
.store_plan_list ul li.not-included-item::before {
    content: "\2715";
    color: #e74c3c;
}
li.feature-li {
    position: relative;
    margin-left: 10px;
    padding: 5px 5px;
}
li.feature-li:before {
    content: "\2713";
    color: #46a07e;
    font-weight: 800;
    position: absolute;
    font-size: 15px;
    left: -16px;
    top: 6px;
    line-height: 1.2;
}
.prominent_plan_wrapper.store_list_item ul {
    -webkit-column-count: 2;
}
.store_plan_list .store_list_wrapper .store_card[data-order="1"] {
    order: 1;
    width: 60%;
}
.store_plan_list .store_list_wrapper .store_card[data-order="2"] {
    order: 2;
    width: 35%;
    margin-top: -15px;
}
.store_plan_list .store_list_wrapper .store_card[data-order="3"] {
    order: 3;
    padding: 15px;
}
.prominent_plan_wrapper.store_list_item img.trusted-badge {
    position: absolute;
    right: 20px;
    width: 140px;
    top: 20px;
}
.store_list_item.full-width-plan {
    width: 100%;
    margin: 0 15px;
}
.store_list_item.full-width-plan ul {
    -webkit-column-count: 3;
}
.plan-sub-text {
    text-align: left;
}
.store_list_item.full-width-plan a.scale-schedule-call-btn {
    position: absolute;
    right: 30px;
    top: 30px;
    width: fit-content;
    text-align: right;
    margin-bottom: 20px;
}
.store_list_item.full-width-plan .downgrade_public_btn {
    width: fit-content;
    min-width: 250px;
}
.prominent_plan_wrapper.store_list_item .current-billing-plan-badge {
    background: #3f4eae;
    top: 35px;
    right: 15px;
}
.store_plan_list .plan_price {
    margin-top: 0;
}
.analytics-outer-wrapper
    table#subscriptions-datatable.forecast-table
    span.table-product-title.product-text {
    color: #323232;
}
.edit-app-link {
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    margin: 0;
    font-size: 13px;
    padding: 0px;
    margin-bottom: 10px;
    color: #323232;
    border-radius: 15px;
}
.edit-app-link a {
    color: #323232;
    text-decoration: underline;
}
.plan-form-wrapper
    .mmb-wrapper
    .mmb-inner-info
    .custom-input-box
    textarea#planDescription {
    background: #fff;
    border-radius: 3px;
    border: 1px solid #dedede;
    font-size: 13px;
    color: #3c3c3c;
    height: 5rem;
    padding-top: 17px;
}
.custom-input-box .tox-tinymce {
    max-height: 170px;
    margin-top: 2px;
    border: 1px solid #dedede;
    border-radius: 3px;
}
.custom-input-box .tox:not(.tox-tinymce-inline) .tox-editor-header {
    padding-top: 12px;
}
.custom-input-box .tox .tox-statusbar,
.tox .tox-promotion {
    display: none;
}
.custom-input-box .tox .tox-edit-area::before {
    border: 2px solid #46a07e;
    border-radius: 3px;
}
.custom-input-box .tox .tox-tbtn svg {
    fill: #6f6f6f;
}
.custom-input-box .tox .tox-tbtn--active,
.custom-input-box .tox .tox-tbtn--enabled,
.custom-input-box .tox .tox-tbtn--enabled:focus,
.custom-input-box .tox .tox-tbtn--enabled:hover {
    background: #e5e5e5;
}
.custom-input-box .tox .tox-mbtn {
    color: #3c3c3c;
}
.custom-input-box .tox .tox-tbtn--bespoke {
    max-width: 115px;
}
.referral-card-heading {
    gap: 5px;
}
body
    .tox
    .tox-collection--list
    .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
    background-color: #ebeaea;
    color: #000;
}
.dashboard-card-layout.dashboard-card-full-layout.dashboard-card-full-layout-referals {
    background: radial-gradient(
        circle,
        rgba(84, 84, 84, 1) 0%,
        rgba(0, 0, 0, 1) 100%
    );
    color: #fff;
}
.dashboard-card-layout.dashboard-card-full-layout.dashboard-card-full-layout-referals
    .btn.btn-primary.live-chat-btn {
    background: #ffffff !important;
    color: #000000;
    padding: 12px 16px;
}
.dashboard-card--campaignContainer a.btn {
    background: #fff !important;
    color: #003229 !important;
}
.campaign-card-p {
    width: 90%;
}
.cancelled-subscription-count {
    background: #f44336;
}
.new-release-label {
    background: #46a07e;
    border-radius: 24px;
    font-size: 12px;
    padding: 2px 12px;
    margin-left: 4px;
    margin-bottom: 4px;
    display: inline-grid;
}
.dashboard-card--newlaunch {
    background: #000;
}
.dashboard-card--newlaunch .left-align-wrapper {
    display: flex;
    align-items: center;
}
.dashboard-card--newlaunch .new-release-label {
    background: #46a07e;
    border-radius: 24px;
    font-size: 12px;
    padding: 2px 12px;
    margin-left: 4px;
    margin-bottom: 0px;
    display: inline-grid;
}
.dashboard-card--newlaunch .left-align {
    margin-left: 10px;
}
.dashboard-card--newlaunch .dashboard-card--campaignContainer a.btn {
    height: unset;
    padding: 2px 10px;
}
.dashboard-card-layout-wrapper.cancel-card-layout-wrapper {
    width: 100%;
}
.custom-input-box label[for="planDescription"] {
    top: -10px;
    color: #6f6f6f;
    font-weight: 600;
    background: #fff;
    font-size: 13px;
    transition: 250ms;
    z-index: 10;
}
.custom-input-box .ql-toolbar.ql-snow .ql-formats:first-child {
    display: none;
}
.custom-input-box .ql-toolbar.ql-snow {
    padding-top: 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-color: #dedede;
}
.custom-input-box .ql-toolbar.ql-snow + .ql-container.ql-snow {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-color: #dedede;
    padding: 10px;
}
.custom-input-box .ql-editor ol,
.custom-input-box .ql-editor ul,
.custom-input-box .ql-container ul,
.custom-input-box .ql-container ol,
.custom-input-box .ql-container,
.custom-input-box .ql-editor {
    padding: 0;
    margin: 0;
}
.custom-input-box .ql-editor ul,
.custom-input-box .ql-editor ul li,
.custom-input-box .ql-container ul,
.custom-input-box .ql-container ul li {
    list-style-type: disc;
}
.custom-input-box .ql-snow strong {
    font-weight: 600;
}
.custom-input-box .ql-container ul,
.custom-input-box .ql-editor ul {
    padding: 0 15px;
}
.custom-input-box .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.custom-input-box .ql-snow.ql-toolbar button:hover .ql-stroke {
    stroke: #45a07e;
}
.top-alert-bar .trial-days-count {
    padding-left: 3px;
    padding-right: 3px;
}
.analytics-outer-wrapper .card-stats-bifurcation .skeleton-item {
    margin-bottom: 0px;
}
.analytics-outer-wrapper
    #card-stats
    .card
    .card-number[data-cancelled-subscription-count-chart]
    .skeleton-item {
    margin-bottom: 20px;
}
div#intercom-container h2,
div#intercom-container h3,
div#intercom-container pre {
    display: none !important;
}
.modal.import-export-modal.meeting-modal {
    max-width: 100%;
    width: 90%;
    max-height: 95%;
    top: 20px !important;
}
.modal.import-export-modal.meeting-modal .modal-content {
    padding: 0px;
}
.modal.import-export-modal.meeting-modal .modal-content iframe {
    border: none;
    height: 700px;
    width: 100%;
}
.modal.import-export-modal.meeting-modal .modal-desc-block {
    margin-bottom: 0px;
}
.open-meet-modal {
    cursor: pointer;
}
.call-support-wrapper {
    display: block;
    padding: 15px;
    background: #fae7d7;
    width: fit-content;
    border-radius: 12px;
    margin: 5px 12px;
    position: relative;
}
.call-support-card {
    display: block;
    background: #fffbf7;
    border-radius: 12px;
    padding: 12px;
    box-shadow: 0 4px 12px rgb(0 0 0 / 0.15);
    color: #fff;
}
.call-support-title {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #e46c1f;
    line-height: normal;
}
.call-support-subtitle {
    display: block;
    font-size: 12px;
    color: #595959;
    margin-top: 4px;
    margin-bottom: 5px;
    line-height: 16px;
}
.call-support-image {
    width: 100%;
    height: 100px;
    object-fit: cover;
    border-radius: 12px;
    margin-top: 10px;
    margin-bottom: 8px;
    display: block;
}
.call-support-btn,
.call-support-btn:focus {
    background: #e46c1f;
    border: none;
    outline: none;
    padding: 10px 9px;
    width: 100%;
    border-radius: 39px;
    color: #fff;
    font-size: 13px;
    display: block;
    position: relative;
    margin: 0 auto;
    cursor: pointer;
}
.call-support-btn .beacon-white-animation {
    top: unset;
    bottom: 13px;
    right: 12px;
    transform: unset;
    z-index: 1;
    position: absolute;
    height: 10px;
    width: 10px;
    background-color: #fff;
    margin: 0;
    border: 0;
    border-radius: 50%;
    padding: 0;
    outline: 0;
}
.beacon-white-animation:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    border: 3px solid #fff;
    border-radius: 50%;
    animation: beacon 2s infinite linear;
    animation-fill-mode: forwards;
}
.bottom-item {
    display: none !important;
}
.meet-link-redirection {
    position: absolute;
    font-size: 12px;
    right: 49px;
    top: 15px;
    color: #323232;
}
.demo-call-booking-card-wrapper {
    display: flex;
    padding: 16px 16px;
    justify-content: space-between;
    align-items: center;
}
.demo-call-booking-card-wrapper .img-text-wrapper {
    display: flex;
    gap: 15px;
    flex-basis: 72%;
}
.demo-call-booking-card-wrapper .img-text-wrapper .dashboard-card-img-wrapper {
    display: flex;
    align-items: end;
}
.demo-call-booking-card-wrapper
    .img-text-wrapper
    .dashboard-card-img-wrapper
    .dashboard-card-img {
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 4px;
}
.demo-call-booking-card-wrapper
    .img-text-wrapper
    .dashboard-card-heading-wrapper
    .dashboard-card-heading {
    font-size: 16px;
    font-weight: 800;
    display: block;
}
.demo-call-booking-card-wrapper
    .img-text-wrapper
    .dashboard-card-heading-wrapper
    .dashboard-card-para {
    color: #616161;
    font-size: 13px;
    margin-top: 2px;
    display: block;
}
@media screen and (max-width: 768px) {
    .demo-call-booking-card-wrapper,
    .demo-call-booking-card-wrapper .img-text-wrapper {
        flex-direction: column;
    }
    .demo-call-booking-card-wrapper
        .img-text-wrapper
        .dashboard-card-img-wrapper {
        justify-content: center;
    }
    .demo-call-booking-card-wrapper
        .img-text-wrapper
        .dashboard-card-heading-wrapper {
        text-align: center;
    }
    .demo-call-booking-card-wrapper .btn-wrapper {
        margin-top: 15px;
    }
}
.card.new-card.announcement-card-design {
    background: #fae7d7;
}
.card.new-card.announcement-card-design .demo-call-booking-card-wrapper {
    margin: 15px 15px;
    background: #fffbf7;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgb(0 0 0 / 0.15);
}
.card.new-card.announcement-card-design
    .demo-call-booking-card-wrapper
    .img-text-wrapper
    .dashboard-card-heading-wrapper
    .dashboard-card-heading {
    color: #252525;
}
.open-meet-modal.btn.btn-primary.text-transform-inherit.schedule-call-btn {
    display: flex;
    align-items: center;
}
.open-meet-modal.btn.btn-primary.text-transform-inherit.schedule-call-btn svg {
    margin-right: 6px;
}
.list-automation-section .mmb-wrapper .right-align-box.border-right-box {
    border-right: 1px solid #c4cdd5;
}
.detailed-tooltip .detailed-tooltiptext.bundle-tooltiptext {
    right: -25px;
    top: 40px;
}

input[type="text"].tags-input-field {
    height: 40px;
    border: 1px solid #e2e2e2;
    padding-left: 10px;
    width: 100%;
    margin-top: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 13px;
    height: 36px;
}
input[type="text"].tags-input-field.full-round-corners {
    border-radius: 5px;
}
input[type="text"].tags-input-field:not(.browser-default):focus:not(
        [readonly]
    ) {
    border-bottom: 1px solid #e2e2e2;
}
.tags-search-dropdown-list {
    display: none;
    border: 1px solid #e2e2e2;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 0;
    width: 104%;
}
.main-tags-input {
    padding-right: 20px;
}
.main-tags-input .custom-loading-icon {
    height: 55px;
    background-size: 32px 32px !important;
}
.add-tag-label {
    align-items: center;
    gap: 5px;
    cursor: pointer;
}
.tags-search-dropdown-list ul {
    min-height: 50px;
    max-height: 212px;
    overflow: auto;
}
body .order-view-section span.tag-name {
    font-size: 12px;
}
.date-list.selected_tag_list li {
    border-radius: 4px;
}
.date-list.selected_tag_list {
    max-height: 125px;
    overflow-y: auto;
    overflow-x: hidden;
}
.tags-search-dropdown-list label.display-flex:hover,
.tags-search-dropdown-list label.display-flex.active {
    background-color: #ebebeb;
}
.search-dropdown-list.tags-search-dropdown-list li {
    padding: 6px 6px;
    padding-bottom: 4px;
}
.search-dropdown-list.tags-search-dropdown-list ul li:first-child {
    padding-bottom: 4px;
}
.search-dropdown-list.tags-search-dropdown-list label {
    padding: 4px 8px;
    border-radius: 5px;
}
.order-view-section .tags-search-dropdown-list span.dropdown-head {
    font-size: 13px;
}
.no-available-tags {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}
.btn--secondary.customize-byob-code {
    margin-right: 10px;
    font-size: 13px;
    padding: 8px 25px;
    display: flex;
    align-items: center;
}
.edit-byob-code-btn {
    align-items: center;
    display: flex;
    gap: 4px;
}
.snippet-template {
    display: block;
    position: relative;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    margin-right: 20px;
    flex: 1;
}
.snippet-template.current {
    border: 2px solid #46a07e;
}
.snippet-head {
    display: block;
    text-align: left;
    font-size: 15px;
    font-weight: 700;
    padding: 10px 15px;
    border-bottom: 1px solid #e2e2e2;
}
.snippet-template.current .snippet-head {
    color: #519c7e;
}
.recurpay-ai-generator-btn {
    width: 100%;
    padding: 4px;
    border: none;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    text-align: left;
    transition: 0.2s;
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 240px;
    transform: translateY(0px);
    box-shadow: none;
}
.recurpay-ai-generator-btn:not(.active)::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: 8px;
    background: linear-gradient(90deg, #d23993, #7154e5, #d23993);
    background-size: 300% 300%;
    animation: rotateBorder 2s linear infinite;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

.recurpay-ai-generator-content {
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.recurpay-ai-generator-header {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}

.recurpay-ai-generator-radio {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid rgb(208, 213, 221);
    transition: 0.2s;
    flex-shrink: 0;
    margin-top: 2px;
}

.recurpay-ai-generator-text-wrap {
    flex: 1 1 0%;
}

.recurpay-ai-generator-title-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.recurpay-ai-generator-title {
    font-size: 15px;
    color: #d03a93;
    font-weight: 700;
    background: linear-gradient(90deg, #d23993, #7154e5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.recurpay-ai-generator-badge {
    padding: 2px 6px;
    border-radius: 3px;
    background-color: rgb(70, 160, 126);
    color: #fff;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.recurpay-ai-generator-desc {
    font-size: 12px;
    color: rgb(109, 109, 109);
    line-height: 1.6;
    max-width: 500px;
    margin-bottom: 12px;
}

.recurpay-ai-generator-status-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-left: 35px;
}

.recurpay-ai-generator-status-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 6px;
    background-color: rgb(240, 253, 249);
    border: 1px solid rgb(209, 240, 229);
    display: none;
}

.recurpay-ai-generator-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgb(70, 160, 126);
}

.recurpay-ai-generator-status-text {
    font-size: 12px;
    color: rgb(45, 130, 104);
    font-weight: 500;
}

.recurpay-ai-generator-link,
.preview-widget-link,
.edit-code-link,
.floating-widget-preview-link,
.floating-widget-publish-link,
.floating-widget-live-chat-link {
    font-size: 12px;
    color: rgb(16, 24, 40);
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
    padding-right: 10px;
    line-height: 12px;
    border-right: 1px solid #6d6d6d;
}
.floating-widget-preview-link {
    font-size: 13px;
    border-color: #9c9b9b;
    color: #6d6d6d;
    display: flex;
    align-items: center;
    gap: 4px;
}
.floating-widget-publish-link {
    font-size: 13px;
    color: #6d6d6d;
    border-color: #9c9b9b;
}
.floating-widget-live-chat-link {
    font-size: 13px;
    color: #6d6d6d;
    border-right: none;
}

.preview-widget-link,
.edit-code-link {
    display: none;
}
.recurpay-ai-generator-link {
    border: none;
}

.recurpay-ai-generator-preview {
    background: linear-gradient(135deg, #fff 0%, rgb(249, 250, 251) 100%);
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-left: 1px solid rgb(229, 231, 235);
}

.recurpay-ai-generator-preview-box {
    position: relative;
    width: 180px;
    height: 110px;
}

.recurpay-ai-generator-upload-left {
    position: absolute;
    top: 6px;
    left: -10px;
    width: 70px;
    height: 90px;
    border-radius: 6px;
    border: 2px dashed rgb(208, 213, 221);
    background-color: rgb(250, 250, 250);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.5;
}

.recurpay-ai-generator-preview-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.recurpay-ai-generator-preview-right {
    position: absolute;
    top: 0;
    right: -10px;
    width: 85px;
    height: 100px;
    border-radius: 8px;
    border: 2px solid rgb(225 187 255);
    background-color: #fff;
    overflow: hidden;
    box-shadow: rgba(70, 160, 126, 0.2) 0px 4px 16px;
}

.recurpay-ai-generator-right-inner {
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    height: 100%;
}

.recurpay-ai-generator-right-bar-top {
    height: 12px;
    border-radius: 3px;
    background: linear-gradient(
        90deg,
        rgb(237 227 255) 0%,
        rgb(225 188 255) 100%
    );
    width: 70%;
}

.recurpay-ai-generator-right-box {
    flex: 1 1 0%;
    border-radius: 4px;
    background-color: rgb(236 227 255);
    display: flex;
    align-items: center;
    justify-content: center;
}

.recurpay-ai-generator-right-bar-bottom {
    height: 10px;
    border-radius: 3px;
    background-color: rgb(237 227 255);
    width: 50%;
    margin-left: auto;
}

.recurpay-ai-generator-sparkle-btn {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background: linear-gradient(
        135deg,
        rgb(237 227 255) 0%,
        rgb(238 229 255) 100%
    );
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgb(212 191 248) 0px 2px 6px;
}
.recurpay-ai-generator-wrapper {
    margin-top: 15px;
}
.recurpay-ai-generator-btn:hover {
    border: none;
    box-shadow: rgb(236 226 255) 0px 4px 12px;
    transform: translateY(-2px);
}
#ai-generator-upload-modal {
    border-radius: 16px;
}
#ai-generator-upload-modal .modal-header {
    padding: 20px 24px;
}
@keyframes rotateBorder {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
#ai-generator-upload-modal .ai-generator-upload-modal-header {
    display: flex;
    align-items: center;
    gap: 10px;
}
#ai-generator-upload-modal .ai-generator-upload-modal-header-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(
        135deg,
        rgb(70, 160, 126) 0%,
        rgb(45, 130, 104) 100%
    );
}
#ai-generator-upload-modal .generator-title {
    margin: 0px;
    font-size: 18px;
    font-weight: 600;
    color: rgb(16, 24, 40);
}
#ai-generator-upload-modal .generator-subtitle {
    font-size: 13px;
    color: rgb(109, 109, 109);
}
#ai-generator-upload-modal .modal-body {
    padding: 24px;
    max-height: calc(-160px + 80vh);
    overflow-y: auto;
}
#ai-generator-upload-modal .upload-image-wrapper {
    margin-bottom: 16px;
}
#ai-generator-upload-modal .upload-image-label {
    display: block;
    font-size: 13px;
    font-weight: 800;
    color: rgb(52, 64, 84);
    margin-bottom: 8px;
}

#ai-generator-upload-modal .upload-image-container {
    border: 2px dashed rgb(70, 160, 126);
    border-radius: 8px;
    padding: 32px 16px;
    text-align: center;
    cursor: pointer;
    background-color: white;
    transition: 0.2s;
    min-height: 140px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#ai-generator-upload-modal .upload-image-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: rgb(240, 253, 249);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}
#ai-generator-upload-modal .upload-text {
    margin: 0px 0px 4px;
    font-size: 14px;
    font-weight: 600;
    color: rgb(52, 64, 84);
}
#ai-generator-upload-modal .file-format-text {
    margin: 0px;
    font-size: 12px;
    color: rgb(109, 109, 109);
}
#ai-generator-upload-modal .close-browser {
    right: 19px;
    top: 25px;
}
#ai-generator-upload-modal .dropify-wrapper {
    border: 2px dashed rgb(70, 160, 126);
    border-radius: 8px;
    padding: 32px 16px;
    text-align: center;
    cursor: pointer;
    background-color: white;
    transition: 0.2s;
    min-height: 140px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    height: 180px !important;
}
#ai-generator-upload-modal
    .dropify-wrapper
    .dropify-message
    span.file-icon:before {
    display: none;
}
#ai-generator-upload-modal .dropify-message .file-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: rgb(240, 253, 249);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}
#ai-generator-upload-modal .dropify-message {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#ai-generator-upload-modal
    .dropify-wrapper
    .dropify-preview
    .dropify-render
    img {
    max-height: 100% !important;
}
#ai-generator-upload-modal .ai-prompt-wrapper {
    margin: 16px 0;
    display: none;
}
#ai-generator-upload-modal .ai-prompt-label {
    display: block;
    font-size: 13px;
    font-weight: 800;
    color: #344054;
    margin-bottom: 8px;
}
#ai-generator-upload-modal .ai-prompt-textarea {
    width: 100%;
    min-height: 100px;
    padding: 10px;
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    font-size: 13px;
    font-family: inherit;
    resize: vertical;
    box-sizing: border-box;
}
#ai-generator-upload-modal .ai-prompt-tip {
    margin-top: 8px;
    padding: 8px 10px;
    background-color: #f0fdf9;
    border-radius: 6px;
    border: 1px solid rgba(70, 160, 126, 0.125);
    display: flex;
    gap: 6px;
    align-items: flex-start;
}
#ai-generator-upload-modal .ai-prompt-tip-icon {
    margin-top: 2px;
    flex-shrink: 0;
}
#ai-generator-upload-modal .ai-prompt-tip-text {
    margin: 0;
    font-size: 12px;
    color: #2d8268;
    line-height: 1.4;
}
#ai-generator-upload-modal .ai-prompt-final-btn,
#ai-generator-upload-modal .ai-prompt-final-btn:focus {
    width: 100%;
    padding: 12px 24px;
    border-radius: 8px;
    border: none;
    background-color: rgb(70, 160, 126);
    color: white;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    display: none;
}
#ai-generator-upload-modal .ai-prompt-final-btn[disabled] {
    background-color: rgb(208, 213, 221);
}
textarea#prompt-text::placeholder {
    color: #757575;
}
.ai-generator-loader-screen {
    padding: 20px;
    text-align: center;
    display: none;
    padding-top: 10px;
}

.ai-generator-loader-screen__spinner-wrapper {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ai-generator-loader-screen__spinner-ring {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border-width: 3px;
    border-style: solid;
    border-color: rgb(70, 160, 126) rgb(229, 231, 235) rgb(229, 231, 235);
    animation: spin 1s linear infinite;
}

.ai-generator-loader-screen__spinner-inner {
    border-radius: 12px;
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, rgb(70, 160, 126), rgb(45, 130, 104));
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(70, 160, 126, 0.3) 0px 4px 12px;
    animation: pulse 2s ease-in-out infinite;
}

.ai-generator-loader-screen__title {
    font-size: 16px;
    font-weight: 600;
    color: rgb(16, 24, 40);
    margin-bottom: 8px;
}

.ai-generator-loader-screen__subtitle {
    font-size: 13px;
    color: rgb(109, 109, 109);
    margin-bottom: 20px;
}

.ai-generator-loader-screen__info-box {
    max-width: 450px;
    margin: 0 auto;
    padding: 16px;
    background-color: rgb(249, 250, 251);
    border-radius: 8px;
    border: 1px solid rgb(229, 231, 235);
}

.ai-generator-loader-screen__info-heading {
    font-size: 12px;
    color: rgb(70, 160, 126);
    font-weight: 600;
    margin-bottom: 6px;
}

.ai-generator-loader-screen__info-text {
    font-size: 13px;
    color: rgb(71, 84, 103);
    line-height: 1.5;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes pulse {
    0%,
    100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

/* Container */
.ai-generator-success-screen {
    display: none;
    padding: 10px 20px 20px;
    text-align: center;
}

/* Success Icon Wrapper */
.ai-generator-success-screen__icon-wrapper {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, rgb(70, 160, 126), rgb(45, 130, 104));
    box-shadow: rgba(70, 160, 126, 0.3) 0px 8px 24px;
}

/* Title */
.ai-generator-success-screen__title {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 600;
    color: rgb(16, 24, 40);
}

/* Subtitle */
.ai-generator-success-screen__subtitle {
    margin: 0 0 32px;
    font-size: 14px;
    color: rgb(109, 109, 109);
}

/* Buttons Wrapper */
.ai-generator-success-screen__actions {
    margin-bottom: 24px;
    display: flex;
    gap: 12px;
    justify-content: center;
}

/* Primary Button */
.ai-generator-success-screen__btn-primary {
    padding: 12px 24px;
    border-radius: 8px;
    border: none;
    background: linear-gradient(135deg, rgb(70, 160, 126), rgb(45, 130, 104));
    color: white;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.2s;
    box-shadow: rgba(70, 160, 126, 0.2) 0px 2px 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Secondary Button */
.ai-generator-success-screen__btn-secondary {
    padding: 12px 24px;
    border-radius: 8px;
    border: 2px solid rgb(70, 160, 126);
    background-color: white;
    color: rgb(70, 160, 126);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.2s;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 128px;
    justify-content: center;
}

/* Restart Link Button */
.ai-generator-success-screen__restart-btn {
    background: none;
    border: none;
    color: rgb(109, 109, 109);
    font-size: 13px;
    cursor: pointer;
    text-decoration: underline;
    padding: 8px;
}
.edit-code-loader-icon {
    height: 20px;
    width: 20px;
    display: none;
    filter: brightness(0) saturate(100%) invert(59%) sepia(12%) saturate(1452%)
        hue-rotate(116deg) brightness(75%) contrast(92%);
}
.ai-generator-success-screen__btn-secondary.btn-loader svg,
.ai-generator-success-screen__btn-secondary.btn-loader .edit-code-text {
    display: none;
}
.ai-generator-success-screen__btn-secondary.btn-loader .edit-code-loader-icon {
    display: block;
}
#ai-generator-upload-modal button:focus {
    background-color: unset;
}
.custom-info-card.ai-generator-processing-card {
    grid-column: 1 / span 2;
    margin-top: 0;
    display: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: none;
    border-top: 1px solid #deebf9;
}
.custom-info-card.ai-generator-processing-card .card-content {
    padding: 10px 10px;
}
.recurpay-ai-generator-btn.disable {
    pointer-events: none;
}
.recurpay-ai-generator-btn.active {
    border: 2px solid #47a07e;
}
.recurpay-ai-generator-btn[status="processing"] .recurpay-ai-generator-content,
.recurpay-ai-generator-btn[status="processing"] .recurpay-ai-generator-preview {
    opacity: 0.5;
}
.cancel-card-layout-wrapper .get-started-bfcm-btn,
.byob-card-layout-wrapper .create-byob-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}
.get-started-bfcm-btn.btn-loading span,
.create-byob-btn.btn-loading span {
    display: none;
}
.get-started-bfcm-btn.btn-loading img.edit-code-loader-icon,
.create-byob-btn.btn-loading img.edit-code-loader-icon {
    display: block;
    filter: brightness(0) saturate(100%) invert(14%) sepia(97%) saturate(2416%)
        hue-rotate(202deg) brightness(94%) contrast(89%);
    width: 88.5px;
}
.byob-card-layout-wrapper .dashboard-card-layout.dashboard-card-full-layout {
    background: linear-gradient(
        135deg,
        rgb(26, 26, 46) 0%,
        rgb(22, 33, 62) 50%,
        rgb(15, 52, 96) 100%
    );
    position: relative;
}
.dashboard-card--campaignContainer a.btn.create-byob-btn {
    color: rgb(26, 26, 46) !important;
}
.byob-card-layout-wrapper .right-align {
    display: flex;
    gap: 8px;
}
.dashboard-card--campaignContainer a.btn.learn-more-btn {
    color: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: transparent !important;
    display: flex;
    gap: 4px;
    align-items: center;
}
.byob-card-layout-wrapper .byob-background-image-wrapper {
    position: absolute;
    inset: 0px;
    background-image: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 35px,
        rgba(255, 255, 255, 0.02) 35px,
        rgba(255, 255, 255, 0.02) 70px
    );
    pointer-events: none;
}
.byob-card-layout-wrapper .campaign-card-p {
    width: 100%;
}
.byob-card-layout-wrapper .byob-card-title-wrapper {
    display: flex;
    align-items: end;
    gap: 5px;
}
.byob-card-layout-wrapper .byob-card-title-wrapper img {
    width: 28px;
    height: 28px;
    filter: brightness(0) invert(1);
}
.byob-card-layout-wrapper .shinning-text {
    font-size: 12px;
    align-items: center;
    padding: 5px 10px;
    font-family: Arial, sans-serif;
    font-weight: 700;
    color: #1e1e32;
    position: relative;
    border-radius: 8px;
    z-index: 1;
    width: max-content;
    margin-top: 15px;
    background: linear-gradient(90deg, #fbffc6, #ffbc00, #fbffc6);
    background-size: 200% 200%;
    animation: borderMove 3s linear infinite;
}
.byob-background-box-small {
    position: absolute;
    bottom: -23%;
    left: 12%;
    opacity: 0.07;
    pointer-events: none;
}
.byob-background-box-large {
    position: absolute;
    top: -14%;
    right: -2%;
    opacity: 0.08;
    pointer-events: none;
}
.card .card-content .create-box-p {
    font-size: 14px;
    color: rgb(70, 70, 70);
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 40px;
}
button.btn-link {
    background: transparent;
    border: none;
    padding: 12px 15px;
    font-size: 13px;
    text-decoration: underline;
    text-transform: capitalize;
}
button.btn-link.btn-loading {
    background-image: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/loading-black_0b0b7d18-c57e-4895-bdaf-c61cdb3d5f10.svg?v=1637579246) !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    background-size: 25px 25px !important;
    opacity: 0.7;
    background-position: center !important;
    cursor: no-drop;
    pointer-events: none;
}

.byob-step-cards {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
}

.byob-step-card {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #dfdfdf;
    padding: 24px 20px;
    flex: 1;
    min-width: 280px;
    max-width: 340px;
    display: flex;
    flex-direction: column;
    transition: border-color 0.2s ease;
}

.byob-step-image-container {
    width: 100%;
    height: 180px;
    border-radius: 8px;
    overflow: hidden;
    background: #f9f9f9;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.byob-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.byob-step-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    align-items: start;
}

.byob-number-badge {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #464646;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
}

.byob-step-title {
    font-size: 18px;
    font-weight: 600;
    color: #323232;
    margin: 0 0 8px 0;
    line-height: 1.3;
}

.byob-step-description {
    font-size: 13px;
    color: #464646;
    line-height: 1.5;
    margin: 0;
    text-align: start;
}

.byob-cta-container {
    text-align: center;
    margin-top: 40px;
}
.create-box-cta-container {
    margin-top: 40px;
    width: 100%;
}
.create-box-cta-container .btn.secondary-btn.secondary-btn-green.text-none {
    float: right;
}
@media (max-width: 1024px) {
    .byob-step-cards {
        gap: 16px;
    }
    .byob-step-card {
        min-width: 260px;
    }
}
@media (max-width: 768px) {
    .byob-step-cards {
        flex-direction: column;
        align-items: center;
    }
    .byob-step-card {
        max-width: 100%;
        width: 100%;
    }
    .byob-step-image-container {
        height: 160px;
    }
}

.whats-new-card-section {
    background: #f9f9f9;
    border-radius: 12px;
    padding: 24px;
    margin: 25px 0;
    box-shadow:
        0 0 0 1px rgb(63 63 68 / 5%),
        0 1px 3px 0 rgb(63 63 68 / 15%);
}
.whats-new-card-section-wrapper {
    border-radius: 12px;
}

.whats-new-card-header {
    margin-bottom: 20px;
    position: relative;
}

.whats-new-card-title-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.whats-new-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, #46a07e 0%, #3d9a7e 100%);
    border-radius: 8px;
    color: white;
}

.whats-new-card-title {
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0;
}

.whats-new-card-subtitle {
    font-size: 14px;
    color: #64748b;
    margin: 0;
}

.whats-new-card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.whats-new-card-section .feature-card {
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease;
    border: 1px solid transparent;
    cursor: pointer;
    width: 100%;
}

.whats-new-card-section .feature-card:hover {
    border-color: rgba(70, 160, 126, 0.4);
    animation: hoverEffect 0.2s ease forwards;
    box-shadow: 0 9px 15px rgb(133 129 129 / 30%);
}

.whats-new-card-section .feature-card-header {
    position: relative;
}

.whats-new-card-section .feature-card-image {
    width: 100%;
    height: 140px;
    object-fit: cover;
    display: block;
}

.whats-new-card-section .feature-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    gap: 4px;
    background: linear-gradient(135deg, #46a07e 0%, #3d9a7e 100%);
    color: white;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 4px;
}
.whats-new-card-section .feature-card-body {
    padding: 14px;
}
.whats-new-card-section .feature-card-title {
    font-size: 14px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 8px 0;
}

.whats-new-card-section .feature-card-description {
    font-size: 13px;
    color: #64748b;
    line-height: 1.5;
    margin: 0 0 12px 0;
}

.whats-new-card-section .feature-card-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    font-weight: 600;
    color: #46a07e;
    text-decoration: none;
    transition: color 0.2s ease;
}

.whats-new-card-section .feature-card-link:hover {
    color: #3d9a7e;
}

@media only screen and (max-width: 900px) {
    .whats-new-card-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 600px) {
    .whats-new-card-section {
        padding: 16px;
        margin: 16px 0;
    }

    .whats-new-card-grid {
        grid-template-columns: 1fr;
    }
}

.byob-popup-container {
    display: flex;
    flex-direction: row;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    max-width: 820px;
    width: 90vw;
    height: 100%;
    position: relative;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

/* Close button */
.byob-popup-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    color: #64748b;
    transition: 0.2s;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Left section */
.byob-popup-left {
    flex: 0 0 45%;
    background: #f8faf9;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.byob-popup-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

/* Badge */
.byob-popup-badge {
    position: absolute;
    bottom: 32px;
    left: 32px;
    background: rgba(70, 160, 126, 0.95);
    color: #fff;
    padding: 8px 16px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(70, 160, 126, 0.3);
}

/* Right content */
.byob-popup-content {
    flex: 1;
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto;
}

.byob-popup-tag {
    display: inline-block;
    background: #fff3e0;
    color: #ff9800;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 4px;
    margin-bottom: 12px;
    letter-spacing: 0.5px;
}

.byob-popup-title {
    font-size: 26px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 12px;
    line-height: 1.2;
}

.byob-popup-desc {
    font-size: 14px;
    color: #64748b;
    line-height: 1.6;
}

/* Stats */
.byob-popup-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin: 24px 0;
}

.byob-popup-stat-card {
    background: #f8faf9;
    border-radius: 12px;
    padding: 16px;
    text-align: center;
    border: 1px solid #e8f5e9;
}

.byob-popup-stat-value {
    font-size: 22px;
    font-weight: 700;
    color: #46a07e;
}

.byob-popup-stat-label {
    font-size: 12px;
    font-weight: 600;
    color: #1a1a1a;
}

.byob-popup-stat-sub {
    font-size: 10px;
    color: #9f9f9f;
}

/* Features */
.byob-popup-features {
    margin-bottom: 24px;
}

.byob-popup-feature {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: #333;
    margin-bottom: 10px;
}

.byob-popup-feature-check {
    color: #46a07e;
    font-weight: 700;
    font-size: 14px;
}

/* CTA */
.change-modal .btn.confirm-btn.byob-popup-cta {
    width: 100%;
    padding: 14px 24px;
    background: #46a07e;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 16px;
    transition: 0.2s;
    box-shadow: 0 4px 12px rgba(70, 160, 126, 0.25);
    line-height: 10px;
    height: 45px;
    text-transform: capitalize;
}

/* Footer */
.byob-popup-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.byob-popup-footer button {
    background: none;
    border: none;
    font-size: 13px;
    cursor: pointer;
    padding: 4px 8px;
    transition: color 0.2s;
}

.byob-popup-skip {
    color: #64748b;
}

.byob-popup-not-interested {
    color: #9f9f9f;
}
.byob-popup-dot {
    color: rgb(209, 209, 209);
    font-size: 10px;
}

/* Ai generation loader widget */

.recurpay-ai-generation-loader-container {
    position: fixed;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
    display: flex;
    justify-content: center;
    align-items: center;
}
.recurpay-ai-generation-loader-widget {
    position: relative;
    padding: 3px;
    border-radius: 100px;
    background: linear-gradient(
        90deg,
        #e8e8e8 0%,
        #d4d4d4 20%,
        #e8405c 40%,
        #e0a458 60%,
        #6366f1 80%,
        #e8e8e8 100%
    );
    background-size: 300% 100%;
    animation: recurpay-ai-generation-border-glow 3s linear infinite;
    box-shadow:
        0 4px 20px rgba(0, 0, 0, 0.08),
        0 2px 8px rgba(139, 92, 246, 0.15);
}

@keyframes recurpay-ai-generation-border-glow {
    0% {
        background-position: 100% 50%;
    }
    100% {
        background-position: -100% 50%;
    }
}

.recurpay-ai-generation-loader-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 14px 24px;
    background: #fafafa;
    border-radius: 100px;
    min-width: 420px;
}

.recurpay-ai-generation-loader-status {
    display: flex;
    align-items: center;
    gap: 12px;
}

.recurpay-ai-generation-dot-indicator {
    display: flex;
    align-items: center;
    justify-content: center;
}

.recurpay-ai-generation-pulsing-dot {
    width: 10px;
    height: 10px;
    background-color: #7c3aed;
    border-radius: 50%;
    animation: recurpay-ai-generation-pulse 1.5s ease-in-out infinite;
}

@keyframes recurpay-ai-generation-pulse {
    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.6;
        transform: scale(0.9);
    }
}

.recurpay-ai-generation-status-text {
    font-size: 14px;
    font-weight: 500;
    color: #323232;
    letter-spacing: -0.01em;
}

.recurpay-ai-generation-time-section {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 24px;
    border-left: 1px solid #9c9b9b;
}

.recurpay-ai-generation-clock-icon {
    color: #6d6d6d;
}

.recurpay-ai-generation-time-text {
    font-size: 14px;
    font-weight: 400;
    color: #6d6d6d;
    white-space: nowrap;
}
.recurpay-ai-generation-loader-close {
    display: flex;
    align-items: center;
    top: 20px;
    right: 14px;
    cursor: pointer;
}
.recurpay-ai-generation-loader-close i {
    font-size: 16px;
}

.col .row.credentials-wrapper {
    padding: 0;
}

.row.credentials-wrapper .col.m12.field-wrapper {
    padding: 1rem 1rem 0.5rem;
    position: relative;
}

.row.credentials-wrapper .field-label {
    font-size: 14px;
}

.row.credentials-wrapper .readonly-input {
    margin-top: 0.25rem;
}

.row.credentials-wrapper .copy-icon {
    position: absolute;
    right: 23px;
    top: 65%;
    transform: translateY(-50%);
    cursor: pointer;
}

.row.credentials-wrapper .copy-icon svg {
    width: 16px;
    height: 16px;
    fill: #5a5a5a;
}

.row.credentials-wrapper .eye-toggle {
    position: absolute;
    right: 50px;
    top: 63%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #5a5a5a;
    cursor: pointer;
}

#byob-ui-modal.modal.import-export-modal {
    max-width: 56%;
    width: 56%;
    height: 100%;
    max-height: 80%;
    border-radius: 16px;
}
#byob-ui-modal.modal.import-export-modal .close-browser {
    right: 15px;
    top: 18px;
}

@media screen and (max-width: 920px) {
    #byob-ui-modal.modal.import-export-modal {
        max-width: 100%;
        width: 90%;
        height: 100%;
        max-height: 85%;
    }
    .byob-popup-container {
        flex-direction: column;
    }
    .byob-popup-left {
        padding: 0px;
    }
    .byob-popup-image {
        width: 85%;
        height: 85%;
    }
    .byob-popup-badge {
        display: none;
    }
    .byob-popup-content {
        padding: 20px;
    }
    #byob-ui-modal.modal.import-export-modal .close-browser {
        right: 7px;
        top: 6px;
    }
    .byob-popup-stats {
        margin: 10px 0px;
    }
}

.orders-sticky-table {
    max-height: 600px;
    overflow-y: auto;
}

.orders-sticky-table thead {
    position: sticky;
    top: 0;
    background: #fff;
}

.timelines-card-section {
    max-height: 600px;
    overflow-y: auto;
}

.padr15 {
    padding-right: 15px !important;
}

.setting-layout-wrapper .mmb-header {
    display: flex;
    justify-content: space-between;
}
.btn--secondary.test-event-btn {
    margin-right: 5px;
}
.learn-more-sign-on-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.learn-more-sign-on-wrapper svg {
    margin-left: 5px;
    fill: #46a07e;
}

/* -------------------------------------- */
/* CSS for the Plan revamp */
/* -------------------------------------- */

.plan-wrapper-plans-page .preview-column {
    position: sticky;
    top: 24px;
    align-self: flex-start;
    width: 38%;
}

.plan-wrapper-plans-page .preview-card {
    background: #ffffff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid #f3f1f1;
    border-radius: 12px;
    box-shadow: none;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.plan-wrapper-plans-page .preview-header {
    padding: 12px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: linear-gradient(
        180deg,
        rgb(255, 255, 255) 0%,
        rgb(250, 251, 252) 100%
    );
    border-bottom:1px solid #e5e7eb;
}

.plan-wrapper-plans-page .preview-pill::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #48a17f;
    border-radius: 50%;
    animation: preview-dot-pulse 1.5s ease-in-out infinite;
}

@keyframes preview-dot-pulse {
    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.6;
        transform: scale(0.8);
    }
}

.plan-wrapper-plans-page .preview-column .preview-title {
    font-size: 14px;
    font-weight: 600;
}

.plan-wrapper-plans-page .preview-column .preview-pill {
    font-size: 12px;
    padding: 6px 16px;
    border-radius: 999px;
    background: #f5f5f5;
    font-weight: 700;
    white-space: nowrap;
    color: #404040;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 6px;
}

@keyframes preview-icon-bounce {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-2px);
    }
}
    
.plan-wrapper-plans-page .preview-footer {
    text-align: center;
    border-top: 1px solid #e5e7eb;
    background: #f9fafb;
    padding: 12px 20px;
    font-size: 12px;
    color: #6b7280;
}

.plan-wrapper-plans-page .preview-body .preview-frequency-meta {
    margin-top: 10px;
    font-size: 13px;
    color: #6b7280;
    line-height: 1.5;
    background: rgb(255, 255, 255);
    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.04),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.plan-wrapper-plans-page .preview-frequency-meta strong {
    color: #111827;
}

.plan-wrapper-plans-page .preview-frequency-meta {
    padding: 12px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
}

.plan-wrapper-plans-page .preview-meta-title {
    font-size: 14px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 4px;
}

.plan-wrapper-plans-page .preview-meta-description {
    font-size: 12px;
    color: #6b7280;
    line-height: 1.6;
}

.plan-wrapper-plans-page .preview-frequency-meta > div:first-child {
    display: flex;
    align-items: center;
    gap: 8px;
}

.preview-section-label {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgb(140, 140, 140);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.preview-section-label::before {
    content: "👁️";
    font-size: 11px;
    opacity: 0.8;
}
.preview-section-label::after {
    content: "";
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.1), transparent);
}

.plan-wrapper-plans-page .card {
    padding: 20px;
    margin-top: 0;
    overflow: visible;
}

.plan-wrapper-plans-page .card .card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 16px;
    gap: 12px;
}

.plan-wrapper-plans-page .card .card-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 2px;
}

.plan-wrapper-plans-page .card .card-description {
    font-size: 13px;
    color: #6b7280;
    line-height: 1.5;
}

.plan-wrapper-plans-page .pill-tag {
    font-size: 11px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 999px;
    background: #e2e2e2;
    color: #404040;
    white-space: nowrap;
}

.plan-wrapper-plans-page .form-group {
    margin-bottom: 12px;
}

.plan-wrapper-plans-page .form-label {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 4px;
    color: #414141
}

.plan-wrapper-plans-page .input-shell {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #00000014;
    background: #ffffff;
    padding: 8px 10px;
    font-size: 13px;
    color: #111827;
    min-width: 105px;
    height: 2.7rem;
}

.plan-wrapper-plans-page .input-shell[name="discountValue"],.plan-wrapper-plans-page .input-shell[name="prepaidPlanIntervalCount"] {
    border: none !important;
}

.plan-wrapper-plans-page .input-shell-inline {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.plan-wrapper-plans-page .input-addon-left {
    font-size: 13px;
    color: #6b7280;
    margin-right: 4px;
}

.plan-wrapper-plans-page .rich-text-wrapper {
    border-radius: 4px;
    border: 1px solid #00000014;
    overflow: hidden;
}

.plan-wrapper-plans-page .rich-text-toolbar {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 8px;
    background: #fafbfb;
    border-bottom: 1px solid #00000014;
    white-space: nowrap;
}

.plan-wrapper-plans-page #frequency-card .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    border-radius: 4px;
    border: 1px dotted #878787;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    text-transform: capitalize;
}

.plan-wrapper-plans-page .plan-btn-secondary {
    background: #ffffff !important;
    border-color: #00000014;
    color: #111827;
}
.plan-wrapper-plans-page .plan-btn-secondary.add-frequency-btn {
    height: 40px;
    margin-top: 5px;
    width: 100%;
    justify-content: center;
    gap: 8px;
    box-shadow: none;
    border: 1px dotted #878787;
    font-size:13px;
    text-transform: none;
}

.plan-wrapper-plans-page .btn-primary {
    background:  #2da67a;
    color: #ffffff;
}

.plan-wrapper-plans-page .btn-ghost-link {
    font-size: 13px;
    color:  #2da67a;
}

.plan-wrapper-plans-page .helper-text {
    font-size: 12px;
    color: #6b7280;
    margin-top: 4px;
}

.plan-wrapper-plans-page .frequency-list-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.plan-wrapper-plans-page .frequency-items {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
}

.plan-wrapper-plans-page .frequency-item {
    border-radius: 6px;
    border: 1px solid #00000014;
    background: #ffffff;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    cursor: pointer;
}

.plan-wrapper-plans-page .frequency-item-active {
    border-color: #e0e0e0;
    box-shadow: none;
    border-radius: 6px 6px 0 0;
}
.plan-wrapper-plans-page .frequency-item-active.full-border {
    border-radius: 6px;
}

.plan-wrapper-plans-page .frequency-item-main {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.plan-wrapper-plans-page .frequency-item-title {
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.plan-wrapper-plans-page .frequency-item-subtitle {
    font-size: 12px;
    color: #6b7280;
}

.plan-wrapper-plans-page .frequency-item-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.plan-wrapper-plans-page .frequency-default-pill {
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 999px;
    background: #ebfdf7;
    color:  #2da67a;
}

.plan-wrapper-plans-page .frequency-actions {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.plan-wrapper-plans-page .icon-button {
    width: 26px;
    height: 26px;
    border-radius: 4px;
    border: 1px solid #00000014;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #6b7280;
}

.plan-wrapper-plans-page .frequency-add-row-labels {
    display: flex;
    gap: 16px;
    margin-bottom: 4px;
    font-size: 12px;
    color: #6b7280;
    margin-top: 15px;
}

.plan-wrapper-plans-page .frequency-add-row-labels span {
    flex: 1;
}

.plan-wrapper-plans-page .frequency-add-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.plan-wrapper-plans-page .frequency-add-row .input-shell {
    margin-bottom: 0;
}

.plan-wrapper-plans-page .frequency-add-interval {
    width: 120px;
}

.plan-wrapper-plans-page .frequency-add-period {
    flex: 1;
}

.plan-wrapper-plans-page .input-select-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.plan-wrapper-plans-page .frequency-add-button {
    padding-inline: 16px;
}

.plan-wrapper-plans-page .frequency-footer-row {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    font-size: 12px;
    color: #6b7280;
}

.plan-wrapper-plans-page .frequency-footer-row-icon {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6b7280;
}

.plan-wrapper-plans-page .advanced-frequency-box {
    margin-top: 12px;
    padding: 10px 18px;
    border-radius: 6px;
    background: #fafbfb;
    border: 1px dashed #00000014;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.advanced-frequency-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.advanced-frequency-title {
    font-size: 13px;
    font-weight: 500;
}

.advanced-frequency-helper {
    font-size: 12px;
    color: #6b7280;
}
.frequency-item-with-accordion {
    margin-bottom: 0;
}

.plan-wrapper-plans-page .frequency-drag-handle {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    color: #6b7280;
    flex-shrink: 0;
    cursor: grab;
}
.plan-wrapper-plans-page .frequency-drag-handle:active {
    cursor: grabbing;
}

.plan-wrapper-plans-page .frequency-item-main-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.plan-wrapper-plans-page .frequency-accordion-wrapper {
    border-radius: 0 0 6px 6px;
    border: 1px solid #00000014;
    border-top: none;
    margin-top: -1px;
}
.plan-wrapper-plans-page .frequency-item-container.active .frequency-accordion-wrapper {
    border: 1px solid #e0e0e0;
}

.plan-wrapper-plans-page .frequency-accordion-wrapper .accordion {
    margin-top: 0;
    border-radius: 0 0 6px 6px;
    border: none;
}

.plan-wrapper-plans-page .frequency-accordion-wrapper .accordion-:host > div {
    border-top: 1px solid #00000014;
}

.plan-wrapper-plans-page .accordion {
    margin-top: 12px;
    border-radius: 8px;
    border: 1px solid #00000014;
    background: #fafbfb;
}

.plan-wrapper-plans-page .accordion-header {
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    cursor: pointer;
}
.plan-wrapper-plans-page .accordion-header-left {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.plan-wrapper-plans-page .accordion-header-title {
    font-size: 13px;
    font-weight: 500;
}

.plan-wrapper-plans-page .accordion-header-subtitle {
    font-size: 12px;
    color: #6b7280;
}

.plan-wrapper-plans-page .accordion-header-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #6b7280;
    white-space: nowrap;
}

.plan-wrapper-plans-page .accordion-:host > div {
    padding: 12px 12px 12px 12px;
    border-top: 1px solid #00000014;
    background: #ffffff;
}

.plan-wrapper-plans-page .accordion-body {
    padding: 10px 0px;
}

.plan-wrapper-plans-page .accordion-body .form-group {
    margin-bottom: 12px;
}

.plan-wrapper-plans-page .accordion-prepaid-settings {
    margin: 12px 18px 0;
    padding: 12px;
    background: #fff;
    border: 1px solid #00000014;
    border-radius: 6px;
}

.plan-wrapper-plans-page .frequency-item-container .checkbox-option {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 6px;
    cursor: pointer;
}

.plan-wrapper-plans-page .frequency-item-container .checkbox-input {
    margin-top: 2px;
    width: 15px;
    height: 15px;
}

span.selected-link {
    color:  #2da67a;
    border: 1px solid  #2da67a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
}

.plan-wrapper-plans-page .frequency-item-container .advanced-settings-accordion {
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #00000014;
    margin: 12px 18px 4px;
}

.plan-wrapper-plans-page .frequency-item-container .advanced-settings-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    cursor: pointer;
}

.plan-wrapper-plans-page .frequency-item-container .advanced-settings-title-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.plan-wrapper-plans-page .frequency-item-container .advanced-settings-label {
    font-size: 14px;
    font-weight: 500;
    color: #111827;
}

.plan-wrapper-plans-page .frequency-item-container .advanced-settings-subtitle {
    font-size: 12px;
    color: #6b7280;
}

.plan-wrapper-plans-page .frequency-item-container .advanced-settings-chevron {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6b7280;
}

.plan-wrapper-plans-page .frequency-item-container .advanced-settings-:host > div {
    border-top: 1px solid #00000014;
    padding: 12px 16px 16px 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: #f1f7f4;
}

.plan-wrapper-plans-page .frequency-item-container .settings-section {
    background: #ffffff;
    border-top: 1px solid #00000014;
}

.plan-wrapper-plans-page .frequency-item-container .section-header {
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.plan-wrapper-plans-page .frequency-item-container .section-icon {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    background: #f4f6f7;
    color: #6b7280;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

.plan-wrapper-plans-page .frequency-item-container .section-info {
    flex: 1;
}

.plan-wrapper-plans-page .frequency-item-container .section-title {
    font-size: 13px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 2px;
}

.plan-wrapper-plans-page .frequency-item-container .section-desc {
    font-size: 12px;
    color: #6b7280;
}

.plan-wrapper-plans-page .frequency-item-container .toggle-switch {
    width: 36px;
    height: 20px;
    background: #e1e3e5;
    border-radius: 999px;
    position: relative;
}

.plan-wrapper-plans-page .frequency-item-container .toggle-active {
    background: #2da67a;
}

.plan-wrapper-plans-page .frequency-item-container .toggle-knob {
    width: 16px;
    height: 16px;
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 2px;
}

.plan-wrapper-plans-page .frequency-item-container .toggle-active .toggle-knob {
    transform: translateX(16px);
}

.plan-wrapper-plans-page .frequency-item-container .section-body-nested {
    padding: 12px;
    padding-top: 0;
    background: #ffffff;
}

.plan-wrapper-plans-page .advanced-settings-body .form-group {
    padding: 0px !important;
}

.plan-wrapper-plans-page .frequency-item-container .form-group {
    flex: 1;
    margin-top: 12px;
    padding: 0 18px;
}

.plan-wrapper-plans-page .frequency-item-container .label {
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 4px;
    color: #111827;
}

.plan-wrapper-plans-page .frequency-item-container .input-group {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 10px;
    border: 1px solid #00000014;
    border-radius: 4px;
    background: #fff;
}


.plan-wrapper-plans-page .frequency-item-container .input-control-div,
.plan-wrapper-plans-page .frequency-item-container .select-control-div {
    width: 100%;
    padding: 8px 10px;
    font-size: 13px;
    border-radius: 6px;
    border: 1px solid #00000014;
    background: #ffffff;
    color: #111827;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.plan-wrapper-plans-page .frequency-item-container .input-suffix {
    position: absolute;
    right: 10px;
    font-size: 12px;
    color: #6b7280;
}

.plan-wrapper-plans-page .frequency-item-container .input-prefix {
    left: 10px;
    font-size: 12px;
    color: #6b7280;
}

.plan-wrapper-plans-page .frequency-item-container .helper-text {
    margin-top: 6px;
    font-size: 12px;
    color: #6b7280;
}

.plan-wrapper-plans-page .frequency-item-container .select-wrapper {
    position: relative;
}

.plan-wrapper-plans-page .frequency-item-container .select-arrow {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #6b7280;
}

.plan-wrapper-plans-page .frequency-item-container .grid-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.plan-wrapper-plans-page .frequency-item-container .radio-group {
    display: flex;
    gap: 16px;
    margin-top: 10px;
}

.plan-wrapper-plans-page .frequency-item-container .radio-option {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #111827;
}

.plan-wrapper-plans-page .frequency-item-container .radio-custom {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #00000014;
}

.plan-wrapper-plans-page .frequency-item-container .radio-custom-checked {
    border-color: #2da67a;
    box-shadow: inset 0 0 0 3px #2da67a;
}

.plan-wrapper-plans-page .frequency-item-container .new-toggle-switchbox.toggle-switchbox .switch {
    width: 36px;
    height: 20px;
}

.plan-wrapper-plans-page
.frequency-item-container
.new-toggle-switchbox.toggle-switchbox
input:checked
+ .toggle-slider:before,
.plan-wrapper-plans-page
.frequency-item-container
.new-toggle-switchbox.toggle-switchbox
.toggle-slider:before {
    bottom: 3px;
}

.plan-wrapper-plans-page .frequency-item-container .toggle-switchbox .toggle-slider:before {
    height: 15px;
    width: 15px;
}

.plan-wrapper-plans-page
.frequency-item-container
input[name="shipping_rate_radio"][type="radio"]:checked
+ span {
    font-size: 13px;
    color: #323232;
    line-height: 25px;
}

.plan-wrapper-plans-page
.frequency-item-container
input[name="shipping_rate_radio"][type="radio"]
+ span {
    font-size: 13px;
    padding-left: 28px;
}

.freq-badge-row {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 6px;
    flex-wrap: wrap;
}

.freq-badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 12px;
    background-color: #f3f4f6;
    color: #4b5563;
    font-size: 12px;
    white-space: nowrap;
}

.plan-id-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}
.status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.green-dot {
    background-color: #16a34a;
}
.red-dot {
    background-color: #d25a5a;
}
.plan-id-wrapper a,
.applies-summary {
    font-size: 14px;
    color: #374154;
}
.freq-more-count {
    font-size: 13px;
    color: #6b7280;
    font-weight: 500;
}
.freq-badge.freq-default {
    background-color: #e6f6ef;
    color: #0e6b4d;
    font-weight: 500;
}

.plan-wrapper-plans-page .frequency-item-container .delivery-discount-wrapper {
    display: flex;
}

.plan-wrapper-plans-page .frequency-item-container .input-shell[name="planFrequencyIntervalCount"] {
    flex-basis: 40%;
}

.plan-wrapper-plans-page .accordian-spacer {
    border: 0.8px dashed #dedede;
    margin-top: 12px;
    margin-bottom: 12px;
}

.plan-wrapper-plans-page .shipping-option-wrapper input[type="radio"] {
    accent-color: #008060;
}

.plan-wrapper-plans-page .advanced-settings-accordion {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-top: 12px;
    background: #fff;
}

.plan-wrapper-plans-page .advanced-settings-header-collapsed {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    cursor: pointer;
    background: #f9fafb;
    border-bottom: 1px solid transparent;
    user-select: none;
    gap: 10px;
}

.plan-wrapper-plans-page .advanced-settings-header-collapsed:hover {
    background: #f3f4f6;
}

.plan-wrapper-plans-page .advanced-settings-pills-row {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    flex-wrap: wrap;
    flex: 1;
}

.plan-wrapper-plans-page .advanced-settings-label-title {
    font-size: 13px;
    font-weight: 600;
    color: #111827;
    white-space: nowrap;
    margin-right: 4px;
}

.plan-wrapper-plans-page .adv-pill {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 5px 3px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    background: #e5e7eb;
    color: #111827;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.plan-wrapper-plans-page .adv-pill .pill-status {
    font-weight: 600;
    color: #6b7280;
    margin-left: 2px;
    width: 2.5rem;
    border-radius: 10px;
    text-align: center;
    background: #fff;
}

.plan-wrapper-plans-page .advanced-settings-header-collapsed .advanced-settings-chevron {
    flex-shrink: 0;
    color: #6b7280;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.plan-wrapper-plans-page .adv-pills-expanded-row {
    border-top: 1px solid #00000014;
}

.plan-wrapper-plans-page .adv-chevron-up svg {
    transition: transform 0.3s ease;
    transform: rotate(180deg);
}

.plan-wrapper-plans-page .adv-chevron-up.is-open svg {
    transform: rotate(0deg);
}

.plan-wrapper-plans-page .advanced-settings-body {
    background: #fff;
    border-radius: 8px;
}

.plan-wrapper-plans-page .adv-body-header {
    padding: 12px 16px 8px;
}

.plan-wrapper-plans-page .adv-body-title {
    font-size: 14px;
    font-weight: 700;
    color: #111827;
    display: block;
}

.plan-wrapper-plans-page .adv-body-desc {
    font-size: 12px;
    color: #6b7280;
    display: block;
    margin-top: 2px;
}

.plan-wrapper-plans-page .adv-expanded-pills-chevron-row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px 12px;
    flex-wrap: wrap;
}

.plan-wrapper-plans-page .adv-chevron-up {
    margin-left: auto;
    cursor: pointer;
    color: #6b7280;
    display: flex;
    align-items: center;
    font-size: 16px;
    flex-shrink: 0;
}

.plan-wrapper-plans-page .adv-chevron-up:hover {
    color: #111827;
}

.plan-wrapper-plans-page .advanced-settings-body .settings-section:last-child {
    border-bottom: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.plan-wrapper-plans-page .advanced-settings-body .section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-radius: 8px;
}

.plan-wrapper-plans-page .advanced-settings-body .section-title {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
}

.plan-wrapper-plans-page .advanced-settings-body .section-desc {
    font-size: 12px;
    color: #6b7280;
    margin-top: 2px;
}

.plan-wrapper-plans-page .advanced-settings-body .form-group:last-child {
    margin-bottom: 0;
}

.plan-wrapper-plans-page .advanced-settings-body .label {
    font-size: 12px;
    font-weight: 500;
    color: #374151;
    display: block;
    margin-bottom: 6px;
}

.plan-wrapper-plans-page .advanced-settings-body .grid-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.plan-wrapper-plans-page .advanced-settings-body select.input-shell {
    width: 100%;
    appearance: auto;
}

.plan-wrapper-plans-page .shipping-option-wrapper {
    margin-bottom: 16px;
}

.plan-wrapper-plans-page .mmb-wrapper .shipping-option-label {
    display: flex !important;
    align-items: flex-start;
    cursor: pointer;
    padding: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    transition: all 0.2s ease;
    position: relative;
}

.plan-wrapper-plans-page .shipping-option-label input[type="radio"] {
    position: relative !important;
    opacity: 1 !important;
    pointer-events: all !important;
    margin-right: 9px;
    margin-top: -5px;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.plan-wrapper-plans-page .mmb-wrapper [type="radio"]:not(:checked),
.plan-wrapper-plans-page .mmb-wrapper [type="radio"]:checked,
.plan-wrapper-plans-page .mmb-wrapper [type="checkbox"]:not(:checked),
.plan-wrapper-plans-page .mmb-wrapper [type="checkbox"]:checked {
    left: 0;
}

.plan-wrapper-plans-page .shipping-option-label input[type="radio"].with-gap {
    position: relative !important;
    opacity: 1 !important;
}

.plan-wrapper-plans-page .shipping-option-content {
    flex: 1;
}

.plan-wrapper-plans-page .shipping-option-title {
    font-weight: 500;
    font-size: 14px;
    color: #111827;
    margin-bottom: 4px;
    line-height: 1.4;
}

.plan-wrapper-plans-page .shipping-option-description {
    font-size: 13px;
    color: #6b7280;
    line-height: 1.5;
    margin-bottom: 0;
}

.plan-wrapper-plans-page .custom-shipping-input {
    display: none;
    padding-top: 12px;
    background-color: #ffffff;
    border-radius: 6px;
}

.plan-wrapper-plans-page .custom-shipping-input-wrapper {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.plan-wrapper-plans-page .custom-shipping-input-box{
    position: relative;
}

.plan-wrapper-plans-page .custom-shipping-label {
    color: #6b7280;
    font-size: 14px;
    white-space: nowrap;
    font-weight: 400;
}

.plan-wrapper-plans-page .custom-shipping-input-container {
    position: relative;
    width: 48%;
}

.plan-wrapper-plans-page .free-shipping-input {
    display: none;
    padding-top: 12px;
    background-color: #ffffff;
    border-radius: 6px;
}

.plan-wrapper-plans-page .free-shipping-input-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.plan-wrapper-plans-page .free-shipping-label {
    color: #6b7280;
    font-size: 14px;
    white-space: nowrap;
}

.plan-wrapper-plans-page .free-shipping-input-container {
    position: relative;
    width: 97%;
}

.plan-wrapper-plans-page .shipping-currency-symbol {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #6b7280;
    font-size: 14px;
    pointer-events: none;
}

.plan-wrapper-plans-page .custom-shipping-amount-input {
    height: 40px !important;
    margin-bottom: 0 !important;
    padding-left: 28px !important;
}
.plan-wrapper-plans-page .custom-shipping-name-input {
    height: 40px !important;
    margin-bottom: 0 !important;
}
.plan-wrapper-plans-page .free-shipping-name-input {
    height: 40px !important;
    margin-bottom: 0 !important;
}

.plan-wrapper-plans-page .shipping-rate-text {
    color: #6b7280;
    font-size: 14px;
}

.plan-form-wrapper .day-selector-wrapper {
    position: relative;
}

.plan-form-wrapper .day-selector-wrapper .day-selector-input {
    cursor: pointer !important;
    background-color: #fff !important;
    border: 1px solid #d1d5db;
    border-radius: 6px !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    color: #374151 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    height: 42px !important;
}

.plan-form-wrapper .day-selector-wrapper .day-selector-input:focus {
    outline: none !important;
    border-color: #47a07e !important;
    box-shadow: 0 0 0 3px rgba(71, 160, 126, 0.1) !important;
}


.plan-form-wrapper .renewal-section .day-selector-wrapper {
    position: relative;
}

.plan-form-wrapper .renewal-section .day-selector-input {
    width: 100%;
    cursor: pointer;
    caret-color: transparent;
}

.plan-wrapper-plans-page .row-half {
    display: flex;
    gap: 10px;
}

.plan-wrapper-plans-page.row-half .form-group {
    flex: 1;
}

.plan-form-wrapper .renewal-section .day-selector-wrapper .popover-content input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    flex-shrink: 0;
}

.plan-form-wrapper .renewal-section .day-selector-wrapper .popover-content label {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    cursor: pointer !important;
    transition: background-color 0.15s ease !important;
    gap: 10px !important;
}

.plan-form-wrapper .renewal-section .day-selector-wrapper .popover-content label input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    cursor: pointer !important;
    accent-color: #47a07e !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

.plan-wrapper-plans-page .renewal-section {
    margin-top: 4px;
}

.plan-wrapper-plans-page .renewal-section .form-group:last-child {
    margin-bottom: 0;
}

.plan-wrapper-plans-page .renewal-section .label {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #374151;
    margin-bottom: 6px;
}

.plan-wrapper-plans-page .renewal-section .helper-text {
    font-size: 12px;
    color: #6b7280;
    margin-top: 5px;
    line-height: 1.4;
}

.plan-wrapper-plans-page .preview-body {
    position: relative;
    padding: 10px;
    flex: 1;
    background: #ffffff;
}

.plan-wrapper-plans-page #preview-empty-state {
    text-align: center;
    padding: 60px 20px;
    border-radius: 6px;
    border: 1px dashed #e0e0e0;
    background: #fff;
}

.plan-wrapper-plans-page #preview-empty-state svg {
    width: 32px;
    height: 32px;
    color: #9da2ae;
}

#preview-empty-state .empty-icon-wrapper {
    background: #f3f4f6;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
}


.plan-wrapper-plans-page #preview-empty-state h3 {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 8px;
}


.plan-wrapper-plans-page #preview-empty-state p {
    font-size: 13px;
    color: #6b7280;
    line-height: 1.5;
    margin-top:0px;
}


.plan-wrapper-plans-page #preview-add-products-btn {
    background: #10b981;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s ease;
}

#preview-add-products-btn:hover {
    background: #059669;
}

.plan-wrapper-plans-page #widget-preview-iframe {
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
    display: block;
}

.plan-wrapper-plans-page #ai-widget-preview-card {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 20px;
    background: #fff;
}

.plan-wrapper-plans-page #ai-widget-preview-card .ai-widget-badge {
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 500;
    padding: 3px 10px;
    border-radius: 999px;
    display: inline-block;
    margin-bottom: 12px;
}

.plan-wrapper-plans-page #ai-widget-preview-card .ai-widget-subtitle {
    font-size: 13px;
    color: #6b7280;
    margin: 0 0 8px;
}

.plan-wrapper-plans-page #ai-widget-preview-card .ai-widget-title {
    font-size: 16px;
    font-weight: 700;
    color: #111827;
    margin: 0 0 10px;
    line-height: 1.4;
}

.plan-wrapper-plans-page #ai-widget-preview-card .ai-widget-description {
    font-size: 13px;
    color: #6b7280;
    margin: 0 0 18px;
    line-height: 1.5;
}

.plan-wrapper-plans-page #ai-widget-preview-card .ai-widget-btn {
    width: 100%;
    background: #111827;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 14px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}

.plan-wrapper-plans-page .mmb-inner-info{
    padding: 20px;
}

input.mmb-error,
select.mmb-error,
textarea.mmb-error {
    border: 0.5px solid #e53935 !important;
}

.sidenav-no-scroll {
    overflow: hidden !important;
    position: fixed;
    width: 100%;
}

.plan-details-page-wrapper .product-side-header-text {
    display: flex;
    flex-direction: column;
}
.plan-details-page-wrapper .product-side-header-text .product-desc {
    font-size: 12px;
    color: #6b7280;
}

.plan-details-page-wrapper .selected-collection-wrapper {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}

.ai-widget-preview-card-wrapper,
.preview-empty-state-wrapper{
    padding: 5px;
}

.select-dropdown.dropdown-trigger,
.dropdown-content.select-dropdown,
.select-wrapper .caret {
    display: none !important;
}

.plan-details-page-wrapper .filter-tabs {
    display: flex;
    gap: 24px;
    padding: 0 24px;
    border-bottom: 1px solid #00000014;
    background: #fff;
}

.plan-details-page-wrapper .filter-tab {
    padding: 12px 0;
    font-size: 14px;
    font-weight: 500;
    color: #6B7280;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    white-space: nowrap;
}

.plan-details-page-wrapper .filter-tab.active {
    color: #47a07e;
    border-bottom-color: #47a07e;
}

.plan-details-page-wrapper .tab-container {
    display: none;
}

.plan-details-page-wrapper .tab-container.active {
    display: block;
}

.plan-details-page-wrapper .search-empty-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    text-align: center;
}

.plan-details-page-wrapper .search-empty-img {
    width: 200px;
    height: auto;
    margin-bottom: 24px;
    opacity: 0.8;
}

.plan-details-page-wrapper .search-empty-span {
    font-size: 14px;
    color: #6b7280;
    line-height: 1.6;
    max-width: 320px;
}

.plan-details-page-wrapper .searchbox-wrapper-container.hide-search {
    display: none !important;
}

.plan-details-page-wrapper .searchbox-wrapper-container {
    background-color: #fafbfb;
    padding: 15px;
    border-bottom: 1px solid #e2e2e2;
}

.plan-details-page-wrapper .date-list-wrapper .date-list:not(:has(li)),
.plan-details-page-wrapper .day-list-wrapper .day-list:not(:has(li)) {
    margin: 0;
}

.plan-details-page-wrapper .date-list-wrapper .date-list,
.plan-details-page-wrapper .day-list-wrapper .day-list{
    list-style:none;
    padding:0;
    display:flex;
    flex-wrap:wrap;
    margin:5px 0;
}

.daterangepicker[data-plan-page="true"] .calendar-table table thead,
.daterangepicker[data-plan-page="true"] td.ends.off.disabled {
    display: none;
}

.daterangepicker[data-plan-page="true"] td.ends {
    display: none;
}

.daterangepicker[data-plan-page="true"] td.off.disabled {
    display: revert;
    cursor: not-allowed;
    background-color: #d6d6d6 !important;
    border-color: transparent;
    color: inherit;
    margin-right: 9px;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: content-box;
    padding: 2px 2px;
}

.daterangepicker[data-plan-page="true"] td.active {
    background-color: transparent !important;
    color: inherit !important;
}

.daterangepicker[data-plan-page="true"] td.active:hover {
    background-color: #eee !important;
}

.daterangepicker[data-plan-page="true"] tr {
    border-bottom: none;
}

.daterangepicker[data-plan-page="true"] {
    margin-left: 20px;
}

.plan-details-page-wrapper #slide-out-right .custom-loading-icon{
    margin: 20px 0px;
}

.plan-details-page-wrapper .slide-out-right-sidenav {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    will-change: transform;
}

.plan-details-page-wrapper .slide-out-right-sidenav.open-drawer {
    transform: translateX(0) !important;
}

.plan-details-page-wrapper #slide-out-right.slide-out-right-sidenav {
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    will-change: transform;
}

.plan-details-page-wrapper #slide-out-right {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.plan-details-page-wrapper #slide-out-right .slide-out-right-body {
    opacity: 0;
    transition: opacity 0.2s ease 0.15s;
}

.plan-details-page-wrapper #slide-out-right.open-drawer .slide-out-right-body {
    opacity: 1;
}

.plan-details-page-wrapper .slide-out-right-sidenav .new-search-list.search-list .product-price {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 12px;
}
.plan-details-page-wrapper .new-search-list.search-list ul.plans-list-labels-ul {
    display: none;
}
.plan-details-page-wrapper .slide-out-right-sidenav .search-list.new-search-list .selected-text-wrapper {
    display: flex;
    align-items: center;
    gap: 3px;
}
.plan-details-page-wrapper .slide-out-right-sidenav
    .search-list.new-search-list
    .selected-text-wrapper
    .selected-product-text {
    font-size: 12px;
    color: #6c6c6c;
}
.plan-details-page-wrapper .slide-out-right-sidenav
    .new-search-list.search-list
    .product-list-labels.straight-check
    [type="checkbox"].filled-in:checked
    + span:not(.lever):before {
    width: 7px;
    height: 11px;
    transform: none;
    transition: none;
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    top: 6px;
    left: 5px;
}
.plan-details-page-wrapper .slide-out-right-sidenav
    .new-search-list.search-list
    .product-list-labels.straight-check
    [type="checkbox"].filled-in:not(:checked)
    + span:not(.lever):before {
    transition: none;
    transform: none;
}

.plan-details-page-wrapper .slide-out-right-footer .mmb-modal {
    position: fixed;
    bottom: 0px;
    width: 100%;
    padding: 15px 15px;
    background: #fff;
    box-shadow: 2px -1px 1px 0 #f3f3f3;
}

.plan-form-wrapper section{
    width: 70%;
}
.plan-form-wrapper .preview-column{
    width: 38%;
}
.plan-form-wrapper{
    display: flex;
    gap: 15px;
}

.plan-wrapper-plans-page .frequency-item-container {
    border-radius: 8px;
}

@media (max-width: 767px) {
    .plan-form-wrapper {
      display: flex;
      flex-direction: column;
      gap: 15px;
    }
    .plan-form-wrapper section,
    .plan-form-wrapper .preview-column{
        width: 100%;
    }
    .plan-wrapper-plans-page .frequency-item-container .delivery-discount-wrapper{
        display: flex;
        flex-direction: column;
    }
    .plan-wrapper-plans-page .row .col{
        padding: 0;
    }
    .plan-wrapper-plans-page .row-half{
        display: flex;
        flex-direction: column;
    }

  }

.plan-description-wrapper{
    background-color: #fff;
}
.sm-card {
    margin-top: 24px;
    margin-bottom: 24px;
    background: #0f1720;
    border-radius: 12px;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 132px;
}
.sm-card .sm-left {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    flex: 1;
}

.sm-card .sm-avatar-wrap {
    width: 60px;
    height: 60px;
    border-radius: 999px;
    padding: 2px;
    background: linear-gradient(135deg, #0ea57f, #fff4e6);
    flex-shrink: 0;
}

.sm-card .sm-avatar {
    width: 100%;
    height: 100%;
    border-radius: 999px;
    object-fit: cover;
    display: block;
}

.sm-card .sm-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sm-card .sm-name-row {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex-wrap: wrap;
}

.sm-card .sm-name {
    margin: 0;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    color: #ffffff;
    white-space: nowrap;
}

.sm-card .sm-role {
    margin: 0;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.62);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sm-card .sm-dot {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #dff7e9;
    flex-shrink: 0;
}

.sm-card .sm-desc {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.74);
    max-width: 700px;
}

.sm-card .sm-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 5px;
    flex-wrap: wrap;
}

.sm-card .sm-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 9px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.82);
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.sm-card .sm-badge svg {
    font-size: 12px;
    color: #0ea57f;
}

.sm-card .sm-right {
    width: 284px;
    max-width: 100%;
    background: rgba(255, 255, 255, 0.07);
    border-radius: 8px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-shrink: 0;
}

.sm-card .sm-panel-title {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.58);
    font-weight: 500;
}

.sm-card .sm-contact-row {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.sm-card .sm-contact-icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sm-card .sm-contact-icon svg {
    font-size: 17px;
    color: #ffffff;
}

.sm-card .sm-contact-text {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sm-card .sm-contact-title {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sm-card .sm-contact-sub {
    margin: 0;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.62);
    white-space: nowrap;
}

.sm-card .sm-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 100%;
    gap: 8px;
    background: #0ea57f;
    color: #ffffff;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    align-self: flex-start;
}

.sm-card .sm-action svg {
    font-size: 15px;
}

#renewal-order-date #update-order-date span {
    font-size: 14px;
    color: #fff;
}

#shipping-modal-details .shipping-radio-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

#shipping-modal-details .shipping-option {
    display: block;
    padding: 8px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.2s;
    background: #fff;
}

#shipping-modal-details .shipping-option:hover {
    border-color: #008060;
}

#shipping-modal-details .radio-header {
    display: flex;
    align-items: center;
    gap: 10px;
}

#shipping-modal-details .shipping-option.active {
    border-color: #008060;
}

#shipping-modal-details .custom-fields {
    display: none;
    margin-left: 32px;
    margin-top: 8px;
}

#shipping-modal-details .input-field-wrapper {
    display: flex;
    align-items: center;
}

#shipping-modal-details .input-field-wrapper span {
    margin: 0 12px;
}
#shipping-modal-details .shipping_rate_name,
#shipping-modal-details .shipping_rate_price{
    background-color: #fff;
    margin: 0;

}

#shipping-modal-details input[type="text"],
#shipping-modal-details input[type="number"] {
    width: 100%;
}
#shipping-modal-details [type='radio']:checked + span:after {
    background: radial-gradient(circle, #008060 50%, white 35%) !important;
    border: 1px solid #008060 !important;
}

#shipping-modal-details [type='radio']:not(:checked)+span:before, 
#shipping-modal-details [type='radio']:not(:checked)+span:after {
    border: 1px solid #5a5a5a !important;
}

#shipping-modal-details .modal-content {
    max-height: 400px;
}
.subscription-detail-card-content .change-shipping{
    font-size: 13px;
    text-decoration: underline;
}
#shipping-modal-details .shipping-title-error,
#shipping-modal-details .shipping-price-error {
    display:none; 
    color: #ff0000; 
    font-size:12px;
}
#shipping-modal-details input.shipping_rate_price {
    padding-left: 0px;
    border: none;
}
#shipping-modal-details .custom-fields label {
    padding-bottom: 2px;
}
.recurpay-milestone-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
}

.recurpay-milestone-modal.is-visible {
    display: flex;
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.recurpay-milestone-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.18);
    backdrop-filter: blur(6px);
}

.recurpay-milestone-modal__dialog {
    position: relative;
    width: 100%;
    max-width: 1100px;
    background: #ffffff;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
    overflow: scroll;
    display: flex;
    animation: slideUp 0.4s ease-out;
}

@keyframes slideUp {
    from {
        transform: translateY(30px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.recurpay-milestone-modal__close {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 35px;
    height: 35px;
    border: none;
    background: #EEF0F7;
    border-radius: 50%;
    color: #7F8798;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    font-size: 28px;
    font-weight: 300;
    line-height: 1;
}

.recurpay-milestone-modal__close:hover {
    color: #333;
}

.recurpay-milestone-modal__left {
    width: 58%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    background:
        radial-gradient(circle at 80% 18%, rgba(100, 149, 255, 0.18) 0 8px, transparent 9px),
        radial-gradient(circle at 72% 36%, rgba(146, 108, 255, 0.22) 0 7px, transparent 8px),
        radial-gradient(circle at 55% 10%, rgba(255, 198, 64, 0.8) 0 5px, transparent 6px),
        radial-gradient(circle at 30% 14%, rgba(245, 133, 194, 0.55) 0 4px, transparent 5px),
        #FBFBFD;
}

.recurpay-milestone-modal__right {
    width: 42%;
    padding: 20px;
    background: #F5F6FB;
    border-left: 1px solid #E8EBF3;
}

.recurpay-milestone-modal__badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    background: #FFF0C8;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    color: #D98112;
    margin-bottom: 16px;
    width: fit-content;
    line-height: 1;
}

.recurpay-milestone-modal__badge-icon {
    display: inline-flex;
    color: #D98112;
}

.recurpay-milestone-modal__title {
    max-width: 640px;
    font-size: 52px;
    font-weight: 800;
    color: #101828;
    margin: 0 0 24px;
    letter-spacing: -0.03em;
}

.recurpay-milestone-modal__title .emoji {
    font-size: 54px;
    margin-right: 14px;
    vertical-align: top;
}

.recurpay-milestone-modal .milestone-number {
    color: #5A5DE8;
}

.recurpay-milestone-modal__description {
    max-width: 610px;
    font-size: 14px;
    line-height: 1.7;
    color: #52607A;
    margin: 0 0 24px;
}

.recurpay-milestone-modal__action-box {
    background: #F3F5FB;
    border: 1px solid #E2E7F2;
    border-radius: 24px;
    padding: 15px;
    max-width: 670px;
}

.recurpay-milestone-modal .action-box-title {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 14px;
    font-weight: 700;
    color: #101828;
    margin-bottom: 16px;
}

.recurpay-milestone-modal .action-box-title-icon {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    background: #E7EAFE;
    color: #5A5DE8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.recurpay-milestone-modal .action-box-text {
    font-size: 14px;
    color: #5F6B85;
    margin-bottom: 16px;
    line-height: 1.65;
    max-width: 560px;
}

.recurpay-milestone-modal__actions {
    flex-direction: column;
    display: flex;
    gap: 18px;
    align-items: center;
    margin-bottom: 16px;
}

.recurpay-milestone-modal__actions div{
    display: flex;
    width: 100%;
    gap: 10px;
}

.recurpay-milestone-modal__primary-btn {
    background: linear-gradient(90deg, #7976F8 0%, #5E60EA 100%);
    color: white;
    border: none;
    width: 49%;
    border-radius: 999px;
    padding: 10px 20px;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
    box-shadow: 0 12px 24px rgba(100, 102, 241, 0.22);
}

.recurpay-milestone-modal__primary-btn:hover,
.recurpay-milestone-modal__secondary-btn:hover{
    transform: translateY(-2px);
}

.recurpay-milestone-modal__secondary-btn {
    background: #fff;
    color: #000;
    width: 49%;
    border: 1px solid #e2e2e2;
    border-radius: 999px;
    padding: 10px 20px;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
}

.recurpay-milestone-modal__later-btn {
    background: transparent;
    color: #667085;
    border: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    transition: all 0.2s ease;
    text-decoration: underline;
}

.recurpay-milestone-modal__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding-top: 12px;
    border-top: 1px solid #E2E7F2;
}

.recurpay-milestone-modal__extra-link {
    color: #5A5DE8;
    text-decoration: none;
    font-weight: 600;
    cursor: pointer;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.recurpay-milestone-modal__extra-link:hover {
    text-decoration: underline;
}

.recurpay-milestone-modal .chat-icon,
.recurpay-milestone-modal .preview-social-icon,
.recurpay-milestone-modal .preview-hero-badge__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.recurpay-milestone-modal .linkedin-preview-label {
    font-size: 12px;
    font-weight: 700;
    color: #98A2B3;
    letter-spacing: 0.12em;
    margin: 10px;
    text-transform: uppercase;
}

.recurpay-milestone-modal__preview-card {
    background: #fff;
    border: 1px solid #DDE2EB;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(16, 24, 40, 0.06);
}

.recurpay-milestone-modal .preview-header {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 16px;
}

.recurpay-milestone-modal .preview-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #B89784 0%, #CFA08A 100%);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 700;
    font-size: 20px;
}

.recurpay-milestone-modal .preview-meta {
    flex: 1;
    min-width: 0;
}

.recurpay-milestone-modal .preview-name {
    font-size: 14px;
    font-weight: 700;
    color: #1D2939;
    display: flex;
    align-items: center;
    gap: 4px;
}

.recurpay-milestone-modal .linkedin-badge {
    width: 18px;
    height: 18px;
    color: #0A66C2;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

.recurpay-milestone-modal .preview-sub {
    font-size: 14px;
    color: #667085;
}

.recurpay-milestone-modal .preview-chip {
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #667085;
    white-space: nowrap;
    background: #EEF2F7;
    padding: 6px 18px;
    border-radius: 24px;
}

.recurpay-milestone-modal .preview-hero {
    background: linear-gradient(90deg, #7473F3 0%, #666AF0 45%, #6460E9 100%);
    padding: 16px;
    color: white;
}

.recurpay-milestone-modal .preview-hero-kicker {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    margin-bottom: 8px;
    opacity: 0.95;
}

.recurpay-milestone-modal .preview-hero-number {
    font-size: 75px;
    font-weight: 800;
    line-height: 0.95;
    margin-bottom: 8px;
    letter-spacing: -0.04em;
}

.recurpay-milestone-modal .preview-hero-text {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
}

.recurpay-milestone-modal .preview-hero-badges {
    margin-top: 16px;
    display: flex;
    gap: 14px;
    justify-content: flex-start;
}

.recurpay-milestone-modal .preview-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    background: rgba(255, 255, 255, 0.14);
    padding: 12px 18px;
    border-radius: 999px;
    backdrop-filter: blur(4px);
}

.recurpay-milestone-modal .preview-hero-badge--footer {
    background: transparent;
    color: #98A2B3;
    padding: 0;
    font-size: 12px;
    font-weight: 600;
}

.recurpay-milestone-modal .preview-footer {
    padding: 12px 12px 6px 12px;
    font-size: 12px;
    color: #344054;
    line-height: 1.55;
}

.recurpay-milestone-modal .preview-stats {
    display: flex;
    gap: 22px;
    flex-wrap: wrap;
    margin-top: 8px;
    font-size: 12px;
    color: #667085;
}

.recurpay-milestone-modal .preview-social {
    padding: 12px 16px;
    border-top: 1px solid #EAECF0;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    font-size: 12px;
    color: #667085;
}

.recurpay-milestone-modal .preview-social-item {
    cursor: pointer;
    transition: color 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}

.recurpay-milestone-modal .preview-social-item:hover {
    color: #101828;
}

.recurpay-milestone-modal .linkedin-icon {
    width: 18px;
    height: 18px;
}

@media (max-width: 1180px) {
    .recurpay-milestone-modal__dialog {
        flex-direction: column;
        min-height: auto;
    }

    .recurpay-milestone-modal__left,
    .recurpay-milestone-modal__right {
        width: 100%;
    }

    .recurpay-milestone-modal__right {
        border-left: none;
        border-top: 1px solid #E8EBF3;
    }

    .recurpay-milestone-modal__title {
        font-size: 52px;
    }
}

@media (max-width: 768px) {
    .recurpay-milestone-modal__left,
    .recurpay-milestone-modal__right {
        padding: 28px 20px;
    }

    .recurpay-milestone-modal__title,
    .recurpay-milestone-modal__title .emoji{
        font-size: 36px;
    }

    .recurpay-milestone-modal__actions{
        flex-direction: column;
        align-items: center;
    }


    .recurpay-milestone-modal__actions div{
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: px;
    }

    .recurpay-milestone-modal__primary-btn {
        width: 100%;
        justify-content: center;
    }
    .recurpay-milestone-modal__secondary-btn {
        width: 100%;
        justify-content: center;
    }

    .recurpay-milestone-modal .preview-hero-number {
        font-size: 62px;
    }

    .recurpay-milestone-modal .preview-hero-text {
        font-size: 20px;
    }
}

#recurpay-milestone-backdrop.modal-overlay{
    display: block; 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: rgba(0,0,0,0.5); 
}
body.milestone-modal-open { 
    overflow: hidden; 
}
.recurpay-milestone-modal__close .modal-close{
    right:7px;
    top:7px;
}

@media (min-width: 1025px) {
    #recurpay-milestone-modal.modal { 
        width: 70% !important; 
        max-width: 1100px !important; 
        max-height: 600px !important;
        height: fit-content !important;
        border-radius: 20px !important; 
        justify-content: center !important; 
        align-items: center !important; 
        padding: 0 !important; 
        top: 50% !important; 
        left: 50% !important; 
        transform: translate(-50%, -50%) !important; 
        margin: 0 !important; 
    }
}

@media (max-width: 768px) {
    #recurpay-milestone-modal.modal {
        width: 95% !important;
        max-width: 95% !important;
        height: auto !important;
        max-height: 560px !important;
        border-radius: 20px !important; 
        overflow-y: auto !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    #recurpay-milestone-modal.modal {
        width: 80% !important;
        max-width: 720px !important;
        height: auto !important;
        max-height: 600px !important;
        border-radius: 20px !important;
        overflow-y: auto !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
}

@media (max-width: 480px) {
    #recurpay-milestone-modal.modal {
        width: 95% !important;
        max-width: 100% !important;
        height: 90% !important;
        max-height: 650px !important;
    }
}

.custom-shipping-name-input.mmb-error,
.custom-shipping-amount-input.mmb-error,
.free-shipping-name-input.mmb-error {
    border: 0.5px solid #ef4444 !important;
}

.detailed-side-card .payment-mode-card__details {
    margin-top: 16px;
}

.detailed-side-card .payment-mode-card__box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px;
    background: #f6f8f7;
    border-radius: 4px;
}

.detailed-side-card .payment-mode-card__left {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.detailed-side-card .payment-mode-card__brand {
    min-width: 48px;
    height: 32px;
    padding: 0 10px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 600;
    color: #0f1723;
    white-space: nowrap;

    display: none;
}

.detailed-side-card .payment-mode-card__meta {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.detailed-side-card .payment-mode-card__number {
    font-size: 14px;
    font-weight: 500;
    color: #0f1723;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.detailed-side-card .payment-mode-card__expiry {
    font-size: 13px;
    font-weight: 500;
    color: #8a8f90;
    margin: 0;
    white-space: nowrap;
}

.detailed-side-card .payment-mode-card__type {
    font-size: 13px;
    font-weight: 500;
    color: #8a8f90;
    white-space: nowrap;
    margin-left: 12px;
    display: none;
}

.route-subscriptions .daterangepicker{
    border-top: 1px solid #ddd;
}

.next-order-date-picker-wrapper{
    padding: 8px 12px;
    border: 1px solid #dbdbdb;
}

#export-active-filters .custom-info-card {
    background: #FCFCFD;
    border: 1px solid #E2E8F0;
    border-radius: 12px; 
    padding: 16px 18px;
}

#export-active-filters .custom-info-card span {
    font-size: 13px;
    font-weight: 600;
    color: #2C2C2C;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
}

#export-active-filters .custom-info-card > span::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2'%3E%3Cpolygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

#export-active-filters #export-filter-summary {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

#export-active-filters #export-filter-summary li {
    display: inline-flex;
    align-items: center;
    background: #FCFCFD;
    border: 1px solid #E2E8F0;
    border-radius: 50px;
    padding: 7px 10px;
    font-size: 12px;
    color: #5e5e5e;
    font-weight: 400;
    white-space: nowrap;
    margin-bottom: 0 !important;
}

#export-active-filters #export-filter-summary li b {
    color: #1F2937;  
    font-weight: 600;
    margin-left: 4px;
}
@media print {
    .sidenav-main,
    .sidenav,
    .top-alert-bar,
    .page-topbar,
    aside.sidenav-main,
    .dataTables_paginate,
    .dataTables_info,
    .dashboard-card--campaignContainer,
    .custom-tooltip {
      display: none !important;
    }

    body,
    .app-content,
    .content-wrapper {
      margin: 0 !important;
      padding: 0 !important;
      background: #fff !important;
    }

    .content-wrapper,
    #day-transaction-line-chart,
    #active-subscriptions-line-chart,
    .app-content {
      width: 100% !important;
      max-width: 900px !important; 
      margin: 0 auto !important;
    }

    body {
      zoom: 80%;
    }

    .card,
    .inner-section-header,
    .analytics-section,
    .forecast-top-card,
    .rev-chart-wrapper {
      padding: 10px !important;
      margin-bottom: 10px !important;
      box-shadow: none !important;
    }

    .revenue-booster-right-wrapper .card{
        padding-top: 37px !important;
    }

    .forecast-top-card,
    .rev-chart-wrapper,
    .analytics-ai-wrapper,
    .inner-section-title,
    .analytics-section {
      break-inside: avoid !important;
      page-break-inside: avoid !important;
    }

    .scroll-true,
    .dataTables_wrapper,
    .rev-chart-wrapper {
      overflow: visible !important;
      height: auto !important;
      max-height: none !important;
    }

    table,
    .forecast-table,
    .revenue-booster-wrapper,
    .dataTables_wrapper {
      width: 100% !important;
    }

    .row {
      margin: 0 !important;
    }

    .row {
      margin: 0 !important;
    }

    .col {
      padding: 5px !important;
    }

    .inner-section-header {
      overflow: hidden;
      margin-bottom: 8px !important;
    }

    @page {
      size: A4;
      margin: 10mm;
    }
  }

.route-subscriptions .daterangepicker td.start-date {
    border-radius: 15px 0 0 15px;
}
.route-subscriptions  .daterangepicker td.end-date {
    border-radius: 0 15px 15px 0;
}
.route-subscriptions .daterangepicker td.in-range {
    background-color: #f1f1f1 !important;
    color: #000 !important;
}
.route-subscriptions  .daterangepicker td.active.in-range {
    background: #303030 !important;
    color: #fff !important;
}
.route-subscriptions .daterangepicker td.active.in-range:hover {
    color: #fff !important;
}
.route-subscriptions .daterangepicker .ranges li {
    font-size: 13px;
    padding: 12px;
    cursor: pointer;
    border-radius: 6px;
    border-bottom: none;
}
.route-subscriptions .daterangepicker .ranges ul {
    padding: 5px !important;
}

.route-subscriptions .daterangepicker::before {
    display: none;
}

.route-subscriptions .daterangepicker::after {
    display: block;
    content: '';
    position: absolute;
    top: -6px;
    right: 18px;
    left: auto;
    width: 15px;
    height: 15px;
    background: #fff;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    transform: rotate(45deg);
    z-index: 1;
}

.route-subscriptions .daterangepicker.opensleft::after {
    right: 18px;
    left: auto;
}

.route-subscriptions .daterangepicker.opensright::after {
    left: 18px;
    right: auto;
}

.route-subscriptions .daterangepicker .ranges {
    border-radius: 8px;
}

.filter-group-wrapper .filter-dropdown {
    min-width: 150px;
    height: 43px;
    width: max-content;
    padding: 12px 24px 12px 10px;
    position: relative;
    user-select: none;
    border: 1px solid #e2e2e2;
    border-left: 0.5px solid #e2e2e2;
    border-right: 0.5px solid #e2e2e2;
    cursor: pointer;
}

.filter-group-wrapper .filter-dropdown:after {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border: 4.5px solid #fff0;
    border-top-color: #000;
    top: 49%;
    right: 10px;
    margin-top: -1px;
}
.filter-group-wrapper {
    display: flex !important;
    flex-wrap: wrap;
    margin-top: 10px;
}
.filter-group-wrapper .filter-btn-group{
    display: flex;
    height: 100%;
    flex-wrap: wrap;
    row-gap: 10px;
    justify-content: flex-start;
}
.filter-group-wrapper .filter-btn-group .filter-dropdown.ProductGroup {
    min-width: 130px;
}
.filter-group-wrapper .filter-btn-group .filter-dropdown.billingFrequencyGroup {
    min-width: 145px;
}
.filter-group-wrapper .filter-btn-group .filter-dropdown.deliveryFrequencyGroup {
    min-width: 156px;
}
.filter-group-wrapper .filter-btn-group .filter-dropdown.addFilter {
    min-width: 130px;
    padding-top: 8px;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
}

.filter-group-wrapper .filter-btn-group .filter-dropdown.statusChange {
    border-left: 1px solid #e2e2e2;
}
.subscription-list-card .card{
    overflow: visible;
}

.filter-btn-group {
    transition: all 0.3s ease;
}

.custom-search-box {
    transition: all 0.3s ease;
}

.filter-group-wrapper {
    transition: all 0.5s ease;
}

/* Onboarding AI prompt styling  */

.onboard-steps-wrapper .ai-onboard-card .ai-setup-wrapper{
    position:relative;
    border-radius:18px;
    padding:3px;
    margin-bottom:28px;
}

.onboard-steps-wrapper .ai-onboard-card .ai-setup-inner{
    background:#fff;
    border:none;
    border-radius:18px;
    text-align:left;
}
.onboard-steps-wrapper .ai-onboard-card .ai-setup-inner:before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 4px;
    border-radius: 18px;
    background: linear-gradient(90deg, #d23993, #7154e5, #d23993);
    background-size: 300% 300%;
    animation: rotateBorder 2s linear infinite;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}
.onboard-steps-wrapper .ai-onboard-card .ai-setup-inner.input-field-error:before {
    content:unset;
}

.onboard-steps-wrapper .ai-onboard-card .ai-setup-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 15px;
    border-bottom: 1px solid rgba(229, 231, 235, .6);
}

.onboard-steps-wrapper .ai-onboard-card .ai-setup-title{
    display:flex;
    align-items:center;
    gap:5px;
    color:#8b4dcf;
}

.onboard-steps-wrapper .ai-onboard-card .ai-setup-title span{
    font-size:15px;
    font-weight:700;
}
.onboard-steps-wrapper .ai-onboard-card .ai-icon svg{
    width:18px;
    height:18px;
}
.onboard-steps-wrapper .ai-onboard-card .ai-icon{
    font-size:18px;
    line-height:1;
}
.ai-setup-inner.input-field-error {
    border: 0.5px solid #e53935 !important;
}

.onboard-steps-wrapper .ai-onboard-card .ai-setup-textarea{
    width: 100%;
    min-height: 135px;
    border: none !important;
    outline: none !important;
    resize: none;
    background: transparent;
    box-shadow: none !important;
    padding: 16px;
    font-size: 13px;
    line-height: 1.8;
    color: #222;
    min-width: auto;
}

.onboard-steps-wrapper .ai-onboard-card .ai-setup-textarea::placeholder{
    color:#6b7280;
    opacity:1;
}

.onboard-steps-wrapper #generate-dashboard-btn{
    display: flex;
    gap: 10px;
    background: linear-gradient(90deg, #d23993, #7154e5, #d23993) !important;
    border: none;
    text-transform: unset;
}

.onboard-steps-wrapper .ai-skip-wrapper{
    margin-top:18px;
}

.ai-prompt-error{
    text-align: left;
    padding-left: 10px;
    padding-top: 0px;
}

.onboard-steps-wrapper .ai-skip-wrapper a{
    color:#6b7280;
    font-size:14px;
    font-weight:500;
    text-decoration:underline;
    text-underline-offset:4px;
    transition:all .2s ease;
}

.onboard-steps-wrapper .ai-skip-wrapper a:hover{
    color:#222;
}

.custom-header-title-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.custom-header-title-wrapper .custom-header-title{
    padding: 0px;
}

.mmb-inner-info .code-editor-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 14px 10px;
    margin: 5px 4px;
    border: 1px solid #D9D4FF;
    border-radius: 8px;
    margin-bottom: 0px;
    background: #F7F5FF;
}

.mmb-inner-info .code-editor-banner .code-editor-banner-left {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1;
}

.mmb-inner-info .code-editor-banner .code-editor-icon {
    width: 42px;
    height: 42px;
    border-radius: 40px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mmb-inner-info .code-editor-banner .code-editor-icon i {
    color: #5B4CF0;
    font-size: 28px;
}

.mmb-inner-info .code-editor-banner .code-editor-content {
    flex: 1;
}

.mmb-inner-info .code-editor-banner .code-editor-heading-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 4px;
}

.mmb-inner-info .code-editor-banner .code-editor-heading {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
    color: #1F2937;
}

.mmb-inner-info .code-editor-banner .code-editor-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 6px;
    border: 1px solid #CFC8FF;
    border-radius: 999px;
    background: #fff;
    color: #5B4CF0;
    gap: 5px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-transform: uppercase;
}

.mmb-inner-info .code-editor-banner .badge-sparkle-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5B4CF0;
}

.mmb-inner-info .code-editor-banner .badge-sparkle-icon svg {
    fill: #5B4CF0;
}

.mmb-inner-info .code-editor-banner .code-editor-description {
    font-size: 12px;
    line-height: 1.6;
    color: #6B7280;
    max-width: 620px;
}

.mmb-inner-info .code-editor-banner .code-editor-btn {
    height: 40px;
    padding: 0 18px;
    border-radius: 6px;
    background: linear-gradient(135deg, #6D5EF9 0%, #4E3DE3 100%);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}

.mmb-inner-info .code-editor-banner .code-editor-btn i {
    font-size: 18px;
}

.mmb-inner-info .code-editor-banner .btn-loading{
    background-image: url(https://cdn.shopify.com/s/files/1/0265/7687/9691/files/Rolling-0.6s-42px.svg?v=1618040331) !important;
    background-repeat: no-repeat !important;
    background-color: #6D5EF9 !important;
    background-size: 25px 25px !important;
    opacity: 0.7;
    background-position: center !important;
    cursor: no-drop;
    pointer-events: none;
}

@media(max-width: 768px) {
    .mmb-inner-info .code-editor-banner {
        flex-direction: column;
        align-items: stretch;
    }

    .mmb-inner-info .code-editor-banner-left {
        align-items: flex-start;
    }

    .mmb-inner-info .code-editor-btn {
        width: 100%;
        min-width: 100%;
    }
}

@media screen and (min-width: 1751px) {
    #customer-account-javascript .info-card-svg {
        margin-top: 0;
    }
}

#change-item-properties .delete-item-icon svg {
    display: block;
    height: 15px;
    width: 15px;
    max-height: 100%;
    max-width: 100%;
    margin: auto;
    color: #fff0;
    fill: #637381;
    cursor: pointer;
    margin: 0;
}

#change-item-properties .delete-item-icon svg:hover {
    fill: #f00000;
}

#change-item-properties input {
    background: #fff;
}

#change-item-properties input{
    border: 1px solid #dedede;
    border-radius: 3px;
    padding-left: 10px;
    width: -webkit-fill-available;
    font-size: 13px;
    color: #3c3c3c;
}


#change-item-properties textarea{
    border: 1px solid #dedede;
    border-radius: 3px;
    padding-left: 10px;
    width: -webkit-fill-available;
    font-size: 13px;
    color: #3c3c3c;
}

#change-item-properties .delete-item-icon{
    padding-top: 40px;
}

#change-item-properties .delete-item-icon{
    margin-left: 10px;
}

#change-item-properties .custom-pricing-box{
    display: flex;
}

#change-item-properties .add-more-property-btn {
    color: #323232;
    border-bottom: 1px dashed #636363;
    font-size: 12px;
}

#change-item-properties .add-input-container {
    display: flex;
    width: 100%;
    justify-content: end;
}

#change-item-properties .mmb-error-msg{
    font-size: 12px !important;
}

#change-item-properties .info-card{
    margin-top: 10px !important;
}
label.notification_cancel input[type='checkbox']+span:not(.lever){
    line-height: unset;
}
.customer-email-profile-text{
    cursor: pointer;
    display: flex;
    align-items: flex-start;
}
.customer-email-profile-text .input-payment-link-icon{
    margin-left:6px;
    display: inline-block;
    margin-right: 0px;
    margin-top:2px; 
    fill: #5a5a5a;
}
.canny-loading-icon-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
    width: 100%;
}
.beamer_icon.active, #beamerIcon.active{
    right: -6px !important;
    top: -6px !important;
}
.canny-loading-icon-wrapper img{
    width: 100px; 
}
#change-item-properties .custom-pricing-box-description .mmb-error-msg{
    padding-top: 0px !important;
}
.btn.secondary-btn.secondary-btn-green.onboard-btn:disabled{
    opacity: 0.5;
    pointer-events: none;
    color: #fff !important;
}
.frequency-chevron-btn .chevron-icon {
    transition: transform 0.2s ease;
}
.frequency-item-container.active .frequency-chevron-btn .chevron-icon {
    transform: rotate(180deg);
}

.customer-portal-modal{
    z-index: 1003;
    opacity: 1;
    top: 10%;
    transform: scaleX(1) scaleY(1);
    border-radius: 30px;
    max-width: 67rem;
    max-height: 90vh;
    transform: translate(-50%, -50%) !important;
    width: 100%;
    overflow: clip;
    top: 50% !important;
    left: 50% !important;
    margin: 0 !important;
}

.customer-portal-modal,
.customer-portal-modal * {
    font-family: 'Inter Variable', sans-serif !important;
}
.customer-portal-modal .material-icons {
    font-family: "Material Icons" !important;
}

.customer-portal-modal .modal-content {
    padding: 0;
}
.customer-portal-modal__dialog {
    display: flex;
    height: 100%;
    width: 100%;
    overflow: hidden;
    max-height: 90vh;
    height: max-content;
}
.customer-portal-modal__close {
    position: absolute;
    top: 16px;
    right: 16px;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 2;
    color: #9aa1ab;
}

.customer-portal-modal__left {
    flex: 0 0 45%;
    background: linear-gradient(160deg, #1F4C3A 0%, #46A07E 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    padding: 30px 20px;
    justify-content: center;
}

.customer-portal-modal__left::before{
    content: '';
    position: absolute;
    right: 22px;
    left: -50px;
    top: 10px;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.07);
}
.customer-portal-modal__left::after{
    content: '';
    position: absolute;
    right: 47px;
    left: 250px;
    bottom: -30px;
    width: 14rem;
    height: 14rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
}

.customer-portal-modal__phone-wrap {
    width: 100%;
    overflow: hidden;
    height: 500px;
    max-width: 300px;
    position: relative;
}
.customer-portal-modal__phone-img {
    width: 100%;
    display: block;
    object-fit: cover;
    align-self: baseline;
    border-radius: 30px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
    position: absolute;
}
.customer-portal-modal__phone-img-overlay{
    width: 100%;
    height: 64px;
    bottom: 0;
    position: absolute;
    background: linear-gradient(to top, #46A07E 0%, transparent 100%);
}
.customer-portal-modal__dyk-wrap {
    width: 100%;
    max-width: 230px;
}
.customer-portal-modal__dyk-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.98px;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 8px;
}
.customer-portal-modal__dyk-header svg{
    width: 12px;
    height: 12px;
}
.customer-portal-modal__dyk {
    width: 100%;
    display: block !important;
    overflow: hidden;
}
.customer-portal-modal__dyk-slide {
    background: #fff;
    border-radius: 12px;
    padding: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);
    min-height: 60px;
}
.customer-portal-modal__dyk-number {
    color: #2f8f6a;
    display: flex;
    font-size: 24px;
    border-right: 1px solid #e5e5e5;
    padding-right: 10px;
    font-weight: 700;
}
.customer-portal-modal__dyk-text {
    font-size: 11px;
    color: #3a3a3a;
    line-height: 1.4;
}
.customer-portal-modal__dyk-text strong {
    color: #2f8f6a;
    font-size: 13px;
}

.customer-portal-modal__dyk .owl-dots {
    display: flex;
    justify-content: center;
    gap: 4px;
    margin-top: 10px;
}
.customer-portal-modal__dyk .owl-dot span {
    width: 5px;
    height: 5px;
    margin: 0;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.4);
    display: block;
    transition: width 0.2s;
}
.customer-portal-modal__dyk .owl-dot.active span {
    width: 14px;
    background: #fff;
}

/* Right - content */
.customer-portal-modal__right {
    flex: 1;
    background: #fff;
    padding: 28px;
    overflow-y: auto;
    position: relative;
}
.customer-portal-modal__badge {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #46a07e;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 16px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.customer-portal-modal__badge-dot {
    color: #46a07e;
}
.customer-portal-modal__title {
    font-size: 30px;
    font-weight: 700;
    color: #171717;
    font-family: 'Inter Variable', sans-serif;
    line-height: 33px;
    margin: 0;
}
.customer-portal-modal__accent {
    color: #368165;
}
.customer-portal-modal__title-underline {
    display: block;
    width: 96px;
    height: 4px;
    background: #46A07E;
    border-radius: 2px;
    margin: 10px 0 16px;
}
.customer-portal-modal__desc {
    font-size: 14px;
    color: #525252;
    line-height: 1.6;
    margin: 0 0 18px;
}
.customer-portal-modal__callout {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #e7f5ee;
    border-radius: 14px;
    padding: 12px 16px;
    margin-bottom: 24px;
}
.customer-portal-modal__callout-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #46A07E;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.customer-portal-modal__callout-icon svg{
    width: 16px;
    height: 16px;
    color: #fff;
}
.customer-portal-modal__callout-text {
    font-size: 14px;
    color: #404040;
    font-weight: normal;
    line-height: 20px;
}
.customer-portal-modal__section-label {
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.3px;
    color: #9aa1ab;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.customer-portal-modal__features {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 22px;
}
.customer-portal-modal__feature {
    display: flex;
    gap: 12px;
    background: #f7f8f7;
    border: 1px solid #f0f0f0;
    border-radius: 14px;
    padding: 12px 14px;
    justify-content: center;
    align-items: center;
}
.customer-portal-modal__feature-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #E9F5F0;
    color: #368165;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.customer-portal-modal__feature-text {
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.customer-portal-modal__feature-title {
    font-size: 14px;
    font-weight: 600;
    color: #262626;
}
.customer-portal-modal__feature-desc {
    font-size: 12px;
    color: #737373;
    line-height: 16.5px;
}
.customer-portal-modal__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #46A07E;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border: none;
    border-radius: 10px;
    padding: 14px 0;
    width: 100%;
}

@media (max-width: 860px) {
    .customer-portal-modal__dialog {
        flex-direction: column;
        overflow-y: auto;
    }
    .customer-portal-modal__left {
        flex: 0 0 auto;
        padding: 20px;
    }
    .customer-portal-modal__phone-frame {
        width: 180px;
    }
    .customer-portal-modal__phone-body {
        min-height: auto;
    }
    .customer-portal-modal__right {
        padding: 24px 22px;
    }
    .customer-portal-modal__title {
        font-size: 22px;
    }
}
@media (max-width: 480px) {
    .customer-portal-modal__left {
        display: none;
    }
    .customer-portal-modal__right {
        padding: 40px 18px 22px;
    }
}


.customer-portal-card{
    border-radius: 12px;
}

.customer-portal-card-wrapper {
    flex: 0 0 38%;
    background: linear-gradient(160deg, #1F4C3A 0%, #46A07E 100%);
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px;
    justify-content: space-between;
    box-shadow:
    0 0 0 1px rgb(63 63 68 / 5%),
    0 1px 3px 0 rgb(63 63 68 / 15%);
    margin: 25px 0;
    border-radius: 12px;
}

.customer-portal-card-wrapper::before{
    content: '';
    position: absolute;
    right: 9%;
    top: 10%;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.07);
}
.customer-portal-card-wrapper::after{
    content: '';
    position: absolute;
    right: 15%;
    z-index: 3;
    top: 30%;
    width: 14rem;
    height: 14rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
}

.customer-portal-card__right{
    width: 100%;
    overflow: hidden;
    height: 230px;
    max-width: 230px;
    border-radius: 30px;
    position: relative;
    z-index: 10;
}

.customer-portal-card__left{
    width: 70%;
}

.customer-portal-card__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    padding: 4px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    backdrop-filter: blur(6px);
  }
 
  .customer-portal-card__badge svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
  }
 
  .customer-portal-card__heading {
    margin: 8px 0 0 0;
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    line-height: 37.5px;
    letter-spacing: -0.01em;
  }
 
  .customer-portal-card__description {
    margin: 8px 0 0 0;
    color: color-mix(in oklab, #fff 85%, transparent);
    font-size: 14px;
    line-height: 1.6;
  }
 
  .customer-portal-card__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
  }
 
  .customer-portal-card__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 10px;
    background: #fff;
    color: #368165;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
  }
 
  .customer-portal-card__cta svg {
    width: 16px;
    height: 16px;
    transition: transform 0.18s ease;
  }
 
  .customer-portal-card__note {
    color: color-mix(in oklab, #fff 80%, transparent);
    font-size: 14px;
    font-weight: 500;
  }

  @media screen and (max-width: 480px) {
    .customer-portal-card-wrapper {
      flex-direction: column;
    }
  
    .customer-portal-card__left {
        width: 100%;
    }
  }

.dashboard-video-iframe-modal .modal-content {
    background: #000;
    padding: 0;
    max-width: 900px;
    width: 90%;
}

.dashboard-video-iframe-modal__video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.dashboard-video-iframe-modal__iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dashboard-video-iframe-modal{
    z-index: 1003;
    opacity: 1;
    top: 10%;
    transform: scaleX(1) scaleY(1);
    border-radius: 30px;
    max-width: 67rem;
    max-height: 90vh;
    transform: translate(-50%, -50%) !important;
    width: 100%;
    overflow: clip;
    padding: 0px;
    top: 50% !important;
    left: 50% !important;
    margin: 0 !important;
}

.analytics-page-header{
    display: flex;
    flex-direction: column;
}
.analytics-tabs {
    display: flex;
    gap: 24px;
    margin: 0px;
    list-style: none;
    top: 10px;
    padding: 0px;
    position: relative;
    align-items: center;
    max-height: 40px;
}

.analytics_date_wrapper.year-range-mode .daterangepicker .ranges ul {
    max-height: 238px;
    overflow-y: auto;
    width: 200px;
}

.daterangepicker.year-picker-mode .drp-calendar {
    display: none !important;
}
.daterangepicker.year-picker-mode .drp-buttons {
    display: none !important;
}
.daterangepicker.year-picker-mode .ranges {
    width: 160px;
    float: none;
}

.analytics-header-tabs{
    padding: 0px 0px 10px 0px;
    display: flex;
    position: relative;
    align-items: end;
    justify-content: space-between;
}

.analytics-tab-indicator {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #0f7d78;
    transition: left 0.40s ease, width 0.25s ease;
}

.analytics-tab {
    padding: 10px 8px;
    cursor: pointer;
    font-weight: 500;
    line-height: 20px;
    font-size: 13px;
    color: #6e7381;
    border-bottom: 2px solid transparent;
    user-select: none;
}

.analytics-tab.active {
    color: #0f7d78;
}

.analytics-tab-panel {
	width: 100%
}

.analytics-tab-panel .new-card{
    margin-top: 0px;
    border: 1px solid #e8e3e4;
    border-radius: 18px !important;
}

.analytics-tab-panel-head{
    padding: 20px 0px;
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #323232;
    text-transform: uppercase;
    margin-top: 0;
}

.analytics-card-title{
    font-size: 14px;
    font-weight: 600;
    line-height: 17.25px;
    color: #061415;
    border-bottom: 1px dotted #5d6565;
    width: fit-content;
}

.card-number {
    margin: 10px 0 0;
    font-size: 22px;
    font-weight: 400;
    color: #1a1a1a;
}
.stat-trend-badge {
    font-size: 11.5px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 999px;
    white-space: nowrap;
    position: absolute;
    display: flex;
    align-items: center;
    gap: 2px;
    right: 16px;
    bottom: 16px;
}
.stat-trend-badge.stat-trend-up {
    background-color: #e8f5f3;
    color: #0f7d78;
}

.stat-trend-badge.stat-trend-down {
    background-color: #fdeceb;
    color: #d9736a;
}
.stat-subtext {
    color: #6b7280;
    font-size: 11px;
    font-weight: 400;
}

.stat-subtext--negative {
    color: #d9736a;
}

.subscription-status-wrapper {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 20px;
}
.subscription-status-chart-holder {
    position: relative;
    width: 160px;
    height: 160px;
    flex: 0 0 auto;
}
.echart-canvas {
    width: 100%;
    height: 100%;
}
.echart-canvas--wide {
    width: 100%;
    height: 280px;
}

.cohort-grid-scroll {
    width: 100%;
    overflow-x: auto;
    padding: 6px 0 2px;
}
.cohort-grid {
    display: grid;
    grid-template-columns: 88px repeat(var(--cohort-months, 12), minmax(66px, 1fr));
    column-gap: 10px;
    row-gap: 12px;
    align-items: center;
    min-width: max-content;
}
.cohort-head {
    font-size: 13px;
    font-weight: 400;
    color: #6b7280;
    text-align: center;
    padding-bottom: 2px;
    white-space: nowrap;
}
.cohort-head--label {
    text-align: left;
}
.cohort-row-label {
    font-size: 15px;
    font-weight: 500;
    color: #1a1a1a;
    white-space: nowrap;
}
.cohort-pill {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
}
.cohort-pill--empty {
    background: transparent;
    color: #c7c7c7;
}
.cohort-tooltip {
    display: none;
    position: fixed;
    z-index: 1100;
    max-width: 260px;
    padding: 8px 10px;
    border-radius: 6px;
    background: rgba(26, 26, 26, .92);
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    white-space: pre-line;
    pointer-events: none;
}
.subscription-status-legend {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.subscription-status-legend-row {
    display: grid;
    grid-template-columns: 12px 1fr auto auto;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}
.legend-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}
.subscription-status-legend-row .legend-label {
    color: #4a4a4a;
    font-size: 13px;
}
.subscription-status-legend-row .legend-value {
    font-weight: 600;
    text-align: right;
    font-size: 13px;
}
.subscription-status-legend-row .legend-percent {
    color: #8a8a8a;
    min-width: 32px;
    text-align: right;
    font-size: 11.5px;
}

.order-mix-bar {
    display: flex;
    width: 100%;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
}
.order-mix-segment {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 14px;
    box-sizing: border-box;
    transition: width 0.3s ease;
    min-width: 25%;
}
.order-mix-subscription {
    background: #0f7d78;
    color: #fff;
}
.order-mix-one-time {
    background: #eef1f0;
    align-items: end;
    color: #333;
}
.order-mix-percent {
    font-size: 26px;
    font-weight: 600;
    line-height: 26px;
}
.order-mix-label {
    font-size: 12px;
}

.analytics-note-banner {
    display: none;
    margin-top: 12px;
    background: #f0f4f54d;
    color: #003a2f;
    border-radius: 8px;
    padding: 10px 14px;
    border: 1px solid #e8e3e4;
    font-size: 12px;
}
.analytics-note-banner:empty {
    display: none;
}

.progress-bar-list {
    margin-top: 14px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.progress-bar-row-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    margin-bottom: 6px;
    color: #4a4a4a;
}
.progress-bar-row-head strong {
    color: #1a1a1a;
    font-size: 15px;
}
.progress-bar-track {
    width: 100%;
    height: 8px;
    border-radius: 4px;
    background: #eef1f0;
    overflow: hidden;
}
.progress-bar-fill {
    height: 100%;
    border-radius: 4px;
    transition: width 0.3s ease;
}
.analytics-card-header{
    padding: 12px 16px;
    display: flex;
    border-bottom: 1px solid #e5e5e5;
    flex-direction: column;
}
.analytics-card-body{
    padding: 15px;
}
.analytics-card{
    height: 100%;
    border: 1px solid #e8e3e4;
    border-radius: 18px;
    box-shadow: none;
    margin: 0px;
    overflow: visible;
}
.analytics-card-subtitle{
    font-size: 12.5px;
    font-weight: normal;
    color: #5d6565;
    line-height: 18.75px;
    margin-top: 2px;
    display: block;
}
.analytics-card-stat-title{
    font-size: 11.5px;
    font-weight: normal;
    color: #5d6565;
    border-bottom: 1px dotted #5d6565;
}

.funnel-bar-list {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.funnel-bar-row-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color: #4a4a4a;
    margin-bottom: 6px;
}
.funnel-bar-track {
    width: 100%;
    height: 32px;
    border-radius: 8px;
    background: #eef1f0;
    overflow: hidden;
}
.funnel-bar-fill {
    height: 100%;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 12px;
    box-sizing: border-box;
    transition: width 0.3s ease;
}
.funnel-bar-fill-label {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

.card-number--lg {
    font-size: 32px;
    margin-top: 8px;
}
.card-number.value-positive {
    color: #1F9D6C;
}
.card-number.value-negative {
    color: #E5566D;
}

.reason-bar-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.reason-bar-row-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    color: #4a4a4a;
    margin-bottom: 6px;
    gap: 10px;
}
.reason-bar-row-head strong {
    color: #1a1a1a;
    font-size: 13px;
}
.reason-bar-track {
    width: 100%;
    height: 8px;
    border-radius: 4px;
    background: #eef1f0;
    overflow: hidden;
}
.reason-bar-fill {
    height: 100%;
    border-radius: 4px;
    transition: width 0.3s ease;
}
.plan-performance-body {
    padding: 0;
}
.plan-performance-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}
.plan-performance-table thead th {
    text-align: left;
    padding: 12px 16px;
    font-weight: 500;
    color: #8a8a8a;
    font-size: 13px;
    border-bottom: 1px solid #e8e3e4;
    white-space: nowrap;
}
.plan-performance-table tbody td {
    padding: 16px;
    border-bottom: 1px solid #f1eeee;
    color: #1a1a1a;
    white-space: nowrap;
}
.plan-performance-table tbody tr:last-child td {
    border-bottom: none;
}
.plan-performance-table .plan-name-cell {
    font-weight: 500;
}
.plan-performance-table .value-positive {
    color: #1F9D6C;
    font-weight: 500;
}
.plan-performance-table .value-negative {
    color: #E5566D;
    font-weight: 500;
}
.plan-performance-table .value-strong {
    font-weight: 700;
}
.active-rate-cell {
    display: flex;
    align-items: center;
    gap: 10px;
}
.active-rate-track {
    width: 100px;
    height: 8px;
    border-radius: 4px;
    background: #eef1f0;
    overflow: hidden;
}
.active-rate-fill {
    height: 100%;
    border-radius: 4px;
    background: #2f9a93;
}
.active-rate-percent {
    font-weight: 500;
    color: #1a1a1a;
    min-width: 32px;
}

.plan-performance-body .analytics-note-banner {
    margin: 16px;
}

.status-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
}
.status-badge--reorder {
    background: #fdecee;
    color: #c22f47;
}
.status-badge--watch {
    background: #fdf3d9;
    color: #a3720b;
}
.status-badge--healthy {
    background: #d0fae5;
    color: #007a55;
}

.forecast-calendar {
    margin-top: 4px;
}
.forecast-calendar-headrow {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 8px;
    margin-bottom: 8px;
}
.forecast-calendar-headrow span {
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    color: #8a8a8a;
}
.forecast-calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 8px;
}
.forecast-calendar-daycell {
    border: 1px solid #eee;
    border-radius: 8px;
    min-height: 90px;
    padding: 8px;
    box-sizing: border-box;
}
.forecast-day-number {
    display: block;
    font-size: 13px;
    color: #4a4a4a;
    margin-bottom: 6px;
}
.forecast-day-metric {
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    padding: 2px 6px;
    margin-bottom: 4px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}
.forecast-day-metric--healthy {
    background: #e9f9f0;
    color: #1f6d4a;
}
.forecast-day-metric--risk {
    background: #fdecee;
    color: #c22f47;
}
.forecast-calendar-legend {
    display: flex;
    gap: 20px;
    margin-top: 14px;
    font-size: 13px;
    color: #4a4a4a;
}
.legend-item {
    display: flex;
    align-items: center;
    gap: 6px;
}

.analytics-outer-wrapper .header-title{
    padding: 0px;
}

.grid {
    display: grid;
    gap: 16px;
    height: 100%;
}

.grid-1 {
    grid-template-columns: 1fr;
}

.grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-item {
    min-width: 0;
}

.span-2 {
    grid-column: span 2;
}

.span-3 {
    grid-column: span 3;
}

.span-4 {
    grid-column: span 4;
}

.span-full {
    grid-column: 1 / -1;
}

.gap-8 {
    gap: 8px;
}

.gap-12 {
    gap: 12px;
}

.gap-16 {
    gap: 16px;
}
.gap-24 {
    gap: 24px;
}
.gap-32 {
    gap: 32px;
}
@media (max-width: 1024px) {
    .grid-6,
    .grid-5,
    .grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .grid-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .span-4,
    .span-3 {
        grid-column: span 2;
    }
}

@media (max-width: 768px) {
    .grid,
    .grid-2,
    .grid-3,
    .grid-4,
    .grid-5,
    .grid-6 {
        grid-template-columns: 1fr;
    }
    .span-2,
    .span-3,
    .span-4,
    .span-full {
        grid-column: auto;
    }
}
.grid-70-30 {
    display: grid;
    grid-template-columns: 7fr 3fr;
    gap: 16px;
}
.grid-30-70 {
    display: grid;
    grid-template-columns: 3fr 7fr;
    gap: 16px;
}
.grid-60-40 {
    display: grid;
    grid-template-columns: 6fr 4fr;
    gap: 16px;
}
.grid-40-60 {
    display: grid;
    grid-template-columns: 4fr 6fr;
    gap: 16px;
}
.grid-75-25 {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 16px;
}
.grid-25-75 {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 16px;
}
@media (max-width: 768px) {
    .grid-70-30,
    .grid-30-70,
    .grid-60-40,
    .grid-40-60,
    .grid-75-25,
    .grid-25-75 {
        grid-template-columns: 1fr;
    }
}

.grid.grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
@media (max-width: 900px) {
    .grid.grid-2 {
        grid-template-columns: 1fr;
    }
}

.card-subtitle {
    display: block;
    font-size: 13px;
    color: #8a8a8a;
    margin-top: 2px;
}

.product-performance-card .table-responsive-wrapper {
    overflow-x: auto;
}
.product-performance-table {
    width: 100% !important;
    border-collapse: collapse;
}
#product-performance-table th,
#plan-performance-datatable th,
#upsell-top-products-datatable th,
#forecast-sku-datatable_wrapper th{
    text-align: left;
    font-weight: 400;
    color: #5d6565;
    font-size: 11.5px;
    padding: 10px 16px !important;
    border-bottom: 1px solid #e2e2e2;
}
.product-performance-table td {
    padding: 14px 12px;
    border-bottom: 1px solid #eee;
    font-size: 13px;
}
.product-performance-table tr:last-child td {
    border-bottom: none;
}
.value-positive {
    color: #1fa27e;
    font-weight: 500;
}
.value-negative {
    color: #d9736a;
    font-weight: 500;
}
.value-strong {
    font-weight: 600;
}
.ranked-product-card-icon {
    color: #8a8a8a;
    flex-shrink: 0;
}
.ranked-product-list {
    margin-top: 14px;
}
.ranked-product-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
}
.ranked-product-row:last-child {
    border-bottom: none;
}
.ranked-product-row-left {
    display: flex;
    align-items: center;
    gap: 12px;
}
.ranked-product-rank {
    color: #8a8a8a;
    font-size: 13px;
    width: 14px;
}
.ranked-product-name {
    display: block;
    font-weight: 500;
    font-size: 14px;
}
.ranked-product-subtext {
    display: block;
    font-size: 12px;
    color: #8a8a8a;
    margin-top: 2px;
}
.ranked-product-value {
    font-weight: 600;
    font-size: 14px;
}
.opportunity-badge {
    background: #cff5ec;
    color: #004940;
    font-size: 11px;
    font-weight: 800;
    padding: 2px 8px;
    border-radius: 8px;
    white-space: nowrap;
}
.attach-rate-row {
    padding: 10px 0;
}
.attach-rate-row-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    margin-bottom: 6px;
}
.attach-rate-value {
    color: #5a5a5a;
}
.attach-rate-value strong {
    color: #1a1a1a;
}
.attach-rate-track {
    height: 6px;
    border-radius: 4px;
    background: #f0f0f0;
    width: 100%;
}
.attach-rate-fill {
    height: 100%;
    border-radius: 4px;
}
.attach-rate-note {
    margin-top: 14px;
    padding: 12px 14px;
    background: #fafafa;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    font-size: 13px;
    color: #5a5a5a;
}


.ranked-product-table {
    width: 100%;
    border-collapse: collapse;
}
.ranked-product-table thead {
    display: none;
}
.ranked-product-table tbody tr td {
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    vertical-align: middle;
}
.ranked-product-table tbody tr:last-child td {
    border-bottom: none;
}
.ranked-product-table td:first-child {
    width: 24px;
    color: #8a8a8a;
    font-size: 13px;
}
.ranked-product-table td:nth-child(2) {
    display: block;
}
.ranked-product-table td:last-child {
    text-align: right;
    white-space: nowrap;
}
.ranked-product-name {
    display: block;
    font-weight: 500;
    font-size: 14px;
}
.ranked-product-subtext {
    display: block;
    font-size: 12px;
    color: #8a8a8a;
    margin-top: 2px;
}
.ranked-product-value {
    font-weight: 600;
    font-size: 14px;
}
.analytics-outer-wrapper .ranked-product-card .inner-section-title,
.analytics-outer-wrapper .subscription-opportunity-card .inner-section-title {
    display: block;
    padding: 0 15px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
}
.analytics-outer-wrapper .ranked-product-card,
.analytics-outer-wrapper .subscription-opportunity-card{
    padding-top: 10px !important;
    padding: 0px;
}

.product-analytics-outer-wrapper .new-card table.dataTable tbody td,
.product-analytics-outer-wrapper .new-card table.dataTable thead th{
    padding: 10px 16px;
}

.product-analytics-outer-wrapper .inner-section-title{
    display: block;
    padding: 0 16px 12px;
}

.subscriber-movement-metric-tabs {
    display: flex;
    align-items: center;
    gap: 4px;
    background: #f5f5f6;
    border: 1px solid rgb(63 63 68 / 0.13);
    border-radius: 8px;
    padding: 4px;
    width: fit-content;
    margin-bottom: 16px;
}
.subscriber-movement-metric-tabs .metric-tab-btn {
    display: flex;
    align-items: center;
    gap: 4px;
    border: none;
    background: transparent;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12.5px;
    font-weight: 500;
    color: #5d6565;
    cursor: pointer;
    white-space: nowrap;
}
.subscriber-movement-metric-tabs .metric-tab-btn i {
    font-size: 16px;
}
.subscriber-movement-metric-tabs .metric-tab-btn.active {
    background: #fff;
    color: #007e6c;
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.08);
}
.subscriber-movement-metric-tabs .metric-tab-btn:hover:not(.active) {
    color: #1a1a1a;
}

.info-tooltip-trigger {
    position: relative;
    cursor: help;
    border-bottom: 1px dotted #9a9a9a;
    display: inline-block;
}
.info-tooltip-trigger:hover {
    border-bottom-color: #4a4a4a;
}

.info-tooltip-popover {
    position: fixed;
    z-index: 9999;
    width: 290px;
    max-width: calc(100vw - 24px);
    background: #fff;
    border-radius: 10px;
    border: 1px solid #eceaea;
    box-shadow:
        0 8px 24px rgba(0, 0, 0, 0.14),
        0 2px 6px rgba(0, 0, 0, 0.08);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(4px);
    transition:
        opacity 0.12s ease,
        transform 0.12s ease;
}
.info-tooltip-popover.open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.info-tooltip-popover::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #fff;
    left: var(--arrow-left, 24px);
    transform: rotate(45deg);
}
.info-tooltip-popover[data-placement="top"]::after {
    bottom: -6px;
    border-right: 1px solid #eceaea;
    border-bottom: 1px solid #eceaea;
}
.info-tooltip-popover[data-placement="bottom"]::after {
    top: -6px;
    border-left: 1px solid #eceaea;
    border-top: 1px solid #eceaea;
}

.info-tooltip-popover .info-tooltip-title {
    font-size: 13px;
    font-weight: 700;
    color: #1a1a1a;
    border-bottom: 1px solid #f2f2f2;
    padding: 10px 16px;
}
.info-tooltip-popover .info-tooltip-desc {
    font-size: 12px;
    line-height: 1.5;
    color: #5d6565;
    padding: 12px 16px;
}
.info-tooltip-popover .info-tooltip-history {
    border-top: 1px solid #eceaea;
}
.info-tooltip-popover .info-tooltip-history-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 16px;
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
    font-size: 13px;
    color: #5d6565;
}
.info-tooltip-popover .info-tooltip-history-row strong{
    color: #061415;
}
.info-tooltip-popover .info-tooltip-history-row:last-child {
    border-bottom: none;
}

.recovery-funnel-sankey{
    height:100%;
    width:100%
}
.recovery-funnel-sankey svg{
    width: 100%;
    height: 380px;
}

@media (max-width:640px){
    .recovery-funnel-sankey{
        height:100%
    }
    .recovery-funnel-sankey svg{
        width: 100%;
        height: 280px;
    }
}
.analytics_date_wrapper_icon svg{
    width: 16px;
    height: 16px;
}

.top-list-wrapper .analytics_date_wrapper_icon,
.analytics-header-wrapper .analytics_date_wrapper_icon {
    justify-content: center;
    align-items: center;
    display: flex;
    width: fit-content !important;
}

.top-list-wrapper .analytics-report-wrap,
.analytics-header-wrapper .analytics-report-wrap {
    display: flex;
    font-size: 13px;
    cursor: pointer;
    padding: 6px 12px;
    width: 100%;
    align-items: center;
    gap: 10px;
}

.analytics-outer-wrapper .subscription-status-wrapper .skeleton-item,
.analytics-outer-wrapper .reason-bar-list .skeleton-item,
.analytics-outer-wrapper .progress-bar-list .skeleton-item{
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
}

.chart-skeleton-circle.skeleton-item {
    max-width: 140px;
    width: 140px;
    height: 160px;
    border-radius: 50%;
    margin: 20px auto;
    max-height: 140px;
}
.subscription-status-chart-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 140px;
}
.order-mix-skeleton-bar {
    height: 74px;
    border-radius: 8px;
    margin-bottom: 12px;
}

#product-performance-datatable_wrapper{
    overflow: clip;
}

.daterangepicker {
    display: flex;
}

.daterangepicker .ranges {
    width: 180px;
}

.daterangepicker .drp-calendar {
    flex: 1;
}

.fc-month-view .fc-bg table,
.fc-month-view .fc-content-skeleton table {
    border-collapse: separate !important;
    border-spacing: 8px 4px !important;
}

.fc-month-view .fc-day,
.fc-month-view .fc-day-top {
    border: 1px solid #e8e3e4;
    border-radius: 8px;
    background: #f7f7f7;
}

#basic-calendar tr{
    border-bottom: none;
    font-size: 11px;
    color: #5d6565;
    font-weight: 500;
}

.analytics-outer-wrapper th.fc-day-header.fc-widget-header{
    padding: 0px;
}
.info-tooltip-desc .info-tooltip-text{
    display: block;
    margin-top: 6px;
}

.analytics-header-wrapper .daterangepicker {
    left: auto !important;
    right: 0 !important;
}

.top-list-wrapper .daterangepicker{
    left: auto !important;
    right: 1rem !important;
    margin-top: 3rem !important;
}

.top-list-wrapper .daterangepicker.opensright:before,
.analytics-header-wrapper .daterangepicker.opensright:before {
    right: 40px !important;
    left: unset;
}

.top-list-wrapper .daterangepicker.opensright:after,
.analytics-header-wrapper .daterangepicker.opensright:after {
    right: 41px !important;
    left: unset;
}
.top-list-wrapper .daterangepicker,
.analytics-header-wrapper .daterangepicker{
    border-radius: 10px;
}
.top-list-wrapper  .daterangepicker td.active,
.top-list-wrapper  .daterangepicker td.active.in-range,
.analytics-header-wrapper .daterangepicker td.active,
.analytics-header-wrapper .daterangepicker td.active.in-range{
    background-color: #007e6c !important;
}

#product-performance-datatable th,
#plan-performance-datatable th,
#upsell-top-products-datatable th,
#forecast-sku-datatable_wrapper th{
    text-align: left;
    font-weight: 400;
    color: #5d6565;
    font-size: 11.5px;
    padding: 10px 16px !important;
    text-transform: none;
    border-bottom: 1px solid #e2e2e2;
}

.chart-tooltip-date{
    font-weight: 600;
    font-size: 12px;
    color: #1a1a1a;
}
.chart-tooltip-label{
    font-size: 11.5px;
    color: #0b625e;
}
.chart-tooltip-value{
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.2;
}

.recovery-funnel-sankey{
    height:100%;
    margin-top:10px;
}
.recovery-funnel-sankey svg{
    width: 100%;
    height: 380px;
}
.collapsible-sub-sub{
    margin-left: 41px !important
}

.sidenav-collpased-list{
    position: relative;
}

.sidenav-collpased-list .sidenav-collpased-link{
    margin-left: 30px;
}

.collapsible-sub-sub {
    position: relative;
    margin-left: 20px;
    padding-left: 16px;
}
.collapsible-sub-sub::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #e0e0e0;
}
.collapsible-sub-sub li {
    padding: 0;
}

.collapsible-sub-sub li > a{
    margin: 2px 0px 2px 12px;
}

.analytics-page-indicator {
    border-start-end-radius: 2px;
    position: absolute;
    left: 41px;
    width: 2px;
    height: 12px;
    top: 0;
    background: #2f9a93;
    border-end-end-radius: 2px;
    opacity: 0;
    transition: top 0.2s ease, opacity 0.15s ease;
    pointer-events: none;
}
.analytics-page-indicator.is-visible {
    opacity: 1;
}

.analytics-sidenav-tab-link.active .menu-title {
    color: #162525;
}

.sidenav-main-menu_icon svg{
    width: 16px;
    height: 16px;
    stroke: #5d6565;
}

.sidenav-main-menu_icon{
    width: auto !important;
    height: fit-content !important;
    margin: 0 !important;
    align-items: center;
    display: flex !important;
}

.acc-panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease;
}

.acc-chevron {
    margin-left: auto;
    flex-shrink: 0;
    transition: transform .25s ease;
}
.acc-header[aria-expanded="true"] .acc-chevron {
    transform: rotate(90deg);
}

.acc-chevron-sub {
    transition: transform .25s ease;
}
.acc-header[aria-expanded="true"] .acc-chevron-sub {
    transform: rotate(90deg);
}
.collapsible-sub-sub  .analytics-sidenav-tab-link{
    padding: 4px 6px !important;
    height: 27px !important;
    margin-left: 14px;
    border-radius: 6px !important;
    font-size: 12px;
}

.analytics-sidenav-li .collapsible-sub {
    position: relative;
}

.analytics-sidenav-li .collapsible-sub > .sidenav-collpased-list {
    position: relative;
}

.analytics-sidenav-li .collapsible-sub::before {
    content: '';
    position: absolute;
    top: 0px;
    bottom: 18px;
    left: 20px;
    width: 1px;
    background: #e2e2e2;
}

.analytics-sidenav-li .collapsible-sub > .sidenav-collpased-list > .sidenav-collpased-link::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 20px;
    width: 12px;
    height: 1px;
    background: #e2e2e2;
}
.analytics-sidenav-li .collapsible-sub > .sidenav-collpased-list > .collapsible-header::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -10px;
    width: 12px;
    height: 1px;
    background: #e2e2e2;
}

.analytics-sidenav-li .collapsible-sub-sub {
    position: relative;
    margin-left: 8px;
}

.analytics-sidenav-li .collapsible-sub-sub::before {
    content: '';
    position: absolute;
    top: 0px;
    bottom: 15px;
    width: 1px;
    background: #e2e2e2;
}

.analytics-sidenav-li .collapsible-sub-sub > li {
    position: relative;
}

.analytics-sidenav-li .collapsible-sub-sub > li > a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    width: 10px;
    height: 1px;
    background: #e2e2e2;
}

.analytics-sidenav-tab-link {
    border-radius: 8px;
    transition: background-color .2s ease, color .2s ease;
}

.analytics-sidenav-tab-link.active {
    background-color: #f2f2f2;
}

.analytics-sidenav-li .collapsible-body {
    transition: background-color .2s ease;
}

.analytics-sidenav-li .sidenav-collpased-link,
.analytics-sidenav-li .collapsible-header {
    transition: background-color .2s ease, color .2s ease;
}
.sidenav-active-square .analytics-sidenav-tab-link li:has(> a.active) > a {
    background: #0000000a !important;
    box-shadow: none;
    color: #061415;
    margin-right: 0;
    margin-left: 12px;
    border-radius: 6px;
}
.sidenav-collpased-link .menu-title{
    color: #162525;
}

.analytics-sidenav-li .sidenav-collpased-link.active {
    background-color: #f2f2f2;
    border-radius: 8px;
    transition: background-color .2s ease;
}

.no-store-wrapper.chart-empty-state{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    height:100%;
    min-height:220px;
    gap:12px
}
.no-store-wrapper.chart-empty-state .empty-card-text{
    color:#8a8a8a;
    font-size:13px;
    text-align:center
}
.order-mix-empty-state .empty-state-img{
    max-width: 160px;;
}
.analytics-header-wrapper{
    border-bottom: 1px solid #e2e2e2;
}
.product-analytics-header-wrapper .analytics-header-tabs{
    padding: 0px 0px 10px 0px;
    display: flex;
    position: relative;
    align-items: end;
    justify-content: end;
}

.analytics-card-body .dataTables_wrapper .paginate_button{
    color: #545454 !important;
    border-radius: 2px;
    cursor: pointer;
    min-width: 1.5em;
    border: 1px solid transparent;
    margin-left: 2px;
}

.analytics-card-body .dataTables_wrapper .paginate_button.current{
    background: #ececec;
}

.analytics-card-body .dataTables_wrapper .paginate_button:hover {
    background: #e2e2e2;
    color: #545454 !important;
    border: 1px solid #111;
    box-shadow: none;
}
.plan-performance-body .plan-name-cell, .plan-performance-body .table-product-title{
    font-size: 13px;
}
#recovery-retry-chart {
    width: 100%;
    height: 260px;
}

.product-performance-card .analytics-card-body{
    padding: 0px;
}
#plan-performance-datatable .plan-name-wrapper{
    display: flex;
    flex-direction: column;
}
#plan-performance-datatable .plan-name-wrapper .plan-name-link span{
    width: fit-content;
    color: #4d4d4d;
    border-bottom: 1px dotted transparent;
}
#plan-performance-datatable .plan-name-wrapper .plan-name-link span:hover{
    border-bottom: 1px dotted;
    cursor: pointer;
}
#plan-performance-datatable .plan-name-wrapper .product-subtext{
    font-size: 11px;
    color: #5d6565;
}
.analytics-outer-wrapper{
    position: relative;
}
.analytics-outer-wrapper .total-halted-class .calendar-event-link,
.analytics-outer-wrapper .total-halted-class .fc-event-revenue {
    color: rgb(178, 120, 47) !important;
}
.avg-days-prefix {
    display: inline-block;
    width: 9px;
    text-align: center;
}

.forecast-sku-product-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: inherit;
}
.forecast-sku-thumb {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    object-fit: contain;
    flex-shrink: 0;
    background: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(240, 240, 240);
}
.forecast-sku-product-info {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
a.forecast-sku-product-wrapper:hover .product-text {
    text-decoration: underline;
}

.plan-performance-body .forecast-sku-product-info .table-product-title{
    width: fit-content;
    color: #4d4d4d;
    border-bottom: 1px dotted transparent;
}
.table-variant-title{
    font-size: 11px;
    color: #5d6565;
}
.plan-performance-body .forecast-sku-product-info .table-product-title:hover{
    border-bottom: 1px dotted;
    cursor: pointer;
}

.fc-day-grid-event .fc-content.fc-content-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    overflow: hidden;
    color: #1565C0;
    border-radius: 4px;
    padding: 4px;
    background: #EAF4FF;
}

.total-halted-class .fc-content.fc-content-row {
    color: #B66A00 !important;
    background: #FDF0D9 !important;
}
.total-renewed-class .fc-content.fc-content-row {
    color: #0E8A5F !important;
    background: #EAF9F3 !important;
}
.total-renewed-class .fc-content.fc-content-row .fc-title{
    color: #0E8A5F !important;
}

.fc-day-grid-event .fc-content.fc-content-row .calendar-event-link,
.fc-day-grid-event .fc-content.fc-content-row > .fc-title {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fc-day-grid-event .fc-content.fc-content-row .fc-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fc-day-grid-event .fc-content.fc-content-row .fc-event-revenue {
    flex: 0 0 auto;
    font-weight: 600;
    white-space: nowrap;
    font-size: 11px;
}

.calendar-skeleton-event {
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    pointer-events: none;
    cursor: default !important;
}

.calendar-skeleton-event .fc-content {
    display: block !important;
}

#basic-calendar .calendar-skeleton-event .skeleton-item {
    height: 20px;
    margin: 0;
    border-radius: 6px;
}
.qty-required-cell {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 45px;
    gap: 4px;
}
.stock-availability-badge {
    font-size: 12px;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 12px;
    white-space: nowrap;
}

.info-tooltip-history-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 8px 0;
}

.info-tooltip-history-left {
    display: flex;
    flex-direction: column;
}

.info-tooltip-history-label {
    color: #5d656d;
    font-weight: 600;
    font-size: 11px;
    line-height: 1.4;
    margin-bottom: 3px;
}

.info-tooltip-history-date {
    color: #5d6565;
    font-size: 12px;
    line-height: 1.4;
}

.info-tooltip-history-row strong {
    color: #1a1a1a;
    font-size: 13px;
    white-space: nowrap;
}

.sidenav .collapsible-body {
    overflow: hidden;
    box-sizing: border-box;
    will-change: height;
    transform: translateZ(0);
}

.sidenav .collapsible-body ul {
    margin: 0;
    padding: 0;
}

.sidenav .collapsible-sub-sub {
    contain: layout;
}
.retention-weighted-average {
    display: flex;
    align-items: stretch;
    gap: var(--wa-cell-gap, 10px);
    background: #f8f8f8;
    border-top: 1px solid #e5e7eb;
    padding: var(--wa-cell-gap, 10px) 10px; 
    box-shadow: none;
}

.retention-weighted-average .wa-cell {
    height: 31px;
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    text-align: end;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.retention-weighted-average .wa-label {
    flex: 0 0 210px;
    font-weight: 700;
    color: #1a1a1a;
    max-width: 73px;
    justify-content: end;
    font-size: 12px;
    padding-right: 15px;
    background: transparent;
}

.retention-weighted-average .wa-count {
    flex: 1;
    background: var(--wa-new-subs-bg, rgb(232, 245, 244));
    font-weight: 500;
    color: #1a1a1a;
}

.retention-weighted-average .wa-pill {
    flex: 1;
    font-weight: 300;
}

.retention-weighted-average .wa-empty {
    background: transparent;
    color: #c7c7c7;
} 

.order-mix-toggle {
    display: none;
    align-items: center;
    gap: 4px;
    background: #f5f5f6;
    border: 1px solid rgb(63 63 68 / 0.13);
    border-radius: 8px;
    padding: 4px;
    width: fit-content;
    margin-bottom: 16px;
}

.order-mix-toggle-btn {
    display: flex;
    align-items: center;
    gap: 4px;
    border: none;
    background: transparent;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12.5px;
    font-weight: 500;
    color: #5d6565;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.order-mix-toggle-btn:hover:not(.active) {
    background: #f5f5f5;
    color: #1a1a1a;
}

.order-mix-toggle-btn.active {
    background: #fff;
    color: #007e6c;
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.08);
}

.order-mix-toggle-btn:focus {
    outline: none;
}

.order-mix-toggle-btn:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(15, 125, 120, 0.45);
}

.order-mix-toggle-btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    color: inherit;
}

.order-mix-toggle-btn-icon svg {
    width: 14px;
    height: 14px;
    display: block;
}

.order-mix-toggle-btn-icon .material-icons-outlined {
    font-size: 16px;
    line-height: 16px;
    width: 16px;
    height: 16px;
    color: inherit;
}

.retention-tooltip {
    width: 260px;
    font-family: "Inter Variable", sans-serif;
}
.retention-tooltip-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
}
.retention-tooltip-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    color: #0f7d78;
    flex-shrink: 0;
    margin-top: 2px;
}
.retention-tooltip-icon svg {
    width: 16px;
    height: 16px;
}
.retention-tooltip-header-text {
    display: flex;
    flex-direction: column;
    gap: 1px;
}
.retention-tooltip-title {
    font-size: 13px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.25;
}
.retention-tooltip-subtitle {
    font-size: 11px;
    color: #8a8a8a;
    line-height: 1.25;
}
.retention-tooltip-divider {
    height: 1px;
    background: #ececec;
}
.retention-tooltip-stat-row {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 10px 12px;
}
.retention-tooltip-stat-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #e2f4f1;
    color: #0f7d78;
    fill: #0f7d78;
    flex-shrink: 0;
}
.retention-tooltip-stat-icon svg {
    width: 14px;
    height: 14px;
}
.retention-tooltip-stat-text {
    display: flex;
    flex-direction: column;
    gap: 1px;
}
.retention-tooltip-stat-title {
    font-size: 13.5px;
    font-weight: 700;
    color: #0f7d78;
    line-height: 1.25;
}
.retention-tooltip-stat-subtitle {
    font-size: 11px;
    color: #8a8a8a;
    line-height: 1.25;
}
.retention-tooltip-rows {
    padding: 9px 12px 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.retention-tooltip-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
}
.retention-tooltip-row span {
    color: #8a8a8a;
}
.retention-tooltip-row strong {
    color: #1a1a1a;
    font-weight: 600;
}
.retention-hover-tooltip {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.12s ease;
    pointer-events: none;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14);
    overflow: hidden;
}
.retention-hover-tooltip.open {
    opacity: 1;
    visibility: visible;
}
#retention-weighted-average .wa-count,
#retention-weighted-average .wa-pill:not(.wa-empty) {
    cursor: pointer;
}