7723 lines
131 KiB
SCSS
7723 lines
131 KiB
SCSS
/**=====================
|
|
62. Responsive CSS Start
|
|
==========================**/
|
|
@media screen and (max-width: 1660px) {
|
|
.blog-list{
|
|
.blog-details{
|
|
p{
|
|
width: 100%;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
}
|
|
}
|
|
.photos{
|
|
ul{
|
|
li{
|
|
width: 22%;
|
|
}
|
|
}
|
|
}
|
|
.vertical-menu-main {
|
|
.mega-menu {
|
|
width: 1200px !important;
|
|
max-width: 1200px !important;
|
|
left: 0px !important;
|
|
}
|
|
}
|
|
.user-status {
|
|
table {
|
|
thead {
|
|
tr {
|
|
th {
|
|
&:nth-child(3) {
|
|
min-width: 124px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
tbody {
|
|
tr {
|
|
td {
|
|
&:first-child {
|
|
min-width: 278px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.employee-status{
|
|
table {
|
|
tbody {
|
|
tr {
|
|
td{
|
|
&:first-child{
|
|
min-width:300px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.bar-chart {
|
|
canvas {
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
.main-header-right {
|
|
.main-header-right {
|
|
.left-menu-header {
|
|
.orm-control-plaintext {
|
|
.form-inline {
|
|
width: auto !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.chat-box {
|
|
.chat-history {
|
|
.call-icons {
|
|
margin-bottom:15px;
|
|
ul {
|
|
li {
|
|
width: 45px;
|
|
height: 45px;
|
|
a {
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.total-time {
|
|
h2 {
|
|
font-size:40px;
|
|
color: $dark-gray;
|
|
margin-bottom:10px;
|
|
}
|
|
}
|
|
.call-content {
|
|
.btn {
|
|
width: auto;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
}
|
|
.chat-right-aside {
|
|
.chat {
|
|
.chat-header {
|
|
.chat-menu-icons {
|
|
li {
|
|
&:nth-child(n+2){
|
|
margin-left: 10px;
|
|
}
|
|
a {
|
|
i {
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.chat-left-aside {
|
|
.people-list {
|
|
height: 520px;
|
|
}
|
|
}
|
|
.chat-box {
|
|
.chat-right-aside {
|
|
.chat {
|
|
.chat-msg-box {
|
|
height: 440px;
|
|
}
|
|
}
|
|
}
|
|
.people-list {
|
|
ul {
|
|
max-height: 450px;
|
|
overflow: auto;
|
|
}
|
|
}
|
|
}
|
|
.call-chat-body {
|
|
.chat-box {
|
|
.people-list {
|
|
ul {
|
|
max-height: 500px;
|
|
overflow: auto;
|
|
}
|
|
}
|
|
overflow: hidden;
|
|
height: 625px;
|
|
}
|
|
}
|
|
.caller-img {
|
|
img {
|
|
opacity: 0.7;
|
|
}
|
|
}
|
|
.chat-box {
|
|
.chat-history {
|
|
.receiver-img {
|
|
margin-top: 25px;
|
|
}
|
|
.call-content {
|
|
min-height: 545px;
|
|
}
|
|
}
|
|
}
|
|
// search //
|
|
.search-page {
|
|
.search-vid-block {
|
|
> div {
|
|
margin-top: 30px;
|
|
}
|
|
}
|
|
}
|
|
// user profile //
|
|
.user-profile{
|
|
.photos{
|
|
ul{
|
|
li{
|
|
width:21%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
// email wrap
|
|
.email-wrap {
|
|
.email-right-aside {
|
|
.email-profile {
|
|
.inbox {
|
|
p{
|
|
width:calc(100% - 300px);
|
|
max-width:500px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
}
|
|
@media screen and (max-width: 1550px) {
|
|
.bg-gallery {
|
|
height: 90vh;
|
|
}
|
|
.email-wrap .email-content .email-top .user-emailid:after{
|
|
display: none;
|
|
}
|
|
.email-wrap .email-top .email-right{
|
|
display: none;
|
|
}
|
|
.cal-date-widget {
|
|
.datepicker{
|
|
width:unset;
|
|
}
|
|
}
|
|
}
|
|
@media screen and (max-width: 1440px) {
|
|
|
|
.target-sec .card-header ul.target-list li:nth-child(n + 2) p {
|
|
padding: 0 5px;
|
|
}
|
|
.bg-gallery {
|
|
height: 85vh;
|
|
min-height: 700px;
|
|
}
|
|
.landing_gallery_section_img {
|
|
&:before {
|
|
content: "";
|
|
height: 300px;
|
|
background: linear-gradient(to top, #01397d 8%, transparent 92%);
|
|
}
|
|
}
|
|
// header css //
|
|
.page-main-header {
|
|
.main-header-right {
|
|
.left-menu-header {
|
|
padding-left: 30px;
|
|
padding-right: 30px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@media screen and (min-width: 1200px) and (max-width: 1660px) {
|
|
.latest-articles{
|
|
.card-body{
|
|
.media{
|
|
.m-r-30{
|
|
margin-right: 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.whishlist-main{
|
|
.prooduct-details-box .btn {
|
|
top: 0;
|
|
bottom: unset;
|
|
right: unset;
|
|
left: 0;
|
|
}
|
|
.col-xl-2{
|
|
width: 25%;
|
|
}
|
|
}
|
|
.xl-none {
|
|
display: none;
|
|
}
|
|
.xl-60 {
|
|
max-width:60%;
|
|
flex:0 0 60%;
|
|
}
|
|
.xl-30 {
|
|
max-width:30%;
|
|
flex:0 0 30%;
|
|
}
|
|
.xl-33 {
|
|
max-width: 33.33333%;
|
|
flex: 33.33333%;
|
|
}
|
|
.xl-35 {
|
|
max-width:35%;
|
|
flex:35%;
|
|
}
|
|
.xl-65 {
|
|
max-width:65%;
|
|
flex:65%;
|
|
}
|
|
.xl-60{
|
|
max-width:60%;
|
|
flex:60%;
|
|
}
|
|
.xl-70 {
|
|
max-width:70%;
|
|
flex:70%;
|
|
}
|
|
.xl-50 {
|
|
max-width: 50%;
|
|
flex: 0 0 50%;
|
|
}
|
|
.xl-100 {
|
|
max-width: 100%;
|
|
width: 100%;
|
|
flex: 0 0 100%;
|
|
}
|
|
.xl-23 {
|
|
max-width: 23%;
|
|
flex: 0 0 23%;
|
|
}
|
|
.xl-25 {
|
|
max-width: 25%;
|
|
flex: 0 0 25%;
|
|
}
|
|
.xl-40 {
|
|
max-width: 40%;
|
|
flex: 0 0 40%;
|
|
}
|
|
.xl-4 {
|
|
max-width: 33.33%;
|
|
flex: 0 0 33.33%;
|
|
}
|
|
.xl-cs-65 {
|
|
max-width: 65%;
|
|
flex: 0 0 65%;
|
|
}
|
|
.xl-cs-35 {
|
|
max-width: 35%;
|
|
flex: 0 0 35%;
|
|
order: -1;
|
|
}
|
|
.product-page-main {
|
|
.owl-item {
|
|
.item {
|
|
border: 1px solid $light-color;
|
|
border-radius: 5px;
|
|
}
|
|
}
|
|
.proorder-xl-3{
|
|
order:3;
|
|
}
|
|
}
|
|
.owl-carousel {
|
|
.owl-item {
|
|
img {
|
|
max-width: 420px;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
@media screen and (max-width: 1580px) and (min-width: 768px) {
|
|
//ecommerce page
|
|
.product-filter {
|
|
&.new-products {
|
|
.owl-theme {
|
|
.owl-item {
|
|
.item {
|
|
.product-box {
|
|
.media {
|
|
display: block;
|
|
.product-img {
|
|
width: 100%;
|
|
}
|
|
}
|
|
.product-details{
|
|
padding:15px 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@media screen and (max-width: 1580px) and (min-width: 1200px) {
|
|
.docs-buttons,
|
|
.docs-toggles {
|
|
flex: 0 0 100%;
|
|
max-width: 100%;
|
|
}
|
|
// landing-page
|
|
.bg-sky-blue {
|
|
.main-landing {
|
|
height: 765px;
|
|
}
|
|
}
|
|
}
|
|
@media screen and (min-width: 1200px) and (max-width: 1214px) {
|
|
.product-thumbnail,.product-main{
|
|
flex: 0 0 auto;
|
|
width: 100% !important;
|
|
}
|
|
.product-thumbnail{
|
|
margin-top: 15px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 1200px) and (max-width: 1366px) {
|
|
.knowledgebase-bg{
|
|
height:400px;
|
|
}
|
|
.custom-card .card-footer>div {
|
|
padding: 10px 0;
|
|
}
|
|
.card-activity {
|
|
::-webkit-scrollbar {
|
|
width: 5px;
|
|
}
|
|
::-webkit-scrollbar-track {
|
|
background: lighten($primary-color, 60%);
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background: $primary-color;
|
|
}
|
|
h5 {
|
|
font-size: 18px !important;
|
|
}
|
|
.setting-list {
|
|
display: none;
|
|
}
|
|
}
|
|
.crm-activity span {
|
|
display: none;
|
|
}
|
|
.vertical-menu-mt {
|
|
.crm-activity {
|
|
height: 298px;
|
|
}
|
|
}
|
|
.pixelstrap {
|
|
a {
|
|
padding-left: 18px;
|
|
&:hover,
|
|
&:focus,
|
|
&:active {
|
|
padding-left: 18px;
|
|
}
|
|
}
|
|
}
|
|
.flot-chart-container-small {
|
|
height: 227px;
|
|
}
|
|
.call-chat-sidebar {
|
|
max-width: 260px;
|
|
}
|
|
.product-box {
|
|
.product-details {
|
|
padding: 15px;
|
|
}
|
|
}
|
|
.flot-chart-container {
|
|
height: 282px;
|
|
}
|
|
.custom-card {
|
|
.card-profile {
|
|
img {
|
|
height: 80px;
|
|
}
|
|
}
|
|
.profile-details {
|
|
h4 {
|
|
font-size: 18px;
|
|
}
|
|
h6 {
|
|
margin-bottom: 24px;
|
|
}
|
|
}
|
|
.card-footer {
|
|
> div {
|
|
h3 {
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.crm-activity {
|
|
height: 291px;
|
|
overflow-y: auto;
|
|
.media {
|
|
.media-body {
|
|
.dates {
|
|
display: flex;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.calender-widget {
|
|
.cal-date {
|
|
width: 95px;
|
|
height: 95px;
|
|
h5 {
|
|
line-height: 1.4;
|
|
padding: 13px;
|
|
}
|
|
}
|
|
}
|
|
// chat
|
|
.chat-body {
|
|
padding: 10px;
|
|
}
|
|
.chat-box {
|
|
.chat-history {
|
|
.call-content {
|
|
.btn{
|
|
font-size: 15px;
|
|
}
|
|
}
|
|
.total-time h2 {
|
|
font-size: 30px;
|
|
}
|
|
.receiver-img {
|
|
margin-top: 30px;
|
|
margin-bottom: 30px;
|
|
}
|
|
.call-icons {
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
ul {
|
|
li {
|
|
width: 45px;
|
|
height: 45px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.user-image {
|
|
width: 30px;
|
|
height: 30px;
|
|
margin-top: 3px;
|
|
margin-right: 3px;
|
|
}
|
|
.about {
|
|
margin-top:0;
|
|
}
|
|
.border-tab.nav-tabs {
|
|
.nav-item {
|
|
a {
|
|
padding: 13px 4px !important;
|
|
color: $semi-dark !important;
|
|
letter-spacing: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.chat-menu {
|
|
.people-list {
|
|
ul.list {
|
|
max-height: 376px;
|
|
overflow-y: auto;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.chat-left-aside {
|
|
.people-list {
|
|
height: 420px;
|
|
ul {
|
|
max-height: 376px;
|
|
overflow-y: auto;
|
|
}
|
|
}
|
|
.status-circle {
|
|
top: 4px;
|
|
left: 36px;
|
|
}
|
|
}
|
|
//blog scss
|
|
.blog-box {
|
|
.blog-details-main {
|
|
.blog-bottom-details {
|
|
margin: 20px 10px;
|
|
}
|
|
.blog-social {
|
|
li {
|
|
padding: 0px 5px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.blog-box.blog-shadow {
|
|
.blog-details {
|
|
padding: 15px;
|
|
}
|
|
}
|
|
.comment-box {
|
|
.media {
|
|
img{
|
|
margin-right:25px;
|
|
}
|
|
}
|
|
ul {
|
|
ul{
|
|
margin-left:50px;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.browser-widget {
|
|
img {
|
|
height: 50px;
|
|
}
|
|
.media-img {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
|
|
// email-app
|
|
.email-wrap {
|
|
.email-left-aside {
|
|
.email-app-sidebar {
|
|
.media {
|
|
display: block;
|
|
.media-size-email {
|
|
width: 100%;
|
|
text-align: center;
|
|
img{
|
|
margin-bottom:10px;
|
|
}
|
|
.me-3 {
|
|
margin-right: 0 !important;
|
|
}
|
|
}
|
|
.media-body {
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.email-right-aside {
|
|
.email-body {
|
|
.attachment {
|
|
ul {
|
|
li {
|
|
img {
|
|
width: 73px;
|
|
height: 73px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.email-top {
|
|
line-height: 50px;
|
|
h5 {
|
|
padding: 13px 0;
|
|
}
|
|
}
|
|
|
|
.inbox {
|
|
// max-height: 668px;
|
|
// overflow: auto;
|
|
.media-body {
|
|
text-align: center;
|
|
h6 {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
}
|
|
.email-compose {
|
|
.cke_contents.cke_reset {
|
|
max-height: 144px;
|
|
width: 99%;
|
|
}
|
|
.compose-border {
|
|
margin: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.media-body{
|
|
p{
|
|
font-size:13px;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
// alert page
|
|
.alert-dismissible {
|
|
p {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
max-width: 181px;
|
|
}
|
|
}
|
|
// touchspin page
|
|
.bootstrap-touchspin {
|
|
.touchspin-vertical-tab {
|
|
.input-group {
|
|
width: 96% !important;
|
|
}
|
|
}
|
|
}
|
|
.blog-list {
|
|
.blog-details {
|
|
h6 {
|
|
padding-bottom: 0;
|
|
margin-bottom: 0;
|
|
border: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.blog-box {
|
|
.blog-date {
|
|
span {
|
|
font-weight: 500;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@media screen and (max-width: 1470px) {
|
|
.edit-profile {
|
|
.profile-title {
|
|
.media{
|
|
display:block;
|
|
.media-body {
|
|
margin-left: unset;
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.user-profile{
|
|
.photos{
|
|
ul{
|
|
li{
|
|
width:20%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.page-main-header {
|
|
.main-header-right {
|
|
.left-menu-header{
|
|
flex:0 0 35%;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
// email wrap
|
|
.email-wrap {
|
|
.email-right-aside {
|
|
.email-profile {
|
|
.inbox {
|
|
p{
|
|
width:calc(100% - 300px);
|
|
max-width:500px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@media screen and (max-width: 1366px) {
|
|
.email-wrap .email-content .email-top .user-emailid:after{
|
|
display: none;
|
|
}
|
|
.lnb-calendars{
|
|
display: block !important;
|
|
text-align: right;
|
|
}
|
|
|
|
|
|
.page-main-header{
|
|
.main-header-right {
|
|
.nav-right {
|
|
.nav-menus{
|
|
padding:20px 35px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// product page
|
|
.span.ace_indent-guide{
|
|
display: none;
|
|
}
|
|
.grid-options {
|
|
ul {
|
|
li {
|
|
&:last-child {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.product-wrapper-grid {
|
|
.col-xl-3 {
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
}
|
|
&.list-view {
|
|
.product-box {
|
|
.product-img {
|
|
width: 25%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.product-price {
|
|
font-size: 14px;
|
|
}
|
|
.product-box {
|
|
.product-img {
|
|
.product-hover {
|
|
ul {
|
|
li {
|
|
width: 35px;
|
|
height: 35px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.product-details {
|
|
h4 {
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
}
|
|
|
|
// cart page
|
|
.cart {
|
|
.qty-box {
|
|
width: 40%;
|
|
}
|
|
}
|
|
|
|
// alert page
|
|
.alert-dismissible {
|
|
strong {
|
|
& ~ p {
|
|
display: inline;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
// blog
|
|
.learning-box {
|
|
.details-main{
|
|
margin: 20px;
|
|
h6{
|
|
font-size:18px;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// timeline small page
|
|
.timeline-small {
|
|
.media {
|
|
.media-body {
|
|
p {
|
|
width: 95%;
|
|
}
|
|
}
|
|
.timeline-round {
|
|
&.timeline-line-1 {
|
|
&:after {
|
|
bottom: -66px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.map-js-height {
|
|
height: 350px;
|
|
}
|
|
.browser-widget {
|
|
.media {
|
|
flex-wrap: wrap;
|
|
.media-body {
|
|
h3{
|
|
font-size:20px;
|
|
}
|
|
p {
|
|
margin-bottom: 2px;
|
|
}
|
|
h4 {
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.testimonial {
|
|
i {
|
|
font-size: 46px;
|
|
}
|
|
|
|
p {
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
.cal-date-widget .datepicker {
|
|
margin: 0 auto;
|
|
width: unset;
|
|
}
|
|
.company-card {
|
|
padding: 20px;
|
|
}
|
|
.static-top-widget {
|
|
.media-body {
|
|
h3 {
|
|
font-size: 30px;
|
|
}
|
|
|
|
.icon-bg {
|
|
right: -21px;
|
|
}
|
|
}
|
|
}
|
|
.widget-joins {
|
|
.media {
|
|
padding: 20px;
|
|
|
|
.media-body {
|
|
h3 {
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// book mark //
|
|
.left-bookmark {
|
|
ul {
|
|
li {
|
|
button{
|
|
font-size:13px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// social app
|
|
.photos {
|
|
ul{
|
|
li{
|
|
width:21%;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
// chat page
|
|
.chat-box {
|
|
.chat-right-aside {
|
|
.chat {
|
|
.chat-msg-box {
|
|
height: 420px;
|
|
.chat-user-img {
|
|
margin-top: -30px;
|
|
}
|
|
.message {
|
|
width: 100%;
|
|
padding: 15px;
|
|
}
|
|
}
|
|
.chat-header{
|
|
.chat-menu-icons{
|
|
li{
|
|
a{
|
|
i{
|
|
font-size:20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.chat-history {
|
|
.call-content{
|
|
min-height:512px;
|
|
}
|
|
}
|
|
}
|
|
.chat-right-aside {
|
|
.chat {
|
|
.chat-message {
|
|
.smiley-box {
|
|
width: 45px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.chat-box {
|
|
.chat-history {
|
|
.receiver-img {
|
|
img {
|
|
height: 150px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.call-chat-body {
|
|
.chat-box {
|
|
overflow: hidden;
|
|
height: 595px;
|
|
}
|
|
}
|
|
|
|
// landing page css ends
|
|
.calender-widget {
|
|
.cal-desc {
|
|
p {
|
|
max-height: 88px;
|
|
overflow: auto;
|
|
}
|
|
}
|
|
}
|
|
|
|
.equal-height-xl {
|
|
height: 517px;
|
|
}
|
|
|
|
.authentication-main {
|
|
.auth-innerright {
|
|
background-size: cover;
|
|
}
|
|
}
|
|
.grp-btns {
|
|
display: inline-block;
|
|
}
|
|
.button-builder {
|
|
.button-generator-bx {
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
}
|
|
.page-builder {
|
|
.btn-group {
|
|
display: inline-block;
|
|
margin-bottom: 10px;
|
|
}
|
|
.btn-grid {
|
|
margin-bottom: 15px;
|
|
margin-right: 0px;
|
|
border-right: none;
|
|
display: inline-block;
|
|
}
|
|
.ge-canvas.ge-layout-desktop {
|
|
margin-top: 50px;
|
|
}
|
|
}
|
|
//ecommerce dashboard
|
|
.ecommerce-widget {
|
|
h6 {
|
|
font-size: 14px;
|
|
}
|
|
.total-num {
|
|
letter-spacing: 0px;
|
|
}
|
|
}
|
|
.support-ticket {
|
|
.pro-gress {
|
|
.progress-showcase {
|
|
margin-top: 15px;
|
|
}
|
|
}
|
|
}
|
|
.support-ticket-font {
|
|
.total-num {
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
|
|
//default dashboard
|
|
.custom-card{
|
|
padding:15px;
|
|
.card-social{
|
|
li{
|
|
a{
|
|
width:30px;
|
|
height:30px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.map-chart {
|
|
.chart-container {
|
|
height: 300px;
|
|
}
|
|
}
|
|
.speed-chart {
|
|
.chart-container {
|
|
height: 250px;
|
|
margin-top: -40px;
|
|
margin-bottom: 100px;
|
|
}
|
|
}
|
|
.candidcahrt {
|
|
height: 360px;
|
|
}
|
|
|
|
//chart widget
|
|
.status-details {
|
|
h3 {
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
.chart-widget-top {
|
|
.total-value {
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
.status-widget{
|
|
.card-body{
|
|
padding:10px;
|
|
}
|
|
}
|
|
|
|
//general widget
|
|
.browser-widget {
|
|
.media {
|
|
flex-wrap: wrap;
|
|
.media-body {
|
|
h3 {
|
|
font-size:20px;
|
|
}
|
|
p {
|
|
margin-bottom: 2px;
|
|
}
|
|
h4 {
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.testimonial {
|
|
i {
|
|
font-size: 46px;
|
|
}
|
|
p {
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
.cal-date-widget .datepicker {
|
|
margin: 0 auto;
|
|
width: unset;
|
|
}
|
|
.company-card {
|
|
padding: 20px;
|
|
}
|
|
.static-top-widget {
|
|
.media-body {
|
|
h3 {
|
|
font-size: 30px;
|
|
}
|
|
.icon-bg {
|
|
right: -21px;
|
|
}
|
|
}
|
|
}
|
|
.widget-joins {
|
|
.media {
|
|
padding: 20px;
|
|
.media-body {
|
|
h3 {
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
//chat
|
|
.chat-body {
|
|
padding: 10px;
|
|
}
|
|
.chat-box {
|
|
.chat-history {
|
|
.call-content {
|
|
.btn {
|
|
font-size: 15px;
|
|
}
|
|
}
|
|
.total-time h2 {
|
|
font-size: 30px;
|
|
}
|
|
.receiver-img {
|
|
margin-top: 30px;
|
|
margin-bottom: 30px;
|
|
}
|
|
.call-icons {
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
ul {
|
|
li {
|
|
width: 45px;
|
|
height: 45px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.user-image {
|
|
width: 45px;
|
|
height: 45px;
|
|
}
|
|
.about {
|
|
margin-top: 0;
|
|
}
|
|
.border-tab.nav-tabs {
|
|
.nav-item {
|
|
a {
|
|
padding: 13px 4px !important;
|
|
color: $semi-dark !important;
|
|
letter-spacing: 0;
|
|
font-size: 12px !important;
|
|
}
|
|
}
|
|
}
|
|
.chat-menu {
|
|
.people-list {
|
|
ul.list {
|
|
max-height: 376px;
|
|
overflow-y: auto;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.chat-left-aside {
|
|
.people-list {
|
|
height: 490px;
|
|
ul {
|
|
max-height: 434px;
|
|
overflow-y: auto;
|
|
}
|
|
}
|
|
}
|
|
.status-circle {
|
|
top: 4px;
|
|
left: 37px;
|
|
}
|
|
|
|
// mega-menu
|
|
.mega-menu {
|
|
.onhover-show-div {
|
|
left: 164px;
|
|
}
|
|
}
|
|
// image cropper page
|
|
.img-cropper {
|
|
.docs-toggles {
|
|
margin-top: 8px;
|
|
}
|
|
}
|
|
// touchspin page
|
|
.bootstrap-touchspin {
|
|
.dropdown-basic {
|
|
.dropdown {
|
|
.dropdown-content {
|
|
left: -21px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// datatable advance page
|
|
#advance-5_wrapper {
|
|
.dataTables_paginate {
|
|
margin-bottom: 8px;
|
|
}
|
|
}
|
|
// jsgrid-table page
|
|
#batchDelete {
|
|
.jsgrid-grid-header {
|
|
.jsgrid-table {
|
|
.jsgrid-header-row {
|
|
.jsgrid-header-cell {
|
|
&:first-child {
|
|
width: 67px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.jsgrid-grid-body {
|
|
.jsgrid-table {
|
|
.jsgrid-row {
|
|
.jsgrid-cell {
|
|
&:first-child {
|
|
width: 67px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// forget password page
|
|
.reset-password-box {
|
|
.theme-form {
|
|
.form-group {
|
|
.btn {
|
|
padding: 6px 22px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.cd-timeline-img {
|
|
width: 45px;
|
|
height: 45px;
|
|
i {
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
}
|
|
@media screen and (min-width:1200px) and (max-width: 1365px){
|
|
.redial-social-widget{
|
|
width:90px;
|
|
height:90px;
|
|
i{
|
|
width:70px;
|
|
height:70px;
|
|
}
|
|
}
|
|
.social-widget-card{
|
|
.card-body{
|
|
padding:20px;
|
|
}
|
|
h5{
|
|
margin-bottom:15px;
|
|
}
|
|
}
|
|
.widget-joins{
|
|
.media{
|
|
padding:15px;
|
|
h5{
|
|
font-size:14px;
|
|
}
|
|
.media-body{
|
|
svg{
|
|
width:25px;
|
|
height:25px;
|
|
}
|
|
> span{
|
|
font-size:13px;
|
|
}
|
|
}
|
|
.me-3{
|
|
margin-right:10px !important;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.testimonial {
|
|
p{
|
|
margin-top:unset;
|
|
}
|
|
}
|
|
.general-widget {
|
|
.custom-card {
|
|
.card-header {
|
|
img{
|
|
margin-top:-45px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
@media screen and (min-width: 992px) and (max-width: 1199px){
|
|
.project-box{
|
|
padding:20px;
|
|
.badge{
|
|
right: 10px;
|
|
top: 10px;
|
|
font-size: 8px;
|
|
padding: 5px;
|
|
}
|
|
}
|
|
}
|
|
@media screen and (max-width: 1280px) {
|
|
.blog-list .blog-details{
|
|
hr{
|
|
display: none;
|
|
}
|
|
p{
|
|
display: none;
|
|
}
|
|
}
|
|
.page-main-header {
|
|
.main-header-right {
|
|
.nav-right {
|
|
> ul {
|
|
> li{
|
|
margin-right:10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.bg-gallery {
|
|
height: 108vh;
|
|
}
|
|
.img-gallery-set1,
|
|
.img-gallery-set5 {
|
|
display: none;
|
|
}
|
|
.box-layout.page-wrapper.horizontal-wrapper {
|
|
.page-main-header {
|
|
padding-left: unset;
|
|
max-width: unset;
|
|
left: unset;
|
|
}
|
|
.page-body-wrapper {
|
|
width: unset;
|
|
}
|
|
}
|
|
// user profile
|
|
.user-profile {
|
|
.photos {
|
|
ul {
|
|
li{
|
|
width:19%;
|
|
}
|
|
}
|
|
}
|
|
.social-tab {
|
|
ul{
|
|
li{
|
|
&:nth-child(n+2){
|
|
margin-left:10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// emaill application
|
|
.email-wrap {
|
|
.actions {
|
|
li{
|
|
&:nth-child(n+2){
|
|
margin-left:10px;
|
|
}
|
|
.btn{
|
|
padding: 7px 20px;
|
|
text-transform:capitalize;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
@media screen and (max-width: 1199px) {
|
|
.ttl-info{
|
|
display: none;
|
|
}
|
|
input[type='checkbox'].tui-full-calendar-checkbox-round+span{
|
|
margin-right: 2px;
|
|
width: 4px;
|
|
}
|
|
.blog-list .blog-details {
|
|
p,hr{
|
|
display: block;
|
|
}
|
|
}
|
|
.profile-greeting {
|
|
.header-top {
|
|
text-align: center;
|
|
.setting-list {
|
|
float: none;
|
|
}
|
|
}
|
|
}
|
|
.alert-theme {
|
|
max-width: 400px;
|
|
}
|
|
.vertical {
|
|
.page-main-header {
|
|
.main-header-right {
|
|
.vertical-mobile-sidebar {
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.mega-menu-header {
|
|
.main-header-right {
|
|
.vertical-mobile-sidebar {
|
|
display: block;
|
|
margin-right: 15px;
|
|
}
|
|
}
|
|
}
|
|
.page-main-header {
|
|
.main-header-right {
|
|
.nav-right {
|
|
&.right-menu {
|
|
ul {
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
}
|
|
}
|
|
.main-header-left {
|
|
padding-left: 25px;
|
|
padding-right: 25px;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
// sidebar css
|
|
.page-wrapper {
|
|
.page-main-header {
|
|
.main-header-right {
|
|
.nav-right {
|
|
> ul {
|
|
li {
|
|
.submenu {
|
|
li {
|
|
&:first-child {
|
|
padding-left: 15px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.mobile-sidebar {
|
|
.switch-sm {
|
|
.switch {
|
|
margin-top: 6px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.page-main-header {
|
|
.main-header-right {
|
|
.left-menu-header {
|
|
padding:24px 15px;
|
|
flex:0 0 30%;
|
|
}
|
|
.nav-right {
|
|
.nav-menus {
|
|
padding: 20px 15px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// product page //
|
|
.grid-options {
|
|
ul {
|
|
li {
|
|
&:nth-child(3) {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// dashboard 2
|
|
.dashboard-default-sec,.dashboard-2-main {
|
|
.card {
|
|
&.income-card {
|
|
.card-body {
|
|
.knob-block {
|
|
canvas {
|
|
width: 30%;
|
|
height: 30%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// social app page
|
|
.photos{
|
|
ul{
|
|
li{
|
|
width:20%;
|
|
}
|
|
}
|
|
}
|
|
// timeline small page
|
|
.timeline-small {
|
|
.media {
|
|
.timeline-round {
|
|
&.timeline-line-1 {
|
|
&:after {
|
|
height: 33px;
|
|
bottom: -40px;
|
|
}
|
|
}
|
|
&.small-line {
|
|
&:after {
|
|
height: 28px;
|
|
bottom: -38px;
|
|
}
|
|
}
|
|
&.medium-line {
|
|
&:after {
|
|
height: 30px;
|
|
bottom: -40px;
|
|
}
|
|
}
|
|
}
|
|
.media-body {
|
|
h6 {
|
|
font-weight: 600;
|
|
margin-bottom: 30px;
|
|
span {
|
|
font-weight: normal;
|
|
color: $light-text;
|
|
}
|
|
}
|
|
p {
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// landing page css start
|
|
.bg-gallery {
|
|
height: 100vh;
|
|
}
|
|
.mt50 {
|
|
margin-top: 30px;
|
|
}
|
|
.landing-main {
|
|
.sticky {
|
|
.navbar-expand-xl {
|
|
.navbar-brand {
|
|
top: 8px;
|
|
}
|
|
.navabr_btn-set {
|
|
top: 16px;
|
|
}
|
|
}
|
|
}
|
|
.navbar-toggler {
|
|
span {
|
|
background-color: $white;
|
|
}
|
|
}
|
|
.navbar_nav_modify {
|
|
width: 100vw;
|
|
left: 0;
|
|
position: fixed;
|
|
height: 100vh;
|
|
background-color: #293240;
|
|
top: 0;
|
|
padding: 120px 0px;
|
|
}
|
|
h4 {
|
|
font-size: 20px;
|
|
}
|
|
.navbar-expand-xl {
|
|
.navabr_btn-set {
|
|
position: fixed;
|
|
top: 24px;
|
|
z-index: 1;
|
|
right: 20px;
|
|
}
|
|
.navbar-brand {
|
|
padding-left: 5px;
|
|
z-index: 1;
|
|
position: fixed;
|
|
top: 14px;
|
|
}
|
|
.navbar-collapse {
|
|
.navbar-nav {
|
|
.nav-item {
|
|
a {
|
|
padding: 28px 60px;
|
|
width: 16px;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.support-res {
|
|
text-align: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 20px;
|
|
}
|
|
.navbar-expand-lg {
|
|
.navbar-brand {
|
|
padding-left: 5px;
|
|
}
|
|
.navbar-collapse {
|
|
.navbar-nav {
|
|
.nav-item {
|
|
a {
|
|
padding: 9px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// landing page css ends
|
|
.lg-mt-col {
|
|
margin-top: 30px;
|
|
}
|
|
.xl-none {
|
|
display: none;
|
|
}
|
|
.user-status {
|
|
table {
|
|
tbody {
|
|
tr {
|
|
td {
|
|
.d-inline-block {
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.lg-mt {
|
|
margin-top: 30px;
|
|
}
|
|
.product-page-details {
|
|
margin-top: 30px;
|
|
}
|
|
.product-wrapper-grid {
|
|
&.list-view {
|
|
.product-box {
|
|
.product-img {
|
|
width: 32%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.debit-card {
|
|
order: 1;
|
|
}
|
|
.typography {
|
|
.row {
|
|
div {
|
|
& + div {
|
|
margin-top: 30px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.listing {
|
|
.card-body {
|
|
.row {
|
|
> div {
|
|
& + div {
|
|
margin-top: 30px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.flot-chart-container {
|
|
height: 250px;
|
|
}
|
|
.img-cropper {
|
|
#putData {
|
|
margin-bottom: 10px;
|
|
}
|
|
.docs-toggles {
|
|
> .dropdown {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
.error-wrapper {
|
|
.maintenance-icons {
|
|
li {
|
|
i {
|
|
color: $light-gray;
|
|
font-size: 40px;
|
|
}
|
|
&:nth-child(2) {
|
|
i {
|
|
font-size: 80px;
|
|
margin-left: 90px;
|
|
}
|
|
}
|
|
&:nth-child(3) {
|
|
i {
|
|
font-size: 120px;
|
|
margin-top: -75px;
|
|
margin-right: 110px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
div {
|
|
&.dataTables_wrapper {
|
|
div {
|
|
&.dataTables_paginate {
|
|
& ~ .dataTables_filter {
|
|
display: block;
|
|
width: 100%;
|
|
margin-top: 20px;
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.jvector-map-height {
|
|
height: 280px;
|
|
}
|
|
.custom-card {
|
|
.card-profile {
|
|
.card-social {
|
|
li {
|
|
a{
|
|
padding: 8px;
|
|
}
|
|
}
|
|
}
|
|
img {
|
|
height: 90px;
|
|
}
|
|
.card-footer {
|
|
> div{
|
|
h3{
|
|
font-size:18px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.profile-details {
|
|
h4 {
|
|
font-size: 20px;
|
|
}
|
|
h6 {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
}
|
|
.card-footer{
|
|
> div {
|
|
h3 {
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.equal-height-lg {
|
|
min-height: unset !important;
|
|
}
|
|
|
|
|
|
|
|
//mega menu
|
|
.mega-menu {
|
|
.onhover-show-div {
|
|
height: 435px;
|
|
overflow-x: scroll;
|
|
left: 215px;
|
|
}
|
|
.mega-bg {
|
|
display: none;
|
|
}
|
|
.lg-mt {
|
|
margin-top: 25px;
|
|
}
|
|
}
|
|
.button-builder {
|
|
.button-generator-bx {
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
//blog
|
|
.blog-single {
|
|
.comment-box {
|
|
ul {
|
|
.comment-social {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
//error and maintenace
|
|
.error-wrapper {
|
|
.maintenance-heading {
|
|
margin-top: 30px;
|
|
.headline {
|
|
font-size: 50px;
|
|
margin-top: -15%;
|
|
margin-bottom: 0px;
|
|
}
|
|
.cloud-second {
|
|
margin-top: -25px;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// general widget
|
|
.mobile-clock-widget {
|
|
#date {
|
|
margin-top: 15px;
|
|
}
|
|
}
|
|
.social-widget-card {
|
|
.b-b-light {
|
|
padding: 15px;
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
.weather-widget-two {
|
|
.bottom-whetherinfo {
|
|
.whether-content {
|
|
top: 34px;
|
|
}
|
|
}
|
|
}
|
|
.cal-date-widget {
|
|
.cal-datepicker {
|
|
margin-top: 15px;
|
|
}
|
|
}
|
|
.static-top-widget {
|
|
.media-body {
|
|
.icon-bg {
|
|
width: 70px;
|
|
height: 70px;
|
|
}
|
|
}
|
|
}
|
|
.user-status {
|
|
table {
|
|
tbody {
|
|
tr {
|
|
th {
|
|
min-width: 120px;
|
|
}
|
|
td {
|
|
&:first-child {
|
|
min-width: 295px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.testimonial {
|
|
p {
|
|
margin-top: 17px;
|
|
}
|
|
}
|
|
.contact-form {
|
|
padding: 10px;
|
|
|
|
.theme-form {
|
|
.form-icon {
|
|
margin-top: -57px;
|
|
}
|
|
}
|
|
}
|
|
.calender-widget {
|
|
.cal-date {
|
|
width: 90px;
|
|
height: 90px;
|
|
|
|
h5 {
|
|
font-size: 16px;
|
|
padding: 18px;
|
|
}
|
|
}
|
|
|
|
.cal-desc {
|
|
padding: 14px;
|
|
|
|
p {
|
|
max-height: 114px;
|
|
overflow-y: auto;
|
|
}
|
|
}
|
|
}
|
|
.browser-widget {
|
|
padding: 0px;
|
|
img {
|
|
height: 50px;
|
|
}
|
|
.media {
|
|
.media-body {
|
|
h4 {
|
|
font-size: 17px;
|
|
}
|
|
}
|
|
|
|
.media-img {
|
|
width: 100%;
|
|
text-align: center;
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
}
|
|
.static-top-widget {
|
|
.media-body {
|
|
padding-left: 20px;
|
|
}
|
|
}
|
|
.widget-joins {
|
|
&:before {
|
|
display: none;
|
|
}
|
|
|
|
.ps-0 {
|
|
padding-left: 15px !important;
|
|
}
|
|
|
|
.pe-0 {
|
|
padding-right: 15px !important;
|
|
}
|
|
|
|
.border-after-xs {
|
|
&:after {
|
|
content: "";
|
|
position: absolute;
|
|
height: 1px;
|
|
width: 94%;
|
|
background-color: $light-semi-gray;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
}
|
|
.widget-joins {
|
|
.media {
|
|
.media-body {
|
|
svg {
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
//ecommerce dashboard
|
|
.crm-overall {
|
|
.overall-chart {
|
|
height: 200px;
|
|
}
|
|
}
|
|
.product-page-main{
|
|
.proorder-lg-1{
|
|
order:-1;
|
|
}
|
|
}
|
|
|
|
|
|
//chat
|
|
.chat-box {
|
|
.chat-menu {
|
|
background-color:$white;
|
|
.people-list {
|
|
ul.list {
|
|
max-height:444px;
|
|
overflow-y:auto;
|
|
}
|
|
}
|
|
}
|
|
.btn-lg {
|
|
font-size: 12px;
|
|
}
|
|
.people-list {
|
|
ul {
|
|
height: auto;
|
|
}
|
|
}
|
|
.chat-right-aside {
|
|
.chat {
|
|
.chat-header {
|
|
height: auto;
|
|
.chat-menu-icons li a i {
|
|
font-size: 19px;
|
|
}
|
|
}
|
|
.chat-message {
|
|
margin: 0;
|
|
bottom: 15px;
|
|
}
|
|
}
|
|
}
|
|
.chat-history {
|
|
.total-time h2 {
|
|
font-size: 25px;
|
|
}
|
|
.row {
|
|
.col-sm-7 {
|
|
padding-right: 0;
|
|
}
|
|
}
|
|
}
|
|
.border-tab.nav-tabs {
|
|
width: 100%;
|
|
.nav-item {
|
|
margin-right: 5px;
|
|
}
|
|
}
|
|
.chat-left-aside {
|
|
.people-list {
|
|
height: 493px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.chat-menu-icons {
|
|
display: block;
|
|
clear: both;
|
|
width: 100%;
|
|
text-align: right;
|
|
}
|
|
|
|
|
|
// chat application
|
|
.chat-box {
|
|
.border-tab{
|
|
&.nav-tabs {
|
|
.nav-item {
|
|
a{
|
|
height: auto;
|
|
line-height: 1.2;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.chat-history {
|
|
height: 447px;
|
|
}
|
|
.chat-box {
|
|
.toogle-bar {
|
|
display:inline-block;
|
|
margin-right: 0 !important;
|
|
}
|
|
}
|
|
// Email app
|
|
.email-wrap {
|
|
.email-right-aside {
|
|
|
|
.email-body {
|
|
border-top-right-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
.b-r-light {
|
|
border-right: none !important;
|
|
}
|
|
}
|
|
.radius-left {
|
|
border-top-left-radius: 4px !important;
|
|
border-bottom-left-radius: 4px !important;
|
|
}
|
|
}
|
|
.email-aside-toggle{
|
|
display:block;
|
|
}
|
|
.email-sidebar{
|
|
position: relative;
|
|
.email-aside-toggle{
|
|
margin-bottom:20px;
|
|
width:fit-content;
|
|
}
|
|
.email-left-aside{
|
|
position:absolute;
|
|
top:100%;
|
|
left:0;
|
|
opacity:0;
|
|
visibility:hidden;
|
|
z-index: 2;
|
|
width:300px;
|
|
transition: all 0.5s ease;
|
|
&.open{
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.job-accordion {
|
|
|
|
.card{
|
|
margin-bottom:20px;
|
|
}
|
|
}
|
|
.job-sidebar{
|
|
position: relative;
|
|
.job-toggle{
|
|
display:block;
|
|
margin-bottom:20px;
|
|
}
|
|
.job-left-aside{
|
|
position:absolute;
|
|
top: 100%;
|
|
left: 0;
|
|
margin-top: 20px;
|
|
opacity: 1;
|
|
visibility: hidden;
|
|
overflow-y: scroll;
|
|
z-index: 3;
|
|
max-width: 270px;
|
|
height:600px;
|
|
background-color: $white;
|
|
border: 1px solid $light-gray;
|
|
padding: 20px;
|
|
&.open{
|
|
opacity:1;
|
|
visibility: visible;
|
|
}
|
|
}
|
|
}
|
|
.learning-block{
|
|
>div{
|
|
&:first-child{
|
|
order:2;
|
|
}
|
|
}
|
|
}
|
|
|
|
// icons
|
|
.icon-lists {
|
|
div {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
max-width: 209px;
|
|
}
|
|
}
|
|
// tour page
|
|
.like-comment-lg-mb {
|
|
margin-bottom: 12px;
|
|
}
|
|
// ribbons page
|
|
.ribbon-space-bottom {
|
|
top: 9px;
|
|
}
|
|
// touchspin page
|
|
.bootstrap-touchspin {
|
|
.touchspin-vertical-tab {
|
|
.input-group {
|
|
width: 98.5% !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
// jsgrid-table page
|
|
#batchDelete {
|
|
.jsgrid-grid-header {
|
|
.jsgrid-table {
|
|
.jsgrid-header-row {
|
|
.jsgrid-header-cell {
|
|
&:first-child {
|
|
width: 95px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.jsgrid-grid-body {
|
|
.jsgrid-table {
|
|
.jsgrid-row {
|
|
.jsgrid-cell {
|
|
&:first-child {
|
|
width: 95px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// user-profile page
|
|
.profile-img-style {
|
|
#aniimated-thumbnials-3 {
|
|
text-align: center;
|
|
}
|
|
}
|
|
.user-profile{
|
|
.photos{
|
|
ul{
|
|
li{
|
|
width:20%;
|
|
}
|
|
}
|
|
}
|
|
.profile-header{
|
|
height:380px;
|
|
.userpro-box{
|
|
max-width:325px;
|
|
padding:25px;
|
|
.icon-wrapper{
|
|
width:30px;
|
|
height:30px;
|
|
font-size:13px;
|
|
}
|
|
.avatar{
|
|
width:85px;
|
|
height:85px;
|
|
}
|
|
h4{
|
|
font-size: 18px;
|
|
}
|
|
h6{
|
|
font-size: 14px;
|
|
}
|
|
|
|
}
|
|
}
|
|
.social-media {
|
|
ul{
|
|
&.user-list-social {
|
|
li {
|
|
a{
|
|
width:28px;
|
|
height:28px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.social-tab {
|
|
padding:20px;
|
|
ul{
|
|
li{
|
|
a{
|
|
padding: 8px 10px;
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
}
|
|
.input-group{
|
|
.form-control{
|
|
height:35px;
|
|
}
|
|
}
|
|
}
|
|
|
|
// vertical page
|
|
.vertical-menu-mt {
|
|
margin-top: 80px !important;
|
|
.xl-none {
|
|
display: block;
|
|
}
|
|
}
|
|
.sm {
|
|
position: fixed;
|
|
background-color: $white;
|
|
width: 300px;
|
|
border-radius: 0;
|
|
border: 1px solid $light-gray;
|
|
top: 80px;
|
|
height: 100vh;
|
|
left: -300px;
|
|
z-index: 99;
|
|
transition: all 0.3s ease;
|
|
overflow: scroll;
|
|
}
|
|
// calender page
|
|
.calendar-wrap {
|
|
.fc-day-grid-event {
|
|
width: 87%;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
@media screen and (max-width: 1120px) {
|
|
.bg-gallery {
|
|
height: 94vh;
|
|
}
|
|
|
|
|
|
.social-tab {
|
|
.input-group{
|
|
width:190px;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
}
|
|
@media screen and (max-width: 1024px) {
|
|
.bg-gallery {
|
|
height: 90vh;
|
|
}
|
|
.bg-sky-blue {
|
|
.main-landing {
|
|
.position-cards {
|
|
.landing-card-9 {
|
|
left: 16%;
|
|
top: 8%;
|
|
width: 13%;
|
|
}
|
|
.landing-square-2 {
|
|
left: 13%;
|
|
top: 6%;
|
|
}
|
|
.landing-card-2 {
|
|
left: 32%;
|
|
top: 3%;
|
|
width: 30%;
|
|
}
|
|
.landing-card-4 {
|
|
right: 16%;
|
|
}
|
|
.landing-card-5 {
|
|
top: 11%;
|
|
}
|
|
.landing-card-3 {
|
|
left: 3%;
|
|
bottom: 1%;
|
|
width: 32%;
|
|
right: unset;
|
|
top: unset;
|
|
}
|
|
.landing-card-10 {
|
|
right: 5%;
|
|
top: 36%;
|
|
width: 40%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@media screen and (max-width: 991px) {
|
|
|
|
.page-wrapper{
|
|
&.compact-wrapper {
|
|
.page-body-wrapper {
|
|
header{
|
|
&.main-nav{
|
|
.main-navbar{
|
|
.nav-menu{
|
|
height: calc(100vh - 220px);
|
|
}
|
|
}
|
|
}
|
|
.sidebar-user{
|
|
padding: 20px 30px;
|
|
.setting-primary{
|
|
top: 20px;
|
|
}
|
|
img{
|
|
width: 35px !important;
|
|
border-width: 3px !important;
|
|
float: left;
|
|
}
|
|
.badge-bottom{
|
|
display: none;
|
|
}
|
|
h6{
|
|
margin-top: 0 !important;
|
|
padding-left: 50px;
|
|
text-align: left;
|
|
display: block;
|
|
}
|
|
p{
|
|
padding-left: 15px;
|
|
text-align: left;
|
|
max-width: 120px;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
ul{
|
|
margin-top: 10px;
|
|
border-top: 1px $gray-60 dashed;
|
|
padding-top: 10px;
|
|
}
|
|
}
|
|
&.main-nav{
|
|
top:65px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.ttl-info {
|
|
display: block;
|
|
}
|
|
.page-wrapper {
|
|
.page-body-wrapper {
|
|
.page-body {
|
|
// padding-top: 0 !important;
|
|
min-height: calc(100vh - 65px);
|
|
margin-top: 65px;
|
|
}
|
|
}
|
|
}
|
|
.customizer-contain {
|
|
top: 62px;
|
|
}
|
|
.mobile-clock-widget {
|
|
#date {
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
.m-r-30 {
|
|
margin-right: 20px;
|
|
}
|
|
.card.full-card {
|
|
top: 60px;
|
|
width: calc(100vw - 0px);
|
|
}
|
|
.card {
|
|
.sub-title {
|
|
font-size: 16px;
|
|
}
|
|
.card-header {
|
|
padding: 20px;
|
|
h5 {
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
.card-body {
|
|
padding: 20px;
|
|
}
|
|
.card-footer {
|
|
padding: 20px;
|
|
}
|
|
}
|
|
.setting-list {
|
|
top: 18px;
|
|
.setting-option {
|
|
height: 26px;
|
|
li {
|
|
&:first-child {
|
|
i {
|
|
font-size: 14px;
|
|
&.icon-angle-double-right {
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.setting-primary,
|
|
.setting-secondary,
|
|
.setting-white {
|
|
width: 26px;
|
|
height: 26px;
|
|
}
|
|
.trasaction-sec {
|
|
.transaction-totalbal {
|
|
padding-left: 20px;
|
|
}
|
|
}
|
|
.document {
|
|
&.page-wrapper.horizontal-wrapper {
|
|
.page-main-header {
|
|
&.document-header {
|
|
height: 60px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.document-content {
|
|
.page-body {
|
|
margin-top: 90px !important;
|
|
}
|
|
ul {
|
|
&.nav-pills {
|
|
max-height: calc(100vh - 84px);
|
|
}
|
|
}
|
|
.logo-wrapper {
|
|
display: none;
|
|
}
|
|
}
|
|
.vertical-mobile-sidebar {
|
|
right: 75px;
|
|
top: 18px;
|
|
}
|
|
.sm {
|
|
top: 80px;
|
|
}
|
|
.bg-gallery {
|
|
height: 85vh;
|
|
}
|
|
.bg-sky-blue {
|
|
.main-landing {
|
|
.landing-main-content {
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
width: 100%;
|
|
img {
|
|
display: unset !important;
|
|
}
|
|
}
|
|
.position-cards {
|
|
.landing-card-3 {
|
|
left: 3%;
|
|
bottom: 14%;
|
|
top: unset;
|
|
}
|
|
.landing-card-10 {
|
|
left: 0%;
|
|
top: 3%;
|
|
width: 35%;
|
|
}
|
|
.landing-card-8 {
|
|
left: 38%;
|
|
bottom: 18%;
|
|
width: 15%;
|
|
}
|
|
.landing-square-1 {
|
|
bottom: 18%;
|
|
left: 38%;
|
|
}
|
|
.landing-card-7 {
|
|
right: 17%;
|
|
bottom: 13%;
|
|
}
|
|
.landing-card-6 {
|
|
right: -4%;
|
|
bottom: 15%;
|
|
}
|
|
.landing-card-9 {
|
|
left: 34%;
|
|
top: 13%;
|
|
width: 10%;
|
|
}
|
|
.landing-square-2 {
|
|
left: 32%;
|
|
top: 11%;
|
|
}
|
|
.landing-card-2 {
|
|
right: 30%;
|
|
top: 10%;
|
|
width: 24%;
|
|
left: unset;
|
|
}
|
|
.landing-card-5 {
|
|
right: -3%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.viho-demo-section {
|
|
.gallery_content,
|
|
.viho-demo-content {
|
|
p {
|
|
width: 70% !important;
|
|
}
|
|
}
|
|
}
|
|
.landing_gallery_section_img {
|
|
margin-bottom: -60px;
|
|
.img-gallery-set3,
|
|
.img-gallery-set2,
|
|
.img-gallery-set4 {
|
|
bottom: 80px;
|
|
}
|
|
&:before {
|
|
height: 500px;
|
|
}
|
|
}
|
|
.landing-main {
|
|
.navbar-expand-lg .navbar-collapse {
|
|
position: absolute;
|
|
top: 90px;
|
|
background-color: rgb(255, 255, 255);
|
|
width: calc(100% - 30px);
|
|
border-radius: 5px;
|
|
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
|
|
padding: 15px;
|
|
}
|
|
}
|
|
.gallery {
|
|
margin-bottom: -20px;
|
|
}
|
|
.my-gallery {
|
|
figure {
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
#aniimated-thumbnials {
|
|
figure {
|
|
&:nth-child(12),
|
|
&:nth-child(11),
|
|
&:nth-child(10),
|
|
&:nth-child(9) {
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
}
|
|
.photoswipe-pb-responsive {
|
|
padding-bottom: 25px !important;
|
|
}
|
|
|
|
|
|
// user-profile
|
|
.user-profile{
|
|
.photos{
|
|
ul{
|
|
li{
|
|
width:19%;
|
|
}
|
|
}
|
|
}
|
|
.profile-post {
|
|
.post-header {
|
|
.media {
|
|
img{
|
|
width:50px;
|
|
height:50px;
|
|
}
|
|
h5{
|
|
font-size:16px;
|
|
}
|
|
h6{
|
|
font-size:12px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// main header css
|
|
.page-wrapper {
|
|
.section-space {
|
|
padding: 60px 0;
|
|
}
|
|
.card {
|
|
.card-header,
|
|
.card-body,
|
|
.card-footer {
|
|
// padding: 20px;
|
|
.tab-content {
|
|
.m-t-30 {
|
|
margin-top: 20px !important;
|
|
}
|
|
.m-b-30 {
|
|
margin-bottom: 20px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.page-body-wrapper {
|
|
.page-header {
|
|
// padding-top: 25px;
|
|
padding-bottom: 25px;
|
|
}
|
|
.footer-fix {
|
|
margin-left: 0px;
|
|
padding-right: 15px;
|
|
width: calc(100% - 0px);
|
|
}
|
|
}
|
|
&.compact-wrapper {
|
|
.page-main-header {
|
|
margin-left: 0 !important;
|
|
width: calc(100% - 0px) !important;
|
|
.main-header-right {
|
|
.logo-wrapper {
|
|
display: block;
|
|
}
|
|
.toggle-nav {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
.page-body-wrapper{
|
|
&.sidebar-icon{
|
|
header{
|
|
&.main-nav{
|
|
top: 59px ;
|
|
box-shadow: 0 4px 14px 0 rgba(4, 122, 251, 0.13);
|
|
.logo-wrapper {
|
|
display: none;
|
|
}
|
|
.sidebar-user {
|
|
padding: 20px;
|
|
.badge-bottom {
|
|
top: 86px;
|
|
}
|
|
}
|
|
.main-navbar {
|
|
.nav-menu {
|
|
height: calc(100vh - 304px);
|
|
}
|
|
}
|
|
&.close_icon {
|
|
.main-navbar{
|
|
.nav-menu{
|
|
height: unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.page-main-header {
|
|
.main-header-right {
|
|
margin: 0;
|
|
.nav-right {
|
|
.notification {
|
|
top: 10px;
|
|
}
|
|
> ul {
|
|
top: 58px;
|
|
position: fixed;
|
|
z-index: -1;
|
|
background-color: $white;
|
|
transition: all linear 0.3s;
|
|
border-top: $card-border-color;
|
|
box-shadow: 0 2px 2px 2px $common-shadow-color;
|
|
width: 100%;
|
|
left: 0;
|
|
padding: 0 20px;
|
|
transform: translateY(-35px) scaleY(0);
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
height: 70px;
|
|
&.open {
|
|
z-index: 1;
|
|
opacity: 1;
|
|
transform: translateY(0px) scaleY(1);
|
|
visibility: visible;
|
|
}
|
|
}
|
|
}
|
|
> .mobile-toggle {
|
|
display: flex;
|
|
padding-right: 20px;
|
|
}
|
|
.main-header-left {
|
|
margin-right: 0;
|
|
padding: 15px 20px;
|
|
}
|
|
}
|
|
.main-header-left {
|
|
.logo-wrapper {
|
|
img {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
}
|
|
.left-menu-header {
|
|
padding: 15px 20px;
|
|
ul {
|
|
li {
|
|
i {
|
|
display: inline;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
&.compact-sidebar{
|
|
&.compact-wrapper{
|
|
.page-body-wrapper{
|
|
header{
|
|
&.main-nav{
|
|
.main-navbar{
|
|
.nav-menu{
|
|
height: calc(100vh - 80px);
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
.dropdown{
|
|
.menu-content{
|
|
top:60px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.page-body-wrapper {
|
|
.page-body,
|
|
footer {
|
|
margin-left: 0 !important;
|
|
#customer-review {
|
|
.owl-stage-outer {
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
.calender-widget {
|
|
.cal-desc {
|
|
p {
|
|
max-height: 101px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.product-page-details {
|
|
h3 {
|
|
font-size: 22px;
|
|
}
|
|
}
|
|
|
|
// bookmark //
|
|
.bookmark {
|
|
ul {
|
|
li {
|
|
a {
|
|
svg {
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// general widget page
|
|
.crm-activity {
|
|
> {
|
|
li {
|
|
+ li {
|
|
margin-top: 10px;
|
|
padding-top: 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// add post page
|
|
.add-post {
|
|
form {
|
|
.form-group {
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
.dropzone {
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
|
|
// avatar page
|
|
.customers {
|
|
&.avatar-group {
|
|
margin-right: 20px;
|
|
}
|
|
}
|
|
|
|
// internationalization page css
|
|
.main {
|
|
.langChoice {
|
|
right: 20px;
|
|
top: 11px;
|
|
}
|
|
}
|
|
|
|
//social app page css
|
|
.socialprofile {
|
|
.social-btngroup {
|
|
margin: 20px 0;
|
|
}
|
|
.social-group {
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
.social-status {
|
|
form {
|
|
.form-group {
|
|
.form-control-social {
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
}
|
|
.media {
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
.timeline-content {
|
|
p,
|
|
.comments-box {
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
.social-chat {
|
|
margin-top: 20px;
|
|
.media-body {
|
|
padding: 20px;
|
|
}
|
|
.your-msg,
|
|
.other-msg {
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
.social-network {
|
|
span {
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
.details-about {
|
|
+ .details-about {
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
.activity-log {
|
|
.my-activity {
|
|
+ .my-activity {
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
}
|
|
.new-users-social {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
// timeline small page css
|
|
.timeline-small {
|
|
.media {
|
|
margin-bottom: 20px;
|
|
.media-body {
|
|
h6 {
|
|
margin-bottom: 20px;
|
|
}
|
|
p {
|
|
width: 75%;
|
|
}
|
|
}
|
|
.timeline-round {
|
|
width: 45px;
|
|
height: 45px;
|
|
top: -14px;
|
|
&.timeline-line-1 {
|
|
&:after {
|
|
bottom: -41px;
|
|
height: 25px;
|
|
}
|
|
}
|
|
&.small-line {
|
|
&:after {
|
|
bottom: -26px;
|
|
height: 14px;
|
|
}
|
|
}
|
|
&.medium-line {
|
|
&:after {
|
|
bottom: -33px;
|
|
height: 17px;
|
|
}
|
|
}
|
|
svg {
|
|
top: 14px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// landing page css start
|
|
.landing-main {
|
|
.section-space {
|
|
padding: 60px 0;
|
|
p {
|
|
font-size: 15px;
|
|
}
|
|
}
|
|
.navbar-expand-lg {
|
|
.navbar-toggler {
|
|
background-color: $white;
|
|
.navbar-toggler-icon {
|
|
i {
|
|
margin-top: 5px;
|
|
color: $primary-color;
|
|
}
|
|
}
|
|
}
|
|
.navbar-collapse {
|
|
background-color: $white;
|
|
z-index: 111;
|
|
.navbar-nav {
|
|
.nav-item {
|
|
a {
|
|
color: $black;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.footer-bg {
|
|
h2 {
|
|
font-size: 28px;
|
|
}
|
|
}
|
|
}
|
|
|
|
// landing page css ends
|
|
// helper classes page start
|
|
.helper-classes {
|
|
padding: 20px;
|
|
}
|
|
|
|
// helper classes page ends
|
|
.floated-customizer-btn,
|
|
.floated-customizer-panel {
|
|
display: none;
|
|
}
|
|
.page-builder {
|
|
.ge-canvas {
|
|
&.ge-editing {
|
|
.row {
|
|
padding: 20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.weather-widget-two {
|
|
.bottom-whetherinfo {
|
|
.whether-content {
|
|
top: -15px;
|
|
}
|
|
}
|
|
}
|
|
.social-widget-card {
|
|
.b-b-light {
|
|
padding: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
.ecommerce-widget {
|
|
.progress-showcase {
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
.crm-overall {
|
|
margin: 0 -20px -20px;
|
|
}
|
|
.product-page-main {
|
|
padding: 20px;
|
|
}
|
|
.grid-options {
|
|
ul {
|
|
li {
|
|
&:nth-child(3) {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.feature-products {
|
|
form {
|
|
.form-group {
|
|
i {
|
|
right: 20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.tabbed-card ul {
|
|
padding: 18px 15px;
|
|
}
|
|
|
|
.tabbed-card {
|
|
ul {
|
|
top: -5px;
|
|
&.border-tab {
|
|
&.nav-tabs {
|
|
padding: 0;
|
|
.nav-item {
|
|
.nav-link {
|
|
padding: 18px 15px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.tilt-showcase {
|
|
.tilt-image {
|
|
text-align: center;
|
|
}
|
|
.mt-4 {
|
|
margin-top: 20px !important;
|
|
}
|
|
}
|
|
.todo {
|
|
.todo-list-wrapper {
|
|
.mark-all-tasks {
|
|
top: 20px;
|
|
right: 20px;
|
|
}
|
|
}
|
|
}
|
|
.custom-card {
|
|
padding-bottom: 0;
|
|
.card-footer {
|
|
// padding: 0 15px 15px 15px!important;
|
|
padding: 0;
|
|
}
|
|
.card-header {
|
|
border: none;
|
|
}
|
|
.dashboard-card {
|
|
padding: 0;
|
|
}
|
|
}
|
|
.display-1 {
|
|
font-size: 4rem;
|
|
}
|
|
.display-2 {
|
|
font-size: 3.5rem;
|
|
}
|
|
.display-3 {
|
|
font-size: 2.5rem;
|
|
}
|
|
.display-4 {
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
.typography {
|
|
.h1 {
|
|
font-size: 34px;
|
|
}
|
|
.h2 {
|
|
font-size: 30px;
|
|
}
|
|
.h3 {
|
|
font-size: 26px;
|
|
}
|
|
.h4 {
|
|
font-size: 22px;
|
|
}
|
|
.h5 {
|
|
font-size: 18px;
|
|
}
|
|
.h6 {
|
|
font-size: 15px;
|
|
}
|
|
}
|
|
h1 {
|
|
font-size: 34px;
|
|
}
|
|
h2 {
|
|
font-size: 28px;
|
|
}
|
|
h3 {
|
|
font-size: 26px;
|
|
}
|
|
h4 {
|
|
font-size: 22px;
|
|
}
|
|
h5 {
|
|
font-size: 18px;
|
|
}
|
|
.flot-chart-container {
|
|
height: 300px;
|
|
}
|
|
.card-absolute {
|
|
.card-header {
|
|
padding: 10px 15px !important;
|
|
}
|
|
}
|
|
|
|
.comingsoon {
|
|
.comingsoon-inner {
|
|
.countdown {
|
|
.time {
|
|
width: 80px;
|
|
height: 80px;
|
|
font-size: 26px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
footer {
|
|
bottom: -20px;
|
|
}
|
|
.calendar-wrap {
|
|
.basic-calendar {
|
|
.external-events {
|
|
.fc-event {
|
|
& + .fc-event {
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.owl-theme {
|
|
.owl-nav {
|
|
&.disabled {
|
|
& + .owl-dots {
|
|
margin-bottom: -10px;
|
|
margin-top: 15px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.card {
|
|
.card-header {
|
|
.card-header-right {
|
|
top: 11px;
|
|
right: 11px;
|
|
}
|
|
}
|
|
}
|
|
.page-builder {
|
|
.ge-addRowGroup {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
|
|
//blog
|
|
.comment-box {
|
|
.comment-social {
|
|
li{
|
|
&:nth-child(n+2){
|
|
padding-left:15px;
|
|
margin-left:15px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
//error and maintenace
|
|
.error-wrapper {
|
|
padding: 35px 0;
|
|
.sub-content {
|
|
font-size: 14px;
|
|
line-height: 25px;
|
|
margin-top: 0px;
|
|
}
|
|
.error-heading {
|
|
margin-top: 30px;
|
|
.headline {
|
|
font-size: 180px;
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
.maintenance-heading {
|
|
margin-top: 30px;
|
|
}
|
|
}
|
|
|
|
//search
|
|
.search-page {
|
|
.info-block {
|
|
flex-wrap: wrap;
|
|
}
|
|
.tab-content {
|
|
.pb-4 {
|
|
padding-bottom: 20px !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
//business dashboard
|
|
.calender-widget {
|
|
.cal-desc {
|
|
padding: 10px 20px 20px !important;
|
|
p {
|
|
max-height: 100px;
|
|
}
|
|
}
|
|
}
|
|
.contact-form {
|
|
padding-top: 10px !important;
|
|
.theme-form {
|
|
padding: 20px;
|
|
margin-top: 27px;
|
|
.form-icon {
|
|
margin-top: -47px;
|
|
}
|
|
}
|
|
}
|
|
//crm dashboard
|
|
.user-status {
|
|
&.product-chart {
|
|
max-height: 518px;
|
|
overflow: auto;
|
|
}
|
|
}
|
|
// general widget
|
|
.widget-joins {
|
|
.media {
|
|
.media-body {
|
|
i {
|
|
float: none !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.xl-none {
|
|
display: block;
|
|
}
|
|
//blog
|
|
.top-radius-blog {
|
|
width: 100%;
|
|
}
|
|
.sm-100-w {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
/*Form Wizard One start*/
|
|
.form-wizard {
|
|
.btn-mb {
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
/*Form Wizard One ends*/
|
|
|
|
/*Form Wizard Two Start*/
|
|
.stepwizard {
|
|
margin-bottom: 20px;
|
|
}
|
|
/*Form Wizard Two Ends*/
|
|
|
|
/*Form Wizard Three Start*/
|
|
.f1 {
|
|
.f1-steps {
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
/*Form Wizard Three ends*/
|
|
|
|
/*Form Wizard Four Start*/
|
|
.wizard-4 {
|
|
ul.anchor {
|
|
padding-right: 20px;
|
|
}
|
|
}
|
|
/*Form Wizard Four ends*/
|
|
// tab material
|
|
.border-tab.nav-tabs {
|
|
margin-bottom: 20px;
|
|
}
|
|
.tab-content {
|
|
~ .nav-tabs {
|
|
&.border-tab {
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
}
|
|
|
|
// support ticket
|
|
.dataTables_wrapper {
|
|
.dataTables_length {
|
|
margin-bottom: 20px;
|
|
}
|
|
table.dataTable {
|
|
margin-bottom: 20px !important;
|
|
}
|
|
}
|
|
// search page
|
|
.search-page {
|
|
.info-block {
|
|
+ .info-block {
|
|
padding-top: 20px;
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
#video-links {
|
|
.embed-responsive + .embed-responsive {
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
}
|
|
.lg-mt {
|
|
margin-top: 20px;
|
|
}
|
|
.gallery-with-description {
|
|
margin-bottom: -20px;
|
|
a {
|
|
> div {
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
}
|
|
// clipboard
|
|
.clipboaard-container {
|
|
p {
|
|
margin-bottom: 8px;
|
|
}
|
|
}
|
|
// summer-note
|
|
.m-b-30 {
|
|
margin-bottom: 20px !important;
|
|
}
|
|
|
|
// navs page
|
|
.nav-md-mt {
|
|
margin-top: 20px;
|
|
}
|
|
.navs-icon {
|
|
padding: 20px;
|
|
.main-section {
|
|
padding-top: 20px;
|
|
}
|
|
.separator {
|
|
margin: 20px 0;
|
|
}
|
|
}
|
|
.nav-list {
|
|
padding: 20px;
|
|
}
|
|
.navs-dropdown {
|
|
button {
|
|
margin-top: 20px;
|
|
}
|
|
.onhover-show-div {
|
|
top: 68px;
|
|
}
|
|
}
|
|
// animated modal page
|
|
.animated-modal {
|
|
.form-group {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
.me-4 {
|
|
margin-right: 0 !important;
|
|
}
|
|
.animated-modal-md-mb {
|
|
margin-bottom: 20px !important;
|
|
}
|
|
}
|
|
// steps page
|
|
.steps-md-mt {
|
|
margin-top: 20px;
|
|
}
|
|
// button group page
|
|
.btn-group-wrapper {
|
|
.m-b-30 {
|
|
&:last-child {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
}
|
|
}
|
|
// datatable advance page
|
|
#advance-5_wrapper {
|
|
.dataTables_paginate {
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
// summer-note page
|
|
.click2edit {
|
|
& ~ .note-editor {
|
|
&.note-frame {
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.summer-note {
|
|
.card-header,
|
|
.card-body {
|
|
padding: 20px;
|
|
}
|
|
}
|
|
// call-chat page
|
|
.chat-box{
|
|
.chat-left-aside {
|
|
.people-list {
|
|
height: 483px;
|
|
}
|
|
}
|
|
.chat-menu{
|
|
top:75px;
|
|
.user-profile {
|
|
.user-content{
|
|
h5{
|
|
margin-bottom:10px;
|
|
}
|
|
}
|
|
.follow {
|
|
span{
|
|
font-size:12px;
|
|
}
|
|
.follow-num{
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
}
|
|
@media screen and (max-width: 900px) {
|
|
.bg-gallery {
|
|
height: 80vh;
|
|
}
|
|
}
|
|
@media screen and (max-width: 800px) {
|
|
.bg-gallery {
|
|
height: 75vh;
|
|
min-height: 560px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 767px) {
|
|
.page-wrapper.compact-wrapper{
|
|
.page-body-wrapper{
|
|
header.main-nav{
|
|
.sidebar-user{
|
|
padding: 20px;
|
|
ul{
|
|
display: none;
|
|
}
|
|
}
|
|
.main-navbar {
|
|
.nav-menu {
|
|
height: calc(100vh - 220px);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.order-history table tbody tr td img{
|
|
width: 25px !important;
|
|
}
|
|
.calendar-basic .lnb-calendars>div{
|
|
padding: 12px 0;
|
|
}
|
|
.learning-box .details-main {
|
|
margin: 20px;
|
|
}
|
|
.ace-editor {
|
|
height: 280px;
|
|
width: 100%;
|
|
}
|
|
.dashboard-2-main .card .card-header p {
|
|
font-size: 0;
|
|
}
|
|
.card-social {
|
|
margin-top: 30px;
|
|
}
|
|
// button css //
|
|
.btn-showcase {
|
|
text-align: center;
|
|
}
|
|
.form-inline {
|
|
.form-group {
|
|
+ .form-group {
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
}
|
|
.credit-card {
|
|
.text-center {
|
|
img {
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
}
|
|
.starter-kit-fix {
|
|
.page-body {
|
|
margin-bottom: 78px;
|
|
}
|
|
}
|
|
.navbar-toggler {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 10px;
|
|
}
|
|
.document {
|
|
.page-main-header {
|
|
// background-color: $primary-color;
|
|
.document-right-nav {
|
|
.navbar {
|
|
.navbar-collapse {
|
|
.navbar-nav {
|
|
.nav-item {
|
|
.nav-link {
|
|
color: $primary-color !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.navbar-collapse {
|
|
position: absolute;
|
|
width: 100%;
|
|
background-color: $white;
|
|
top: 60px;
|
|
padding: 15px;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
}
|
|
.products-total {
|
|
margin-bottom: 10px;
|
|
}
|
|
.page-main-header {
|
|
.main-header-right {
|
|
.left-menu-header {
|
|
ul {
|
|
li {
|
|
.search-form {
|
|
input {
|
|
width: 90% !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.main-header-left {
|
|
width: auto;
|
|
.toggle-sidebar {
|
|
margin-left: 30px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.product-page-main {
|
|
.border-tab.nav-tabs .nav-item {
|
|
width: auto !important;
|
|
}
|
|
}
|
|
.blog-box {
|
|
.blog-details-main {
|
|
.blog-social {
|
|
li {
|
|
padding: 0 12px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.footer-copyright {
|
|
~ div {
|
|
text-align: center;
|
|
p {
|
|
float: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
// calender
|
|
.event-calendar {
|
|
display: block !important;
|
|
#right {
|
|
width: 100%;
|
|
}
|
|
}
|
|
#lnb {
|
|
width: auto;
|
|
}
|
|
.ecommerce-widget {
|
|
.progress-showcase {
|
|
.progress {
|
|
height: 15px;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// user profile //
|
|
.user-profile {
|
|
.photos {
|
|
ul {
|
|
li{
|
|
width:55px;
|
|
}
|
|
}
|
|
}
|
|
.profile-header{
|
|
height:355px;
|
|
.userpro-box{
|
|
padding:20px;
|
|
max-width:300px;
|
|
.avatar{
|
|
width:70px;
|
|
height:70px;
|
|
}
|
|
h4{
|
|
font-size:16px;
|
|
}
|
|
h6{
|
|
font-size:13px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.social-tab{
|
|
display:block;
|
|
ul{
|
|
justify-content:center;
|
|
margin-bottom:-10px;
|
|
li{
|
|
display: inline-block;
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
.input-group{
|
|
margin-top:15px;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
}
|
|
.social-app-profile{
|
|
.social-status {
|
|
.media {
|
|
img{
|
|
width:40px !important;
|
|
}
|
|
.social-status{
|
|
bottom:10px;
|
|
left:35px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// general-widget
|
|
.general-widget{
|
|
.custom-card{
|
|
padding:0;
|
|
.card-profile{
|
|
margin-top:-45px;
|
|
}
|
|
.card-header{
|
|
padding:0;
|
|
img{
|
|
margin-top:0;
|
|
}
|
|
}
|
|
.card-social{
|
|
margin-top: unset;
|
|
}
|
|
}
|
|
}
|
|
|
|
// social app page css
|
|
.tabs-scoial {
|
|
&.border-tab {
|
|
&.nav-tabs {
|
|
display: flex;
|
|
}
|
|
}
|
|
}
|
|
.edit-profile {
|
|
.card {
|
|
.card-header {
|
|
h4 {
|
|
font-size: 22px;
|
|
}
|
|
}
|
|
}
|
|
.profile-title {
|
|
.media {
|
|
.media-body {
|
|
h3 {
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
// card css//
|
|
.tabbed-card {
|
|
ul {
|
|
padding: 10px 0 5px 0;
|
|
position: relative;
|
|
width: 100%;
|
|
left: 0;
|
|
}
|
|
}
|
|
|
|
// search page //
|
|
.search-page {
|
|
.search-vid-block {
|
|
> div {
|
|
&:nth-child(n + 2) {
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// product page //
|
|
.product-page-details {
|
|
h3 {
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
.filter-block {
|
|
h4 {
|
|
font-size: 18px;
|
|
margin-bottom: 15px;
|
|
}
|
|
ul {
|
|
li {
|
|
&:nth-child(n + 2) {
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// dashboard main //
|
|
.center-content {
|
|
p {
|
|
text-align: center;
|
|
span {
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
|
|
// timeline small page css
|
|
.timeline-small {
|
|
.media {
|
|
.media-body {
|
|
p {
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// icon-compact layout page
|
|
.my-gallery {
|
|
figure {
|
|
&:nth-child(9),
|
|
&:nth-child(10) {
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
}
|
|
|
|
// chat
|
|
.chat-box {
|
|
.chat-right-aside {
|
|
.chat {
|
|
.chat-message {
|
|
.text-box {
|
|
.btn {
|
|
font-size: 0;
|
|
&:before {
|
|
position: absolute;
|
|
content: "\e661";
|
|
font-family: $font-themify;
|
|
font-size: 18px;
|
|
top: 11px;
|
|
left: 20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
.border-tab {
|
|
&.nav-tabs {
|
|
display: flex;
|
|
}
|
|
}
|
|
.chat-menu {
|
|
.nav-tabs {
|
|
.nav-item {
|
|
a {
|
|
height: 50px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.people-list {
|
|
ul {
|
|
margin-bottom:-15px;
|
|
li{
|
|
display: inline-block;
|
|
padding: 10px;
|
|
margin-right:5px;
|
|
border: 1px solid $light-gray;
|
|
margin-bottom:10px;
|
|
&:last-child{
|
|
padding-bottom:10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.chat-left-aside {
|
|
.people-list{
|
|
height:auto;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.clockpicker-align-top {
|
|
left: 55px !important;
|
|
top: 470px !important;
|
|
.arrow {
|
|
display: none;
|
|
}
|
|
}
|
|
.form-builder-column {
|
|
.form-body {
|
|
min-height: 250px;
|
|
}
|
|
}
|
|
.form-builder-2-header {
|
|
flex-wrap: wrap;
|
|
> div {
|
|
width: 100%;
|
|
margin-top: 10px;
|
|
nav {
|
|
float: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
// advance pages //
|
|
.dropzone.dz-clickable {
|
|
padding: 20px;
|
|
}
|
|
|
|
// form-builder
|
|
.lg-mt-col {
|
|
margin-top: 20px;
|
|
}
|
|
.form-builder {
|
|
.drag-box {
|
|
fieldset {
|
|
padding: 20px;
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
#components {
|
|
margin-top: 20px;
|
|
}
|
|
.component {
|
|
label {
|
|
padding-top: 0px;
|
|
}
|
|
}
|
|
}
|
|
|
|
//mega menu
|
|
.mega-menu {
|
|
.onhover-show-div {
|
|
height: 415px;
|
|
left: 0;
|
|
top: 61px;
|
|
padding: 20px;
|
|
}
|
|
.lg-mt {
|
|
margin-top: 15px;
|
|
}
|
|
}
|
|
|
|
// landing page css start
|
|
.bg-gallery {
|
|
min-height: 530px;
|
|
}
|
|
.landing_gallery_section_img {
|
|
&:before {
|
|
height: 400px;
|
|
}
|
|
}
|
|
.page-wrapper {
|
|
.section-space {
|
|
padding: 30px 0;
|
|
}
|
|
}
|
|
.and-many-more {
|
|
font-size: 65px;
|
|
}
|
|
.container-modify {
|
|
.img-effect {
|
|
max-width: 320px;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
.bg-sky-blue {
|
|
.main-landing {
|
|
.position-cards {
|
|
.landing-card-9 {
|
|
left: 12%;
|
|
top: 33%;
|
|
width: 12%;
|
|
}
|
|
.landing-square-1 {
|
|
top: 32%;
|
|
right: 9%;
|
|
bottom: unset;
|
|
left: unset;
|
|
}
|
|
.landing-card-8 {
|
|
right: 9%;
|
|
top: 32%;
|
|
left: unset;
|
|
bottom: unset;
|
|
}
|
|
.landing-square-2 {
|
|
left: 9%;
|
|
top: 31%;
|
|
}
|
|
.landing-card-7 {
|
|
right: 21%;
|
|
width: 40%;
|
|
}
|
|
.landing-card-2 {
|
|
right: 44%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.viho-demo-section {
|
|
.viho-demo-content,
|
|
.gallery_content {
|
|
img {
|
|
width: 30px !important;
|
|
}
|
|
p {
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
}
|
|
.and-more {
|
|
top: 40%;
|
|
}
|
|
.landing-main {
|
|
.section-space {
|
|
padding: 40px 0;
|
|
}
|
|
.main-landing {
|
|
padding: 27px 0 0 0;
|
|
}
|
|
}
|
|
// landing page css ends
|
|
.page-builder {
|
|
.ge-canvas {
|
|
&.ge-editing {
|
|
.ge-tools-drawer {
|
|
margin: 10px 0 0 10px;
|
|
> a {
|
|
padding: 0 5px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.reader {
|
|
margin-top: 15px;
|
|
height: auto !important;
|
|
}
|
|
.range-slider {
|
|
&.theme-form {
|
|
.form-group {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
.note-editor {
|
|
.btn-group {
|
|
.btn {
|
|
font-size: 11px;
|
|
}
|
|
}
|
|
}
|
|
.user-status {
|
|
tbody {
|
|
tr {
|
|
td {
|
|
min-width: 284px;
|
|
& + td {
|
|
min-width: unset;
|
|
& + td {
|
|
min-width: 100px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.text-md-end {
|
|
text-align: right;
|
|
}
|
|
.star-ratings {
|
|
.stars {
|
|
padding: 0;
|
|
}
|
|
}
|
|
.form-inline {
|
|
&.d-inline-block {
|
|
display: block !important;
|
|
width: 100%;
|
|
.form-control {
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
}
|
|
.reset-password-box {
|
|
width: 500px;
|
|
margin: 0 auto;
|
|
.card {
|
|
padding: 20px;
|
|
}
|
|
}
|
|
.user-card{
|
|
.custom-card{
|
|
padding:0;
|
|
.card-header{
|
|
padding:0;
|
|
}
|
|
.card-profile{
|
|
margin-top: -40px;
|
|
}
|
|
.card-social{
|
|
margin-top: unset;
|
|
}
|
|
}
|
|
}
|
|
.custom-card{
|
|
.card-header{
|
|
|
|
img{
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
.card-profile {
|
|
img {
|
|
height: 75px;
|
|
}
|
|
}
|
|
.profile-details {
|
|
h4 {
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
.card-footer {
|
|
> div {
|
|
padding-top: 15px;
|
|
padding-bottom: 15px;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
}
|
|
}
|
|
}
|
|
.error-wrapper {
|
|
.maintenance-icons {
|
|
li {
|
|
i {
|
|
color: $light-gray;
|
|
font-size: 30px;
|
|
}
|
|
&:nth-child(2) {
|
|
i {
|
|
font-size: 60px;
|
|
margin-top: -10px;
|
|
margin-left: 70px;
|
|
}
|
|
}
|
|
&:nth-child(3) {
|
|
i {
|
|
font-size: 90px;
|
|
margin-right: 80px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.authentication-main {
|
|
.auth-innerright {
|
|
.social-media {
|
|
li {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
min-height: unset;
|
|
padding: 0;
|
|
}
|
|
}
|
|
.loader-box {
|
|
justify-content: center;
|
|
}
|
|
.dataTables_wrapper {
|
|
.dataTables_length {
|
|
margin-bottom: 20px;
|
|
}
|
|
.dataTables_filter {
|
|
margin-left: 0;
|
|
margin-top: 0;
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
div {
|
|
&.dataTables_wrapper {
|
|
div {
|
|
&.dataTables_info {
|
|
padding-top: 0;
|
|
}
|
|
&.dataTables_length,
|
|
&.dataTables_filter {
|
|
label {
|
|
float: none;
|
|
}
|
|
}
|
|
&.dataTables_paginate {
|
|
float: none;
|
|
margin-top: 20px !important;
|
|
margin-left: 0 !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.calendar-wrap {
|
|
.fc-basic-view {
|
|
.fc-day-number {
|
|
padding: 0 0px !important;
|
|
}
|
|
}
|
|
.fc-events-container {
|
|
margin-top: 0px;
|
|
}
|
|
.fc-events-container {
|
|
h6,
|
|
.checkbox {
|
|
text-align: right;
|
|
}
|
|
}
|
|
.checkbox {
|
|
label {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
.fc-toolbar {
|
|
.fc-left {
|
|
.fc-next-button {
|
|
.fc-icon-right-single-arrow {
|
|
&:after {
|
|
font-size: 12px !important;
|
|
}
|
|
}
|
|
}
|
|
.fc-prev-button {
|
|
.fc-icon-left-single-arrow {
|
|
&:after {
|
|
font-size: 12px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.fc-left,
|
|
.fc-right {
|
|
.fc-today-button {
|
|
padding-top: 0px !important;
|
|
}
|
|
}
|
|
}
|
|
.fc {
|
|
button {
|
|
font-size: 14px !important;
|
|
padding: 0 5px !important;
|
|
}
|
|
.fc-left {
|
|
margin-bottom: 10px;
|
|
}
|
|
.fc-toolbar {
|
|
> div {
|
|
display: block !important;
|
|
float: none !important;
|
|
}
|
|
> * {
|
|
:first-child {
|
|
font-size: 18px;
|
|
}
|
|
> * {
|
|
float: none !important;
|
|
}
|
|
}
|
|
}
|
|
margin-top: 0px;
|
|
}
|
|
}
|
|
.btn-group-wrapper {
|
|
text-align: center;
|
|
.m-b-30 {
|
|
margin-bottom: 15px !important;
|
|
}
|
|
}
|
|
|
|
.btn-group-showcase {
|
|
text-align: center;
|
|
.btn-group {
|
|
margin-right: 0;
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
.btn-group {
|
|
.btn {
|
|
font-size: 14px;
|
|
padding: 0.375rem 1.3rem;
|
|
}
|
|
}
|
|
.animate-widget {
|
|
.text-center {
|
|
display: none;
|
|
}
|
|
}
|
|
//general widget page
|
|
.calender-widget {
|
|
.cal-desc {
|
|
p {
|
|
max-height: 100%;
|
|
}
|
|
}
|
|
}
|
|
.user-status {
|
|
&.product-chart {
|
|
max-height: 100%;
|
|
}
|
|
table {
|
|
thead {
|
|
tr {
|
|
th {
|
|
&:nth-child(3) {
|
|
min-width: 124px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
//mega menu
|
|
.mega-menu {
|
|
.onhover-show-div {
|
|
height: 350px;
|
|
}
|
|
}
|
|
|
|
.page-builder {
|
|
.ge-canvas {
|
|
.column {
|
|
padding: 0 !important;
|
|
}
|
|
}
|
|
.ge-content-type-ckeditor {
|
|
h3 {
|
|
font-size: 20px;
|
|
}
|
|
p {
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
.ge-row-icon {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
/* font-awesom icon page */
|
|
.icon-hover-bottom {
|
|
.form-group {
|
|
input {
|
|
min-width: 270px;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
//calendar
|
|
.calendar-wrap {
|
|
.fc {
|
|
button {
|
|
padding: 5px;
|
|
}
|
|
}
|
|
.fc-day-grid-event {
|
|
margin: 0;
|
|
padding: 5px;
|
|
width: inherit;
|
|
}
|
|
.fc-toolbar {
|
|
h2 {
|
|
font-size: 20px;
|
|
line-height: 35px;
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
.basic-calendar {
|
|
.external-events {
|
|
margin-top: 0px;
|
|
}
|
|
}
|
|
}
|
|
|
|
//blog
|
|
.blog-single {
|
|
.comment-box {
|
|
.media {
|
|
h6 {
|
|
margin-bottom: 10px;
|
|
}
|
|
img {
|
|
margin-right: 30px;
|
|
}
|
|
}
|
|
.comment-social {
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
}
|
|
|
|
//search
|
|
.search-page {
|
|
#image-links {
|
|
.info-block {
|
|
&.m-t-30 {
|
|
margin-top: 0 !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
//authentication
|
|
.authentication-main {
|
|
.authentication-box {
|
|
width: 100%;
|
|
}
|
|
.auth-innerright {
|
|
display: inherit;
|
|
}
|
|
}
|
|
|
|
//default dashboard
|
|
.map-chart {
|
|
.chart-container {
|
|
height: 300px;
|
|
}
|
|
}
|
|
.candidcahrt {
|
|
height: 250px;
|
|
}
|
|
|
|
//chart widget
|
|
.bar-chart-widget {
|
|
.earning-details {
|
|
i {
|
|
right: 0;
|
|
}
|
|
}
|
|
}
|
|
.serial-chart .chart-container {
|
|
height: 300px;
|
|
}
|
|
.bottom-content {
|
|
padding: 10px;
|
|
p {
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
|
|
// from wizard two
|
|
.stepwizard {
|
|
.stepwizard-row {
|
|
&:before {
|
|
top: 17px;
|
|
}
|
|
}
|
|
}
|
|
// icons
|
|
.icon-hover-bottom {
|
|
.icon-popup {
|
|
div {
|
|
.flag-icon {
|
|
width: 30px;
|
|
height: auto;
|
|
}
|
|
}
|
|
.form-group {
|
|
input {
|
|
min-width: 40%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
//footer
|
|
.footer-links {
|
|
text-align: center;
|
|
}
|
|
.footer-copyright {
|
|
text-align: center !important;
|
|
}
|
|
.jvector-map-height {
|
|
height: 150px;
|
|
}
|
|
.sm-left-text {
|
|
text-align: left !important;
|
|
}
|
|
|
|
// email app
|
|
.email-wrap {
|
|
.email-right-aside {
|
|
.email-content {
|
|
.email-top {
|
|
.d-flex {
|
|
padding-bottom: 0;
|
|
}
|
|
.float-end {
|
|
float: left !important;
|
|
}
|
|
}
|
|
.email-wrapper {
|
|
.attachment {
|
|
ul {
|
|
li {
|
|
&:last-child {
|
|
padding-right: 0;
|
|
}
|
|
img {
|
|
width:90px;
|
|
height:90px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.email-body {
|
|
.inbox .media{
|
|
// padding-top:15px;
|
|
// padding-bottom:15px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.email-wrap {
|
|
.email-right-aside {
|
|
.email-profile {
|
|
overflow-x:auto;
|
|
.inbox{
|
|
width:700px;
|
|
p{
|
|
width: calc(100% - 200px);
|
|
max-width: 500px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
// alert page
|
|
.alert-dismissible {
|
|
p {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
max-width: 294px;
|
|
}
|
|
}
|
|
// button group page
|
|
.button-group-mb-sm {
|
|
margin-bottom: 5px;
|
|
}
|
|
// table components page
|
|
.card-block {
|
|
.table-responsive {
|
|
.table {
|
|
tbody {
|
|
tr {
|
|
td {
|
|
span {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
max-width: 100px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.progress-content {
|
|
tbody {
|
|
tr {
|
|
td {
|
|
span {
|
|
text-overflow: ellipsis;
|
|
white-space: normal;
|
|
max-width: 50px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.checkbox-td-width,
|
|
.radio-first-col-width {
|
|
tbody {
|
|
tr {
|
|
td {
|
|
min-width: 200px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// jsgrid-table page
|
|
#batchDelete {
|
|
.jsgrid-grid-header {
|
|
.jsgrid-table {
|
|
.jsgrid-header-row {
|
|
.jsgrid-header-cell {
|
|
&:first-child {
|
|
width: 119px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.jsgrid-grid-body {
|
|
.jsgrid-table {
|
|
.jsgrid-row {
|
|
.jsgrid-cell {
|
|
&:first-child {
|
|
width: 119px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.jsgrid {
|
|
.jsgrid-pager-container {
|
|
text-align: center;
|
|
}
|
|
}
|
|
// chat page
|
|
.chat-box {
|
|
.chat-menu {
|
|
.nav-tabs {
|
|
.nav-item {
|
|
width: 32.33%;
|
|
}
|
|
}
|
|
.people-list {
|
|
ul.list {
|
|
max-height: 433px;
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
#info-profile,
|
|
#info-contact {
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
|
|
.chat-history {
|
|
.call-content {
|
|
> div {
|
|
padding-top: 40px;
|
|
height: auto;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.call-chat-sidebar {
|
|
max-width:100%;
|
|
width:100%;
|
|
flex-basis:auto;
|
|
}
|
|
|
|
// user-profile page
|
|
.hovercard {
|
|
.info {
|
|
.follow {
|
|
.text-md-end {
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.profile-img-style {
|
|
.like-comment-sm-mb {
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
// forget-password page
|
|
.reset-password-box {
|
|
.theme-form {
|
|
.form-group {
|
|
.btn {
|
|
margin-top: 15px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// gallery page
|
|
.lg-outer {
|
|
.lg-actions .lg-next,
|
|
.lg-actions .lg-prev {
|
|
top: 48%;
|
|
}
|
|
}
|
|
// product page
|
|
.feature-products {
|
|
.filter-toggle {
|
|
padding: 8px 15px;
|
|
margin-left: 10px;
|
|
border-radius: 5px;
|
|
background-color: rgba($primary-color, 0.05);
|
|
color: $primary-color;
|
|
}
|
|
span{
|
|
font-size: 12px;
|
|
&.f-w-600{
|
|
padding-top:8px;
|
|
display:inline-block;
|
|
}
|
|
}
|
|
}
|
|
.grid-options {
|
|
ul {
|
|
li {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
.product-wrapper {
|
|
&.sidebaron {
|
|
.product-grid {
|
|
.product-wrapper-grid {
|
|
margin-left:0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// .product-wrapper-grid {
|
|
// &.list-view {
|
|
// .product-box {
|
|
// .product-img {
|
|
// width: 42%;
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
.product-filter {
|
|
.product-box {
|
|
flex-wrap: nowrap;
|
|
.product-img {
|
|
width: 100px;
|
|
}
|
|
.product-details {
|
|
padding: 0 !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
@media screen and (max-width: 700px) {
|
|
.bg-gallery {
|
|
min-height: 470px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 650px) {
|
|
.bg-gallery {
|
|
height: 63vh;
|
|
}
|
|
}
|
|
@media screen and (max-width: 600px) {
|
|
.bg-gallery {
|
|
height: 60vh;
|
|
}
|
|
.user-profile{
|
|
.photos{
|
|
ul {
|
|
li{
|
|
width:53px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
@media screen and (max-width: 540px) {
|
|
.bg-gallery {
|
|
height: 57vh;
|
|
}
|
|
}
|
|
@media screen and (max-width: 575px) {
|
|
.search-form {
|
|
.search-bg {
|
|
> i {
|
|
display: none !important;
|
|
}
|
|
}
|
|
}
|
|
.job-accordion {
|
|
.card {
|
|
box-shadow: 0 0 11px 5px $common-shadow-color !important;
|
|
}
|
|
}
|
|
.alert-dismissible {
|
|
p {
|
|
max-width: 209px;
|
|
}
|
|
}
|
|
.customizer-links {
|
|
display: none;
|
|
}
|
|
.m-r-30 {
|
|
margin-right: 15px;
|
|
}
|
|
|
|
|
|
// card css //
|
|
.card {
|
|
.card-footer {
|
|
padding: 15px;
|
|
}
|
|
}
|
|
.setting-list {
|
|
top: 15px;
|
|
.setting-option {
|
|
height: 21px;
|
|
li {
|
|
&:first-child {
|
|
i {
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.setting-primary,
|
|
.setting-secondary,
|
|
.setting-white {
|
|
width: 22px;
|
|
height: 22px;
|
|
}
|
|
|
|
// product page
|
|
.feature-products{
|
|
.text-end{
|
|
text-align: left !important;
|
|
}
|
|
.select-options{
|
|
float:left;
|
|
margin-right: 10px;
|
|
}
|
|
}
|
|
.call-chat-body {
|
|
.chat-box{
|
|
height:auto;
|
|
}
|
|
}
|
|
.chat-box{
|
|
.chat-menu{
|
|
.people-list{
|
|
ul.list{
|
|
max-height:400px;
|
|
}
|
|
}
|
|
}
|
|
.chat-history {
|
|
.call-content{
|
|
min-height:447px;
|
|
}
|
|
}
|
|
}
|
|
|
|
// user profile
|
|
.user-profile{
|
|
.photos{
|
|
ul{
|
|
li{
|
|
width:18%;
|
|
}
|
|
}
|
|
}
|
|
.profile-post{
|
|
padding:20px;
|
|
.post-body {
|
|
figure{
|
|
margin-bottom:20px;
|
|
}
|
|
.post-react {
|
|
ul {
|
|
li {
|
|
img{
|
|
width:20px;
|
|
height:20px;
|
|
}
|
|
&:nth-child(n+2){
|
|
margin-left:-15px;
|
|
}
|
|
}
|
|
}
|
|
h6{
|
|
margin-left:10px;
|
|
font-size:13px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.profile-header{
|
|
padding:0;
|
|
height:auto;
|
|
.profile-img-wrrap{
|
|
display:block;
|
|
height:280px;
|
|
}
|
|
.userpro-box{
|
|
max-width:100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//dashboard mian //
|
|
.center-content{
|
|
margin-top:5px;
|
|
p {
|
|
text-align: left;
|
|
i {
|
|
margin-left: 0 !important;
|
|
}
|
|
}
|
|
}
|
|
.dashboard-default-sec,
|
|
.dashboard-2-main {
|
|
.card {
|
|
&.income-card {
|
|
.card-body {
|
|
.round-box {
|
|
margin-bottom: 10px;
|
|
width: 45px;
|
|
height: 45px;
|
|
svg {
|
|
height: 18px;
|
|
}
|
|
}
|
|
.knob-block {
|
|
canvas {
|
|
width: 80px;
|
|
height: 80px;
|
|
}
|
|
}
|
|
h5 {
|
|
font-size: 18px;
|
|
margin-bottom: 5px;
|
|
}
|
|
p {
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
}
|
|
.card-header {
|
|
i {
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.dashboard-default-sec {
|
|
#chart-dashbord {
|
|
.apexcharts-legend {
|
|
&.position-right,
|
|
&.position-left {
|
|
top: 28px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.profile-greeting {
|
|
h3 {
|
|
font-size: 22px;
|
|
margin-bottom: 5px;
|
|
}
|
|
p {
|
|
margin-bottom: 10px;
|
|
line-height: 1.4;
|
|
padding: unset;
|
|
}
|
|
}
|
|
.trasaction-sec {
|
|
.transaction-totalbal {
|
|
h2 {
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
}
|
|
|
|
// support-ticket
|
|
.support-ticket {
|
|
.pro-gress {
|
|
.total-num {
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
}
|
|
|
|
// main header css
|
|
.page-main-header {
|
|
.main-header-right {
|
|
.left-menu-header {
|
|
ul {
|
|
li {
|
|
.search-form {
|
|
// .search-bg {
|
|
// display: none;
|
|
// }
|
|
.form-control-plaintext {
|
|
top: 44px;
|
|
position: absolute;
|
|
transition: all linear 0.3s;
|
|
left: -15px;
|
|
background-color: $white;
|
|
transform: translateY(-35px) scaleY(0);
|
|
opacity: 0;
|
|
border-radius: 0;
|
|
visibility: hidden;
|
|
width: 180px !important;
|
|
padding: 10px 10px 10px 15px;
|
|
&.open {
|
|
transform: translateY(0px) scaleY(1);
|
|
opacity: 1;
|
|
visibility: visible;
|
|
transition: all linear 0.3s;
|
|
z-index: 2;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.nav-right {
|
|
.btn-primary-light {
|
|
padding: 6px 15px;
|
|
svg {
|
|
margin-right: 6px;
|
|
}
|
|
}
|
|
.bookmark-dropdown {
|
|
right: -168px;
|
|
width: 270px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.page-wrapper {
|
|
.page-main-header {
|
|
.main-header-right {
|
|
.left-menu-header {
|
|
.search-form {
|
|
> .fa {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
> .mobile-toggle {
|
|
padding-right: 15px;
|
|
}
|
|
.nav-right {
|
|
> ul {
|
|
top: 55px;
|
|
.search-form {
|
|
i {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
&.right-menu {
|
|
ul {
|
|
justify-content: flex-end;
|
|
li {
|
|
&.px-0 {
|
|
padding: 6px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
> ul {
|
|
li {
|
|
margin-right: 10px;
|
|
&.onhover-dropdown {
|
|
ul {
|
|
li {
|
|
margin-right: 0 !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.notification-dropdown {
|
|
left: -93px !important;
|
|
padding: 0;
|
|
width: 270px !important;
|
|
&.onhover-show-div {
|
|
&:before,
|
|
&:after {
|
|
left: 102px !important;
|
|
right: unset !important;
|
|
}
|
|
}
|
|
}
|
|
.chat-dropdown {
|
|
left: -132px;
|
|
width: 270px;
|
|
padding: 0;
|
|
&:after,
|
|
&:before {
|
|
left: 138px !important;
|
|
}
|
|
}
|
|
}
|
|
.main-header-left {
|
|
padding: 15px;
|
|
.toggle-sidebar {
|
|
margin-left: 20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.page-body-wrapper {
|
|
.page-header {
|
|
.btn-group {
|
|
.btn {
|
|
padding: 8px 30px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.pagination-lg {
|
|
.page-link {
|
|
font-size: 1rem;
|
|
}
|
|
}
|
|
|
|
// book mark //
|
|
.bookmark {
|
|
text-align: left;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
// main sidebar css
|
|
.page-wrapper{
|
|
&.compact-wrapper{
|
|
.page-body-wrapper {
|
|
&.sidebar-icon {
|
|
header {
|
|
&.main-nav {
|
|
top: 59px;
|
|
.main-navbar {
|
|
.nav-menu {
|
|
height: calc(100vh - 79px);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// footer
|
|
footer {
|
|
p {
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
|
|
// general widget page css
|
|
.mobile-clock-widget {
|
|
#date {
|
|
margin-top: 15px;
|
|
}
|
|
}
|
|
.social-widget-card {
|
|
.b-b-light {
|
|
padding: 15px;
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
.cal-date-widget {
|
|
.cal-datepicker {
|
|
margin-top: 15px;
|
|
}
|
|
}
|
|
.static-top-widget {
|
|
.media-body {
|
|
.icon-bg {
|
|
width: 70px;
|
|
height: 70px;
|
|
}
|
|
}
|
|
}
|
|
.animat-md-center {
|
|
text-align: center;
|
|
}
|
|
|
|
// Add post page css
|
|
.add-post {
|
|
form {
|
|
.m-checkbox-inline {
|
|
label {
|
|
margin-right: 15px;
|
|
}
|
|
}
|
|
.form-group {
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
.dropzone {
|
|
margin-bottom: 15px;
|
|
}
|
|
.btn-showcase {
|
|
text-align: center;
|
|
.btn {
|
|
margin-right: 10px;
|
|
padding: 5px 13px;
|
|
}
|
|
}
|
|
}
|
|
|
|
// internationalization page css
|
|
.main {
|
|
.langChoice {
|
|
right: 15px;
|
|
padding: 4px 7px;
|
|
}
|
|
}
|
|
.language-xs {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
// product page //
|
|
.product-color {
|
|
li {
|
|
width: 15px;
|
|
height: 15px;
|
|
}
|
|
}
|
|
ul.pro-services {
|
|
li {
|
|
h5 {
|
|
font-size: 14px;
|
|
}
|
|
p {
|
|
font-size: 13px;
|
|
}
|
|
}
|
|
}
|
|
|
|
// tab //
|
|
.tabs-scoial {
|
|
&.border-tab {
|
|
&.nav-tabs {
|
|
.nav-item {
|
|
.nav-link {
|
|
height: auto;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// avatar page css
|
|
.customers {
|
|
&.avatar-group {
|
|
margin-right: 15px;
|
|
}
|
|
}
|
|
.vertical-mobile-sidebar {
|
|
top: 19px;
|
|
}
|
|
|
|
// internationalization page //
|
|
.hdg_main {
|
|
font-size: 16px;
|
|
}
|
|
|
|
//notify index page
|
|
.alert-theme {
|
|
i {
|
|
margin-right: 10px !important;
|
|
}
|
|
button {
|
|
top: 2px !important;
|
|
}
|
|
}
|
|
.chart-widgets-small {
|
|
.chart-container {
|
|
height: unset !important;
|
|
}
|
|
}
|
|
.bar-chart-widget {
|
|
.earning-details {
|
|
i {
|
|
right: -30px;
|
|
}
|
|
}
|
|
}
|
|
.widget-joins {
|
|
&:before {
|
|
display: none;
|
|
}
|
|
.ps-0 {
|
|
padding-left: 15px !important;
|
|
}
|
|
.border-after-xs {
|
|
&:after {
|
|
content: "";
|
|
position: absolute;
|
|
height: 1px;
|
|
width: 94%;
|
|
background-color: $light-semi-gray;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
}
|
|
.clockpicker-align-top {
|
|
left: 45px !important;
|
|
top: 406px !important;
|
|
}
|
|
.gallery {
|
|
margin-bottom: -15px;
|
|
}
|
|
.my-gallery {
|
|
figure {
|
|
margin-bottom: 15px;
|
|
&:nth-child(9),
|
|
&:nth-child(10) {
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
&.gallery-with-description {
|
|
figure {
|
|
&:last-child {
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
#aniimated-thumbnials {
|
|
figure {
|
|
&:nth-child(12),
|
|
&:nth-child(11),
|
|
&:nth-child(10),
|
|
&:nth-child(9) {
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
}
|
|
.photoswipe-pb-responsive {
|
|
padding-bottom: 30px !important;
|
|
}
|
|
// social app page css
|
|
.avatar-showcase {
|
|
.pepole-knows {
|
|
text-align: center;
|
|
ul {
|
|
li {
|
|
margin-right: 14px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.social-app-profile {
|
|
.hovercard {
|
|
.user-image {
|
|
.avatar {
|
|
margin-top: -56px;
|
|
img {
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
}
|
|
.icon-wrapper {
|
|
left: 52%;
|
|
top: 10px;
|
|
height: 30px;
|
|
width: 30px;
|
|
font-size: 15px;
|
|
&:hover {
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
.share-icons {
|
|
right: 15px;
|
|
li {
|
|
margin-right: 0px;
|
|
}
|
|
}
|
|
}
|
|
.info {
|
|
.tabs-scoial {
|
|
.user-designation {
|
|
border-top: none;
|
|
border-bottom: none;
|
|
margin-bottom: 0;
|
|
padding: 0px 0px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.socialprofile {
|
|
.social-btngroup {
|
|
margin: 15px 0;
|
|
}
|
|
.social-group {
|
|
margin-top: 15px;
|
|
}
|
|
}
|
|
.social-status {
|
|
form {
|
|
.form-group {
|
|
.form-control-social {
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
}
|
|
.media {
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
.new-users-social {
|
|
margin-bottom: 15px;
|
|
}
|
|
.tabs-scoial {
|
|
position: relative;
|
|
padding-top: 90px;
|
|
li{
|
|
&:nth-child(3){
|
|
position: absolute;
|
|
top: 25px;
|
|
left: 0;
|
|
right: 0;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
&.border-tab {
|
|
&.nav-tabs {
|
|
.nav-item {
|
|
.nav-link {
|
|
padding: 10px 18px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.timeline-content {
|
|
p,
|
|
.comments-box {
|
|
margin-top: 15px;
|
|
}
|
|
.comments-box {
|
|
.media {
|
|
.m-r-20 {
|
|
margin-right: 10px;
|
|
}
|
|
.media-body {
|
|
.input-group {
|
|
.input-group-append {
|
|
.btn {
|
|
padding: 6px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.comment-number {
|
|
i {
|
|
margin-right: 15px;
|
|
}
|
|
}
|
|
}
|
|
.social-chat {
|
|
margin-top: 15px;
|
|
.media-body {
|
|
padding: 15px;
|
|
}
|
|
.your-msg,
|
|
.other-msg {
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
.social-network{
|
|
span {
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
.social-list {
|
|
.media {
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
.details-about + .details-about {
|
|
margin-top: 15px;
|
|
}
|
|
.your-details-xs {
|
|
margin-top: 15px;
|
|
}
|
|
.social-header {
|
|
h5 {
|
|
span.pull-right {
|
|
float: right !important;
|
|
margin-top: 0 !important;
|
|
svg {
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.activity-log {
|
|
.my-activity {
|
|
+ .my-activity {
|
|
margin-top: 15px;
|
|
}
|
|
}
|
|
}
|
|
.photos {
|
|
ul {
|
|
li{
|
|
width:70px;
|
|
}
|
|
}
|
|
}
|
|
.edit-profile {
|
|
.card {
|
|
.card-header {
|
|
h4 {
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
}
|
|
.profile-title {
|
|
.media {
|
|
.media-body {
|
|
h3 {
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
// timeline small page css
|
|
.timeline-small {
|
|
.media {
|
|
margin-bottom: 15px;
|
|
.media-body {
|
|
h6 {
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
.timeline-round {
|
|
&.timeline-line-1 {
|
|
&:after {
|
|
bottom: -39px;
|
|
height: 30px;
|
|
}
|
|
}
|
|
&.small-line {
|
|
&:after {
|
|
bottom: -17px;
|
|
height: 8px;
|
|
}
|
|
}
|
|
&.medium-line {
|
|
&:after {
|
|
bottom: -30px;
|
|
height: 22px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
#cd-timeline {
|
|
margin-right: unset;
|
|
}
|
|
|
|
// touchspin //
|
|
.bootstrap-touchspin {
|
|
.input-group {
|
|
.btn {
|
|
padding: 5px 15px;
|
|
}
|
|
}
|
|
}
|
|
|
|
// landing page css start
|
|
.and-many-more {
|
|
font-size: 52px;
|
|
}
|
|
.page-wrapper {
|
|
.section-space {
|
|
padding: 40px 0;
|
|
}
|
|
}
|
|
.landing_gallery_section_img {
|
|
margin-bottom: -40px;
|
|
}
|
|
.bg-sky-blue {
|
|
.main-landing {
|
|
height: 480px;
|
|
.position-cards {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
.landing-main {
|
|
h4 {
|
|
font-size: 17px;
|
|
}
|
|
.main-landing {
|
|
padding: 0px 0px 0px 0px;
|
|
}
|
|
.footer-bg {
|
|
h2 {
|
|
font-size: 21px;
|
|
}
|
|
button {
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
}
|
|
// landing page css ends
|
|
|
|
// helper classes page start
|
|
.helper-classes {
|
|
padding: 15px;
|
|
}
|
|
|
|
// helper classes page ends
|
|
.form-builder-2-header {
|
|
ul {
|
|
li {
|
|
text-align: left;
|
|
}
|
|
}
|
|
.form-inline {
|
|
display: block;
|
|
width: 100%;
|
|
.form-group {
|
|
width: 100%;
|
|
margin-right: 0;
|
|
}
|
|
button {
|
|
width: 100%;
|
|
text-align: left;
|
|
}
|
|
}
|
|
}
|
|
.page-builder {
|
|
.btn-grid {
|
|
margin-bottom: 7px;
|
|
padding-right: 5px;
|
|
}
|
|
.ge-canvas {
|
|
&.ge-editing {
|
|
.row {
|
|
padding: 15px;
|
|
}
|
|
.ge-tools-drawer {
|
|
margin: 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.wizard-4 {
|
|
.step-container {
|
|
div {
|
|
&.content {
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.nav-tabs {
|
|
.nav-item {
|
|
&.show {
|
|
.nav-link {
|
|
border-top: 0;
|
|
border-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
.nav-link {
|
|
border-top: 0;
|
|
border-bottom: 0;
|
|
&:hover,
|
|
&.active,
|
|
&:focus {
|
|
border-top: 0;
|
|
border-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.border-tab {
|
|
&.nav-tabs {
|
|
.nav-item {
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
.weather-widget-two {
|
|
.bottom-whetherinfo {
|
|
.whether-content {
|
|
top: 35px;
|
|
}
|
|
}
|
|
}
|
|
.social-widget-card {
|
|
.b-b-light {
|
|
padding: 15px;
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
.ecommerce-widget {
|
|
.progress-showcase {
|
|
margin-top: 15px;
|
|
}
|
|
}
|
|
}
|
|
.nav {
|
|
display: inherit;
|
|
text-align: center;
|
|
border-bottom: none;
|
|
}
|
|
// tab material start
|
|
.border-tab.nav-left {
|
|
.nav-link {
|
|
text-align: center;
|
|
border-left: none;
|
|
}
|
|
}
|
|
.border-tab.nav-right {
|
|
.nav-link {
|
|
text-align: center;
|
|
border-right: none;
|
|
}
|
|
}
|
|
.border-tab.nav-tabs {
|
|
margin-bottom: 10px;
|
|
}
|
|
.tab-content {
|
|
~ .nav-tabs {
|
|
&.border-tab {
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
}
|
|
// tab material end
|
|
.nav-pills {
|
|
text-align: center;
|
|
}
|
|
.crm-overall {
|
|
margin: 0 -15px -15px;
|
|
}
|
|
.product-page-main {
|
|
padding: 15px;
|
|
.m-t-15 {
|
|
margin-top: 0 !important;
|
|
.btn {
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
.pro-group {
|
|
.pro-shop {
|
|
button {
|
|
&:last-child {
|
|
margin-top: 15px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.tabbed-card {
|
|
ul {
|
|
&.border-tab {
|
|
&.nav-tabs {
|
|
.nav-item {
|
|
.nav-link {
|
|
padding: 5px 15px 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
padding: 10px 0 5px 0;
|
|
position: relative;
|
|
width: 100%;
|
|
left: 0;
|
|
}
|
|
}
|
|
.todo {
|
|
.action-box {
|
|
&.large {
|
|
height: 25px;
|
|
width: 25px;
|
|
.icon {
|
|
font-size: 14px;
|
|
vertical-align: -3px;
|
|
}
|
|
}
|
|
}
|
|
.todo-list-wrapper {
|
|
#todo-list {
|
|
li {
|
|
.task-container {
|
|
.task-label {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.mark-all-tasks {
|
|
top: 15px;
|
|
right: 15px;
|
|
}
|
|
}
|
|
}
|
|
.datetime-picker {
|
|
label {
|
|
text-align: left !important;
|
|
}
|
|
}
|
|
.redial-chart-block {
|
|
text-align: center;
|
|
}
|
|
#nav-tabContent {
|
|
margin-top: 15px;
|
|
}
|
|
.reset-password-box {
|
|
width: 430px;
|
|
}
|
|
.auth-bg {
|
|
padding: 25px 15px;
|
|
}
|
|
.auth-bg-effect {
|
|
display: none;
|
|
}
|
|
.date-picker {
|
|
.text-end {
|
|
text-align: left !important;
|
|
}
|
|
}
|
|
.dataTables_wrapper {
|
|
table {
|
|
&.dataTable {
|
|
margin-bottom: 15px !important;
|
|
}
|
|
}
|
|
}
|
|
ul {
|
|
&.pagination {
|
|
li {
|
|
&:before {
|
|
line-height: 3;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
div {
|
|
&.table-responsive {
|
|
> div {
|
|
&.dataTables_wrapper {
|
|
> div {
|
|
&.row {
|
|
> div {
|
|
&[class^="col-"] {
|
|
&:last-child {
|
|
padding-left: 0 !important;
|
|
}
|
|
&:first-child {
|
|
padding-right: 0 !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
&.dataTables_wrapper {
|
|
div {
|
|
&.dataTables_length {
|
|
margin-bottom: 15px;
|
|
select {
|
|
min-height: 30px;
|
|
}
|
|
}
|
|
}
|
|
table {
|
|
&.dataTable {
|
|
th,
|
|
td {
|
|
padding: 0.5rem;
|
|
}
|
|
}
|
|
}
|
|
div {
|
|
&.dataTables_paginate {
|
|
margin-top: 15px !important;
|
|
.paginate_button {
|
|
padding: 1px 7px;
|
|
&.previous {
|
|
font-size: 0;
|
|
padding: 0;
|
|
&:before {
|
|
content: "\e64a";
|
|
font-family: $font-themify;
|
|
font-size: 11px;
|
|
padding: 0 5px;
|
|
}
|
|
}
|
|
&.next {
|
|
font-size: 0;
|
|
padding: 0;
|
|
&:before {
|
|
content: "\e649";
|
|
font-family: $font-themify;
|
|
font-size: 11px;
|
|
padding: 0 5px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.dataTables_filter {
|
|
margin-bottom: 15px;
|
|
input {
|
|
&[type="search"] {
|
|
height: 30px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.jvector-map-height {
|
|
height: 250px;
|
|
}
|
|
.icon-hover-bottom {
|
|
.form-group {
|
|
display: flex;
|
|
}
|
|
.icon-popup {
|
|
padding: 15px;
|
|
}
|
|
svg {
|
|
&.climacon {
|
|
height: 50px;
|
|
width: 50px;
|
|
}
|
|
}
|
|
}
|
|
.blog-box {
|
|
&.blog-shadow {
|
|
&:before {
|
|
box-shadow: inset 0px -100px 100px -13px rgba(0, 0, 0, 0.6);
|
|
}
|
|
}
|
|
.blog-details {
|
|
p,
|
|
.single-blog-content-top {
|
|
margin-top: 15px;
|
|
}
|
|
h4 {
|
|
font-size: 16px;
|
|
margin-top: 10px;
|
|
}
|
|
.blog-social {
|
|
li {
|
|
font-size:12px;
|
|
font-weight:500;
|
|
&:nth-child(n+2){
|
|
padding-left:unset;
|
|
margin-left:10px ;
|
|
border-left:none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
.comment-box {
|
|
h4 {
|
|
margin-bottom: 15px;
|
|
padding-bottom: 15px;
|
|
}
|
|
ul {
|
|
ul {
|
|
margin-left: 30px;
|
|
}
|
|
}
|
|
li {
|
|
margin-bottom: 15px;
|
|
.media {
|
|
display: block;
|
|
img {
|
|
height: 50px;
|
|
width: 50px;
|
|
padding: 3px;
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.card {
|
|
.card-header {
|
|
.card-header-right {
|
|
top: 6px;
|
|
}
|
|
}
|
|
}
|
|
.ace-editor {
|
|
height: 320px;
|
|
}
|
|
.gallery {
|
|
> a {
|
|
margin-bottom: 15px;
|
|
text-align: center;
|
|
}
|
|
}
|
|
.card {
|
|
.card-header {
|
|
h5 {
|
|
font-size: 17px;
|
|
}
|
|
}
|
|
}
|
|
.theme-form {
|
|
.form-group {
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
.page-wrapper {
|
|
.page-body-wrapper {
|
|
.default-according {
|
|
.card {
|
|
.card-header,
|
|
.card-body,
|
|
.card-footer {
|
|
padding: 1rem 1.25rem;
|
|
}
|
|
}
|
|
}
|
|
.card {
|
|
box-shadow: 0 0 11px 5px $common-shadow-color;
|
|
margin-bottom: 15px;
|
|
overflow: hidden;
|
|
.card-header,
|
|
.card-body {
|
|
// padding: 15px;
|
|
.tab-content {
|
|
.m-t-30 {
|
|
margin-top: 15px !important;
|
|
}
|
|
.m-b-30 {
|
|
margin-bottom: 15px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.page-body {
|
|
padding:5px 0 !important;
|
|
padding-top:20px!important;
|
|
}
|
|
.page-header {
|
|
// padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
.row {
|
|
h3 {
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.search-form {
|
|
.form-group {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
}
|
|
/* alert responsive css start here */
|
|
$alert-name: primary, secondary, success, danger, warning, info, light, dark;
|
|
$alert-color: $primary-color, $secondary-color, $success-color, $danger-color,
|
|
$warning-color, $light-font, $light-gray, $dark-color;
|
|
|
|
@each $var in $alert-name {
|
|
$i: index($alert-name, $var);
|
|
.alert-#{$var}.inverse {
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
.alert {
|
|
.close {
|
|
height: 100%;
|
|
}
|
|
}
|
|
//business card
|
|
.calender-widget {
|
|
.cal-desc {
|
|
padding: 10px 15px 15px !important;
|
|
p {
|
|
max-height: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
//user card
|
|
.custom-card {
|
|
.card-footer {
|
|
> div {
|
|
h6 {
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
}
|
|
.card-profile {
|
|
margin-top: 25px;
|
|
}
|
|
// .card-header {
|
|
// img {
|
|
// margin-top: -195px;
|
|
// }
|
|
// }
|
|
|
|
.card-social {
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
}
|
|
|
|
//calendar
|
|
.calendar-wrap {
|
|
.fc-toolbar {
|
|
.fc-center {
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
a.fc-more {
|
|
font-size: 0.7em;
|
|
}
|
|
}
|
|
|
|
// megaoption page responsive scss
|
|
.mega-inline {
|
|
display: block;
|
|
}
|
|
.megaoptions-border-space-sm {
|
|
padding-bottom: 30px !important;
|
|
}
|
|
//blog
|
|
.blog-box.blog-shadow {
|
|
.blog-details {
|
|
padding: 15px;
|
|
p {
|
|
margin-bottom: 0;
|
|
}
|
|
h4 {
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
}
|
|
.blog-box {
|
|
.blog-details {
|
|
padding: 20px;
|
|
}
|
|
.blog-date {
|
|
span {
|
|
font-size: 25px;
|
|
}
|
|
}
|
|
}
|
|
//error and maintenace
|
|
.error-wrapper {
|
|
padding: 20px 0;
|
|
.btn {
|
|
margin-top: 15px;
|
|
}
|
|
.img-100 {
|
|
width: 50px !important;
|
|
}
|
|
.error-heading {
|
|
margin-top: 20px;
|
|
.cloud-second {
|
|
margin-top: -60px;
|
|
}
|
|
.headline {
|
|
font-size: 150px;
|
|
}
|
|
}
|
|
.maintenance-heading {
|
|
.cloud-second {
|
|
display: none;
|
|
}
|
|
.headline {
|
|
font-size:30px;
|
|
margin-top:-10%;
|
|
letter-spacing:2px;
|
|
}
|
|
}
|
|
}
|
|
|
|
//coming soon
|
|
.comingsoon {
|
|
.comingsoon-inner {
|
|
.coming-soon-bottom-link {
|
|
margin-top: 20px;
|
|
line-height: 1;
|
|
}
|
|
h5 {
|
|
margin-bottom: 20px;
|
|
margin-top: 20px;
|
|
font-size: 18px;
|
|
}
|
|
.countdown {
|
|
padding: 20px 0px;
|
|
ul li {
|
|
margin: 0 7px;
|
|
}
|
|
.title {
|
|
font-size: 12px;
|
|
}
|
|
.time {
|
|
width: 45px;
|
|
height: 45px;
|
|
line-height: 45px;
|
|
font-size: 16px;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
img{
|
|
width:auto;
|
|
height:75px;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
// Form Wizard One start
|
|
.form-wizard {
|
|
.btn-mb {
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
// Form Wizard One ends
|
|
|
|
// Form Wizard Two Start
|
|
.stepwizard {
|
|
margin-bottom: 15px;
|
|
}
|
|
// Form Wizard Two Ends
|
|
|
|
// Form Wizard Three Start
|
|
.f1 {
|
|
.f1-steps {
|
|
margin-top: 15px;
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
//Form Wizard Three ends
|
|
|
|
// form wizard--4 scss
|
|
.wizard-4 {
|
|
ul.anchor {
|
|
width: 100%;
|
|
padding-bottom: 15px;
|
|
padding-right: 0;
|
|
}
|
|
.step-container {
|
|
width: 100%;
|
|
}
|
|
}
|
|
//chart
|
|
.flot-chart-container {
|
|
height: 300px;
|
|
}
|
|
.small-chart-widget {
|
|
.chart-container {
|
|
height: unset !important;
|
|
}
|
|
}
|
|
.status-widget {
|
|
.text-sm-end {
|
|
text-align: right;
|
|
}
|
|
}
|
|
//mega menu
|
|
.mega-menu {
|
|
padding-left: 15px;
|
|
.onhover-show-div {
|
|
height: 405px;
|
|
left: 0;
|
|
top: 61px;
|
|
padding: 15px;
|
|
}
|
|
.lg-mt {
|
|
margin-top: 10px;
|
|
}
|
|
.xs-mt {
|
|
margin-top: 15px;
|
|
}
|
|
}
|
|
// navs page
|
|
.nav-md-mt {
|
|
margin-top: 15px;
|
|
}
|
|
.navs-icon {
|
|
padding: 15px;
|
|
.main-section {
|
|
padding-top: 15px;
|
|
}
|
|
.separator {
|
|
margin: 15px 0;
|
|
}
|
|
}
|
|
.nav-list {
|
|
padding: 15px;
|
|
}
|
|
.navs-dropdown {
|
|
button {
|
|
margin-top: 15px;
|
|
}
|
|
.onhover-show-div {
|
|
top: 64px;
|
|
}
|
|
}
|
|
.lg-mt {
|
|
margin-top: 15px;
|
|
}
|
|
// scroll reval
|
|
#aniimated-thumbnials {
|
|
a {
|
|
&:last-child {
|
|
img {
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// tilt
|
|
.tilt-showcase {
|
|
.mt-4 {
|
|
margin-top: 15px !important;
|
|
}
|
|
ol {
|
|
.m-b-20 {
|
|
margin-bottom: 15px !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
// state color page
|
|
.xs-mt {
|
|
margin-top: 15px;
|
|
}
|
|
// tag-pills page
|
|
span:last-child.tag-pills-sm-mb {
|
|
margin-top: 3px;
|
|
}
|
|
// alert page
|
|
|
|
// animated modal page
|
|
.animated-modal {
|
|
.form-group {
|
|
.form-control {
|
|
width: 50%;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
.animated-modal-md-mb {
|
|
margin-bottom: 15px !important;
|
|
}
|
|
}
|
|
// steps page
|
|
.steps-md-mt {
|
|
margin-top: 15px;
|
|
}
|
|
.steps-sizing-sm-mb {
|
|
margin-bottom: 15px;
|
|
}
|
|
// touchspin page
|
|
.bootstrap-touchspin {
|
|
.touchspin-vertical-tab {
|
|
.input-group {
|
|
width: 96% !important;
|
|
}
|
|
}
|
|
}
|
|
// datatable API page
|
|
#API-chield-row_wrapper {
|
|
#API-chield-row {
|
|
tbody {
|
|
tr {
|
|
td {
|
|
&:first-child {
|
|
min-width: 20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// chart-flot page
|
|
.chart-block {
|
|
.flot-chart-container {
|
|
p#choices {
|
|
width: 100%;
|
|
}
|
|
#toggling-series-flot {
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
}
|
|
// summer-note page
|
|
.click2edit {
|
|
& ~ .note-editor {
|
|
&.note-frame {
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
}
|
|
// chat page
|
|
.chat-box {
|
|
.chat-left-aside {
|
|
.people-list {
|
|
height: auto;
|
|
}
|
|
}
|
|
}
|
|
.call-chat-sidebar {
|
|
max-width: 100%;
|
|
width: 100%;
|
|
flex-basis: auto;
|
|
.people-list {
|
|
height: auto;
|
|
}
|
|
}
|
|
.chat-left-aside {
|
|
.people-list {
|
|
ul {
|
|
max-height: 300px;
|
|
}
|
|
}
|
|
}
|
|
// support ticket page
|
|
.ecommerce-widget {
|
|
.progress-showcase {
|
|
margin-top: 15px;
|
|
}
|
|
}
|
|
// forget-password page
|
|
.reset-password-box {
|
|
.theme-form {
|
|
.form-group {
|
|
.btn {
|
|
margin-top: 13px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// gallery-with-description page
|
|
.gallery-with-description {
|
|
a {
|
|
> div {
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
}
|
|
// gallery hover page
|
|
.gallery-img-mb-sm {
|
|
margin-bottom: 15px;
|
|
}
|
|
.page-wrapper {
|
|
&.document {
|
|
.landing-main {
|
|
.navbar-expand-lg {
|
|
.navbar-brand {
|
|
width: 150px;
|
|
img {
|
|
width: unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.page-body-wrapper {
|
|
&.document-content {
|
|
.page-sidebar {
|
|
.nav-pills {
|
|
text-align: left;
|
|
.nav {
|
|
text-align: left;
|
|
}
|
|
}
|
|
}
|
|
.page-body {
|
|
margin-top: 75px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// peity chart page
|
|
.xm-mb-peity {
|
|
margin-bottom: 8px;
|
|
}
|
|
// login page
|
|
.authentication-main {
|
|
padding: 30px 15px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 480px) {
|
|
.editor-toolbar a{
|
|
width: 16px;
|
|
&:before{
|
|
line-height: 30px;
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
.note-editor{
|
|
.btn-group .btn {
|
|
padding: 0.375rem 0.5rem;
|
|
}
|
|
}
|
|
.CodeMirror pre{
|
|
font-size: 12px;
|
|
}
|
|
.and-many-more {
|
|
font-size: 45px;
|
|
}
|
|
.viho-demo-section {
|
|
.viho-demo-content,
|
|
.gallery_content {
|
|
p {
|
|
font-size: 13px;
|
|
}
|
|
}
|
|
}
|
|
.and-more {
|
|
font-size: 20px;
|
|
}
|
|
.gallery-img-blur-div {
|
|
height: 70px;
|
|
}
|
|
.bg-gallery {
|
|
min-height: 390px;
|
|
}
|
|
.landing_gallery_section_img {
|
|
margin-bottom: -80px;
|
|
&:before {
|
|
height: 350px;
|
|
}
|
|
}
|
|
.box-layout {
|
|
&.page-wrapper {
|
|
.set-col-6,
|
|
.set-col-3,
|
|
.set-col-7,
|
|
.set-col-5 {
|
|
flex: 0 0 100%;
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
}
|
|
.bg-sky-blue {
|
|
.main-landing {
|
|
.landing-main-content {
|
|
h3 {
|
|
font-size: 26px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.page-wrapper {
|
|
.page-main-header {
|
|
.main-header-left {
|
|
.logo-wrapper {
|
|
img {
|
|
height: 25px;
|
|
}
|
|
}
|
|
}
|
|
// .page-wrapper .page-main-header .main-header-right .nav-right > ul
|
|
.main-header-right {
|
|
.nav-right {
|
|
> ul{
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
.btn-primary-light {
|
|
padding:5px 7px;
|
|
font-size:12px;
|
|
svg{
|
|
width:14px;
|
|
}
|
|
}
|
|
> ul {
|
|
height: 50px;
|
|
li {
|
|
margin-right: 5px;
|
|
svg {
|
|
width: 16px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.todo{
|
|
.btn{
|
|
padding: 7px 20px;
|
|
}
|
|
}
|
|
|
|
// chat
|
|
.chat-box {
|
|
.people-list {
|
|
ul {
|
|
li{
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
//landing page css
|
|
.wizard-4 {
|
|
.action-bar {
|
|
.btn {
|
|
width: 100%;
|
|
& + .btn {
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
ul {
|
|
&.notification-dropdown {
|
|
&.onhover-show-div {
|
|
width: 260px;
|
|
right: -80px;
|
|
&:before,
|
|
&:after {
|
|
right: 89px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.inline-block-sm {
|
|
display: inline-block;
|
|
}
|
|
.pagination-lg {
|
|
.page-link {
|
|
padding: 0.3rem 0.65rem;
|
|
}
|
|
}
|
|
.nav-pills {
|
|
li {
|
|
width: 100%;
|
|
}
|
|
}
|
|
.reset-password-box {
|
|
width: 290px;
|
|
}
|
|
.icon-hover-bottom {
|
|
.icon-first {
|
|
margin-right: 10px;
|
|
}
|
|
.icon-popup {
|
|
.icon-class {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
.error-wrapper {
|
|
.maintenance-heading {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
.card {
|
|
.card-header {
|
|
> span {
|
|
& + span {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.custom-card {
|
|
padding: 0;
|
|
.card-header {
|
|
img {
|
|
// margin-top: -100px;
|
|
}
|
|
}
|
|
.profile-details {
|
|
h6 {
|
|
margin-bottom: 15px;
|
|
}
|
|
h4 {
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
.card-profile {
|
|
margin-top: unset;
|
|
}
|
|
}
|
|
.card {
|
|
.card-header {
|
|
.card-header-right {
|
|
i {
|
|
margin: 0 3px;
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.knob-block {
|
|
.chart-clock-main {
|
|
.clock-small {
|
|
left: 34px;
|
|
top: 74px;
|
|
}
|
|
}
|
|
}
|
|
.knob-block {
|
|
.chart-clock-main {
|
|
margin: auto;
|
|
width: auto;
|
|
.clock-medium {
|
|
position: absolute;
|
|
left: 33px;
|
|
top: 33px;
|
|
canvas {
|
|
width: 180px !important;
|
|
height: 180px !important;
|
|
}
|
|
}
|
|
.clock-small {
|
|
left: 34px;
|
|
top: 74px;
|
|
}
|
|
.clock-large {
|
|
left: 0;
|
|
top: 0;
|
|
margin: 0 auto;
|
|
|
|
canvas {
|
|
width: 245px !important;
|
|
height: 245px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
//blog
|
|
.blog-box.blog-shadow {
|
|
.blog-details {
|
|
padding: 10px;
|
|
h4 {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
}
|
|
.cal-date-widget {
|
|
padding: 30px;
|
|
}
|
|
.calender-widget {
|
|
.cal-img {
|
|
height: 225px;
|
|
}
|
|
}
|
|
.company-card {
|
|
.details {
|
|
.media {
|
|
flex-wrap: wrap;
|
|
}
|
|
}
|
|
}
|
|
|
|
// from wizard two
|
|
.stepwizard {
|
|
.stepwizard-row {
|
|
&:before {
|
|
top: 17px;
|
|
}
|
|
.stepwizard-step {
|
|
.btn {
|
|
padding: 6px 22px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// product page
|
|
.product-sidebar {
|
|
transform: translateX(-300px) scaleX(0);
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
transition: 0.3s;
|
|
height: 0;
|
|
position: absolute;
|
|
z-index: 9;
|
|
width: 300px;
|
|
&.open {
|
|
transform: translateX(0px) scaleX(1);
|
|
box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
|
|
visibility: visible;
|
|
opacity: 1;
|
|
height: auto;
|
|
top: -45px;
|
|
}
|
|
.filter-section {
|
|
.card-header {
|
|
display: none;
|
|
}
|
|
.left-filter{
|
|
top:unset !important;
|
|
}
|
|
}
|
|
}
|
|
.feature-products {
|
|
.filter-toggle{
|
|
font-size:14px;
|
|
padding:7px 15px;
|
|
margin-left: 10px;
|
|
border-radius: 5px;
|
|
background-color: rgba($primary-color, 0.05);
|
|
color: $primary-color;
|
|
h6{
|
|
font-size:12px;
|
|
}
|
|
}
|
|
.text-end{
|
|
text-align:left !important;
|
|
}
|
|
}
|
|
.d-none-productlist{
|
|
display: block;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
|
|
// email app
|
|
.email-wrap {
|
|
.email-right-aside {
|
|
.email-content {
|
|
.email-wrapper {
|
|
.attachment {
|
|
ul {
|
|
li {
|
|
img {
|
|
width: 83px;
|
|
height: 83px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.actions {
|
|
margin-bottom:-10px;
|
|
li {
|
|
margin-bottom:10px;
|
|
.btn{
|
|
padding:5px 10px;
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
}
|
|
.email-wrapper {
|
|
.right-download{
|
|
float:none;
|
|
margin-top:5px;
|
|
}
|
|
h6{
|
|
float:none;
|
|
}
|
|
}
|
|
}
|
|
|
|
//social app
|
|
.social-app-profile{
|
|
.hovercard{
|
|
.user-image{
|
|
.share-icons {
|
|
li{
|
|
.social-icon{
|
|
width:30px;
|
|
height:30px;
|
|
}
|
|
}
|
|
}
|
|
.icon-wrapper{
|
|
top:-5px;
|
|
}
|
|
.avatar{
|
|
img{
|
|
width:80px;
|
|
height:80px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
//mega menu
|
|
.mega-menu {
|
|
padding-left: 20px;
|
|
padding-top: 3px;
|
|
.onhover-show-div {
|
|
height: 405px;
|
|
left: 0;
|
|
top: 61px;
|
|
padding: 15px;
|
|
}
|
|
.lg-mt {
|
|
margin-top: 10px;
|
|
}
|
|
.xs-mt {
|
|
margin-top: 15px;
|
|
}
|
|
}
|
|
// tag-pills
|
|
.badge {
|
|
padding: 0.42em 0.7em;
|
|
}
|
|
// alert page
|
|
.alert-dismissible {
|
|
.close {
|
|
top: -1px;
|
|
span {
|
|
font-size: 19px;
|
|
}
|
|
}
|
|
}
|
|
// bootstrap notify page
|
|
.notify-alert {
|
|
width: 90%;
|
|
}
|
|
// invoice template page
|
|
.invoice {
|
|
.text-md-end {
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
// ecoomerce page //
|
|
.product-wrapper-grid {
|
|
&.list-view {
|
|
.product-box {
|
|
display: block;
|
|
.product-img {
|
|
width: 100%;
|
|
}
|
|
.product-details {
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
//user profile
|
|
.user-profile{
|
|
.profile-header {
|
|
.profile-img-wrrap{
|
|
height:210px;
|
|
}
|
|
.userpro-box{
|
|
padding:15px;
|
|
}
|
|
}
|
|
.follow {
|
|
.follow-num{
|
|
font-size:16px;
|
|
}
|
|
span{
|
|
font-size:12px;
|
|
}
|
|
ul{
|
|
&.follow-list {
|
|
li{
|
|
&:nth-child(n+2){
|
|
margin-left: 10px;
|
|
padding-left: 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
@media screen and (max-width: 420px) {
|
|
.and-many-more {
|
|
font-size: 37px;
|
|
}
|
|
// Chat Box //
|
|
.chat-box {
|
|
.chat-right-aside {
|
|
.chat {
|
|
.chat-header {
|
|
display: block;
|
|
.chat-menu-icons {
|
|
justify-content: flex-start;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.chat-history {
|
|
.call-icons {
|
|
ul {
|
|
li {
|
|
width: 40px;
|
|
height: 40px;
|
|
a {
|
|
line-height: 1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.chat-menu{
|
|
&.show{
|
|
top:102px;
|
|
}
|
|
}
|
|
.chat-menu{
|
|
width:260px;
|
|
.people-list{
|
|
ul{
|
|
&.list{
|
|
height:360px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.chat-menu{
|
|
top:120px;
|
|
}
|
|
.product-page-main {
|
|
.pro-group {
|
|
.pro-shop {
|
|
button {
|
|
display: block;
|
|
&:nth-child(n + 2) {
|
|
margin-top: 15px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.product-page-main .border-tab.nav-tabs .nav-item {
|
|
width: 100% !important;
|
|
}
|
|
.border-tab {
|
|
&.nav-tabs {
|
|
display: block;
|
|
}
|
|
}
|
|
.tabs-scoial{
|
|
&.border-tab{
|
|
&.nav-tabs {
|
|
.nav-item {
|
|
width: auto !important;
|
|
.nav-link{
|
|
padding: 8px 8px;
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
// product page
|
|
.feature-products{
|
|
span.f-w-600{
|
|
padding-top: unset;
|
|
margin-bottom: 5px;
|
|
}
|
|
}
|
|
|
|
|
|
//user
|
|
.custom-card {
|
|
.card-social {
|
|
li {
|
|
a{
|
|
width: 25px;
|
|
height: 25px;
|
|
font-size: 12px;
|
|
}
|
|
&:nth-child(n+2){
|
|
margin-left:5px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// emial application
|
|
.email-wrap {
|
|
.email-body {
|
|
.email-compose {
|
|
.compose-header{
|
|
display:block;
|
|
.btn{
|
|
margin-top:10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// job search
|
|
.job-sidebar {
|
|
.job-left-aside{
|
|
padding:15px;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
}
|
|
@media screen and (max-width: 397px) {
|
|
.clockpicker-align-top {
|
|
top: 426px !important;
|
|
}
|
|
}
|
|
@media screen and (max-width: 360px) {
|
|
.datepicker {
|
|
width: 239px;
|
|
}
|
|
.add-post {
|
|
form {
|
|
.m-checkbox-inline {
|
|
label {
|
|
margin-bottom: 8px;
|
|
&:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.map-js-height {
|
|
height: 250px;
|
|
}
|
|
.alert-theme {
|
|
font-size: 12px;
|
|
button {
|
|
right: 30px !important;
|
|
}
|
|
i {
|
|
display: none;
|
|
}
|
|
span {
|
|
+ span {
|
|
+ span {
|
|
padding: 15px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.bar-chart-widget {
|
|
.earning-details {
|
|
i {
|
|
right: -73px;
|
|
}
|
|
}
|
|
}
|
|
.widget-joins {
|
|
.border-after-xs {
|
|
&:after {
|
|
width: 92%;
|
|
}
|
|
}
|
|
}
|
|
|
|
// chart widget page css
|
|
.status-widget {
|
|
svg {
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
}
|
|
// user cards page css
|
|
.custom-card {
|
|
.card-footer {
|
|
> div {
|
|
h6 {
|
|
font-size: 12px;
|
|
h3 {
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.main .langChoice {
|
|
padding: 4px 7px;
|
|
width: 30%;
|
|
position: unset;
|
|
margin-right: auto;
|
|
margin-top: 15px;
|
|
}
|
|
// social app page css
|
|
.tabs-scoial {
|
|
&.border-tab {
|
|
&.nav-tabs {
|
|
.nav-item {
|
|
.nav-link {
|
|
padding: 10px 5px;
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.social-chat {
|
|
.other-msg {
|
|
margin-left: 15px;
|
|
}
|
|
}
|
|
.social-header {
|
|
h5 {
|
|
span.pull-right {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
// timeline small page css
|
|
.timeline-small {
|
|
.media {
|
|
.timeline-round {
|
|
&.timeline-line-1 {
|
|
&:after {
|
|
bottom: -74px;
|
|
height: 56px;
|
|
}
|
|
}
|
|
&.small-line {
|
|
&:after {
|
|
bottom: -32px;
|
|
height: 14px;
|
|
}
|
|
}
|
|
&.medium-line {
|
|
&:after {
|
|
bottom: -59px;
|
|
height: 40px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// landing page css start
|
|
.and-many-more {
|
|
font-size: 30px;
|
|
}
|
|
.landing-main {
|
|
.section-space {
|
|
.landing-header {
|
|
h2 {
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
p {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
}
|
|
.bg-sky-blue {
|
|
.main-landing {
|
|
.landing-main-content {
|
|
h3 {
|
|
font-size: 22px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// landing page css ends
|
|
.custom-card {
|
|
.dashboard-card {
|
|
padding-top: 0;
|
|
}
|
|
}
|
|
.flot-chart-container {
|
|
height: 230px;
|
|
}
|
|
.map-block {
|
|
height: 250px;
|
|
}
|
|
.img-cropper {
|
|
.docs-tooltip {
|
|
font-size: 11px;
|
|
}
|
|
.docs-toggles {
|
|
.btn-group {
|
|
.btn {
|
|
padding: 0.375rem 0.2rem;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.blog-box {
|
|
.blog-details {
|
|
p {
|
|
line-height: 1.5;
|
|
}
|
|
.blog-social {
|
|
li:last-child {
|
|
padding-left: 0;
|
|
}
|
|
}
|
|
}
|
|
.blog-details-main {
|
|
.blog-social {
|
|
li {
|
|
padding: 0 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.button-builder-wrap {
|
|
.btn-lg {
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
|
|
/* responsive material tabs*/
|
|
.border-tab.nav-tabs {
|
|
.nav-item {
|
|
.nav-link {
|
|
padding: 10px 0px;
|
|
}
|
|
}
|
|
}
|
|
.tabs-responsive-side {
|
|
max-width: 100%;
|
|
}
|
|
//default dashboard
|
|
.browser-widget {
|
|
.media {
|
|
i {
|
|
font-size: 52px;
|
|
}
|
|
.media-body {
|
|
h4 {
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.bar-chart-widget {
|
|
.bottom-content {
|
|
.num {
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
}
|
|
// from wizard two
|
|
.stepwizard {
|
|
.stepwizard-row {
|
|
.stepwizard-step {
|
|
.btn {
|
|
padding: 6px 20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.user-status {
|
|
table {
|
|
tbody {
|
|
img {
|
|
height: 40px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.xs-width-100 {
|
|
min-width: 100%;
|
|
}
|
|
// email app
|
|
.email-wrap {
|
|
.email-right-aside {
|
|
.email-content {
|
|
.email-wrapper {
|
|
.attachment {
|
|
ul {
|
|
li {
|
|
img {
|
|
width: 65px;
|
|
height: 65px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.email-top {
|
|
.dropdown-menu {
|
|
left: -58px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// form-builder
|
|
.form-builder {
|
|
#components {
|
|
.component {
|
|
.form-group {
|
|
#button1id {
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// list wish
|
|
.prooduct-details-box {
|
|
.media {
|
|
display: block;
|
|
// padding: 15px;
|
|
.media-body {
|
|
margin-top: 15px;
|
|
margin-left: unset !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
// mega-menu
|
|
.mega-menu-p {
|
|
padding: 0 23px !important;
|
|
}
|
|
|
|
// according
|
|
.default-according {
|
|
.card {
|
|
.card-header {
|
|
i {
|
|
font-size: 14px;
|
|
top: 24px;
|
|
}
|
|
}
|
|
.btn-link {
|
|
display: block;
|
|
width: 100%;
|
|
padding-left: 17px;
|
|
}
|
|
}
|
|
}
|
|
|
|
//rating
|
|
.star-ratings {
|
|
.stars {
|
|
.title {
|
|
line-height: 1;
|
|
}
|
|
}
|
|
}
|
|
|
|
// touchspin page
|
|
.bootstrap-touchspin {
|
|
.touchspin-vertical-tab {
|
|
.input-group{
|
|
width:93% !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
// form-wizard-four page
|
|
.step-container {
|
|
height: 280px !important;
|
|
}
|
|
|
|
// jsgrid-table page
|
|
.sort-panel {
|
|
.d-inline {
|
|
.btn {
|
|
margin-left: 87px;
|
|
}
|
|
}
|
|
}
|
|
|
|
// jsgrid-table css
|
|
.jsgrid {
|
|
.jsgrid-pager-container {
|
|
.jsgrid-pager {
|
|
.jsgrid-pager-page {
|
|
padding: 0.5em 0.62em;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// chat page
|
|
.chat-box {
|
|
.chat-right-aside {
|
|
flex: 0 0 96%;
|
|
max-width: 96%;
|
|
.chat {
|
|
.chat-message {
|
|
width: calc(100% - 20px);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// error 400 page
|
|
.error-wrapper {
|
|
.error-heading {
|
|
.headline {
|
|
font-size: 100px;
|
|
}
|
|
}
|
|
}
|
|
// gallery page
|
|
.lg-toolbar {
|
|
.lg-icon {
|
|
width: 40px;
|
|
}
|
|
}
|
|
// calender page
|
|
.calendar-wrap {
|
|
a.fc-more {
|
|
font-size: 0.59em;
|
|
}
|
|
.fc {
|
|
th {
|
|
font-size: 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@media screen and (min-width:768px) {
|
|
.product-wrapper-grid {
|
|
&.list-view {
|
|
.ribbon{
|
|
display: none;
|
|
}
|
|
.col-sm-6 {
|
|
flex: 0 0 50%;
|
|
max-width: 50%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/**=====================
|
|
62. Responsive CSS Ends
|
|
==========================**/
|