.main-content{
    padding-left:50px;
}
/* #edit1_n{
  width: 300px;
} */
.brd-5 {
    width: 95.3%;
    margin-left: 1.6%;
}
@media only screen and (max-width: 600px) {
  .profile-inside .row .col-4:last-child{
    margin-left: 21vh;
  }
  #app.content-area {
    padding-left : 10px !important;
  }
  .responsive-view .inner-bg .padding-10 {
    padding : 10px !important;
  }
  /* .info-section .row .col-sm {
   padding-right: 10px !important;
  }  */
  .profile-inside .row .element-title {
    padding-left : 5px  !important;
  } 
  /* .button-common-size {
    width: 120px !important;
    margin-right: 15px !important
  } */
  .my-account-page.responsive-view .inner-bg .info-section .col-sm-4 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .my-account-page.responsive-view .widget #cusTab h4 {
    padding-left: 50px !important;
  }
    .dash-head-title {
      margin-top: -30px !important;
    padding: 5px 0px 15px 15px;
    }
    
} 
/* 
[Master Stylesheet]

Project Name:   Wooble Admin Panel (HTML)
Version:        1.1
create date:    02/May/19
Assigned to:    Mr.MAK  

=============INDEX==============
01- General Styling code
02- Home page 1
header style

03 - side menu
04 - Top Bar
05- Side Header
06- Side Menus
07- Profile
08- Color Classes
09- Add Content For
10- Widget
11- Our Clients Sec
12- Post Format
13- Filters Nav
14- Comments Style
15- Pst Carousel
16- Notifications
17- Notifaction List
18- Notification Redirect Post  
19- Link Post
20- Footer
21- User Mangement
22- User Group Creater
23- Connect Page
24- Reviews
25- Panel Group
26- Group Search
27- Location Management Edit
28- Address Form
29- Change O Radd Business Site
30- User Management User Creater
31- Ticketing Accordions
32- Post Preview Page
33- Chat System
34- Inbox
35- Image Croper Panel
36- Edit Profile
37- Tweeter Post
38- Forsquare Post
39- Cross Browser Compatibility
40- Pre-loader
*/
/*=============== Fonts  Open Sans, Pacifico ===================*/
@import url('https://fonts.googleapis.com/css?family=Open Sans:400,500,600,700|Pacifico');
/*=============== 
***General Styling 
===============*/
body {
margin: 0;
padding: 0;
font-family: "Open Sans", sans-serif;
position: relative;
font-weight: 400;
color: #888;
font-size: 14px;
}

.body-bg {
background: transparent url("../images/boxed-bg.jpg") repeat fixed 0 0;
}

.container {
padding: 0;
}

.container-fluid > .row > div {
padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Open Sans";
margin: 0;
color: #1a1a1a;
}

p {
font-size: 14px;
font-family: Open Sans;
line-height: 22px;
margin: 0;
}

ul,
ol {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}

span {
font-family: Open Sans;
}

a,
a:hover,
a:focus,
a:active {
color: inherit;
outline: none;
-webkit-text-decoration: none;
-moz-text-decoration: none;
-ms-text-decoration: none;
-o-text-decoration: none;
text-decoration: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
}

input:focus,
textarea:focus,
select:focus,
button:focus {
outline: none;
}

img {
height: auto;
max-width: 100%;
}

/*iframe {
border: 0;
width: 100%;
float: left;
height: 450px;
}*/

#html5-watermark div {
display: none !important;
}

.panel-layout {
float: left;
position: relative;
width: 100%;
height: 100%;
}

.panel.boxed {
background: none repeat scroll 0 0 #FFFFFF;
float: none;
margin: 0 auto;
overflow: hidden;
position: relative;
z-index: 1;
width: 1230px;
-webkit-box-shadow: 0 0 6px #d4d4d4;
-moz-box-shadow: 0 0 6px #d4d4d4;
-ms-box-shadow: 0 0 6px #d4d4d4;
-o-box-shadow: 0 0 6px #d4d4d4;
box-shadow: 0 0 6px #d4d4d4;
}

section {
float: left;
position: relative;
width: 100%;
}

.gap {
float: left;
padding: 30px 0;
position: relative;
width: 100%;
}

.no-gap {
padding: 0;
}

.no-top {
padding-top: 0px;
}

.no-bottom {
padding-bottom: 0px;
}

.remove-ext {
float: left;
width: auto;
margin-bottom: -30px;
}

.row.remove-70 {
margin-bottom: -70px;
}

.merged {
margin: 0px;
padding: 0;
}

.merged > div {
padding: 0;
}

.row.merged > div {
padding: 0;
}

.merged.row {
margin: 0;
}

.merged.row > div {
padding: 0;
}

.row.merg10 > div {
padding: 0 10px;
}

.row.merg10 > div:last-child {
padding-right: 5px;
}

.row.merg10 > div:first-child {
padding-left: 5px;
}

.row.merg10 {
margin: 0 -5px;
}

.bg-image {
height: 100%;
left: 0;
margin: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -2;
}

.fix-bg {
height: 100%;
left: 0;
margin: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}

.blackish:before,
.whitish:before {
background: #000000 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}

.whitish:before {
background: rgba(255,255,255,.9);
}

.high-opacity:before {
-webkit-opacity: .95;
-moz-opacity: .95;
-ms-opacity: .95;
-o-opacity: .95;
opacity: .95;
}

.medium-opacity:before {
-webkit-opacity: .85;
-moz-opacity: .85;
-ms-opacity: .85;
-o-opacity: .85;
opacity: .85;
}

.low-opacity:before {
-webkit-opacity: .75;
-moz-opacity: .75;
-ms-opacity: .75;
-o-opacity: .75;
opacity: .75;
}

.gray-bg {
float: left;
width: 100%;
background: #f4f2f2;
}

.panel-layout.boxed {
background: #fff;
float: none;
margin: 0 auto;
overflow: hidden;
z-index: 1;
width: 1230px;
-webkit-box-shadow: 0 0 6px #d4d4d4;
-moz-box-shadow: 0 0 6px #d4d4d4;
-ms-box-shadow: 0 0 6px #d4d4d4;
-o-box-shadow: 0 0 6px #d4d4d4;
box-shadow: 0 0 6px #d4d4d4;
}

textarea {
resize: none;
}

.masonry {
float: left;
width: 100%;
}

a:hover.facebook {
background: #516eab !important;
}

a:hover.twitter {
background: #55acee !important;
}

a:hover.google {
background: #dd4b39 !important;
}

a:hover.pinterest {
background: #ca212a !important;
}

a:hover.youtube {
background: #e62117 !important;
}

a:hover.dribble {
background: #1572b8 !important;
}

a:hover.linkedin {
background: #0077b5 !important;
}

a:hover.tumblr {
background: #36465d !important;
}

a:hover.rss {
background: #e3a103 !important;
}

a:hover.vk {
background: #466991 !important;
}

a.vk {
background: #466991 !important;
}

a.tumblr {
background: #36465d !important;
}

a.facebook {
background: #516eab !important;
}

a.twitter {
background: #55acee !important;
}

a.google {
background: #dd4b39 !important;
}

a.pinterest {
background: #ca212a !important;
}

/*carousel nave style*/

.owl-nav {
position: absolute;
right: 0px;
top: -53px;
}

.owl-prev,
.owl-next {
color: transparent;
}

.owl-prev::before {
background: #fff;
color: #878993;
content: "\f104";
display: inline-block;
font-family: fontawesome;
font-size: 16px;
line-height: 31px;
position: absolute;
right: 38px;
text-align: center;
top: 0px;
width: 31px;
border: 1px solid #bcbcbd;
}

.owl-next::before {
background: #fff;
color: #878993;
content: "\f105";
display: inline-block;
font-family: fontawesome;
font-size: 16px;
line-height: 31px;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 31px;
border: 1px solid #bcbcbd;
}

.owl-next:hover:before,
.owl-prev:hover:before {
color: #fff;
}

.owl-item > li {
list-style: none;
}

/*nav style end*/

/*======================/
***** Home page 1 
======================*/


.side-header, .side-header-quick {
padding-top: 90px;
background: #fff;
float: left;
height: 100%;
position: fixed;
-webkit-box-shadow: 7px 0 15px 0 rgba(69, 90, 100, 0.2);
-moz-box-shadow: 7px 0 15px 0 rgba(69, 90, 100, 0.2);
-ms-box-shadow: 7px 0 15px 0 rgba(69, 90, 100, 0.2);
-o-box-shadow: 7px 0 15px 0 rgba(69, 90, 100, 0.2);
box-shadow: 7px 0 15px 0 rgba(69, 90, 100, 0.2);
-webkit-transition: all 0.25s ease-out 0s;
-moz-transition: all 0.25s ease-out 0s;
-ms-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
width: 255px;
top: 0;
left: 0;
z-index: 99 !important;
overflow: auto;
}

.side-header.slide-out,.side-header-quick.slide-out {
left: -200px;
}

.side-header.slide-out .slide-menu > ul li a i, .side-header-quick.slide-out .slide-menu > ul li a i {
color: #9196b1;
font-size: 20px;
}

header {
display: -o-flex;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
z-index: 9;
}

.main-content {
left: 0;
padding-left: 255px;
position: relative;
width: 100%;
z-index: 1;
-webkit-transition: all 0.25s ease-out 0s;
-moz-transition: all 0.25s ease-out 0s;
-ms-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
}

.main-content.menu-slide {
padding-left: 50px;
}


.main-page {
display: -o-flex;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
width: 100%;
}

.user-head {
display: inline-block;
line-height: initial;
position: relative;
vertical-align: middle;
width: 100%;
}

.admin {
position: relative;
text-align: center;
}

.online {
background: #a1d72c none repeat scroll 0 0;
border: 2px solid #fff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
top: 13px;
display: inline-block;
height: 13px;
position: absolute;
right: -2px;
-webkit-transform: translateY(-65%);
-moz-transform: translateY(-65%);
-ms-transform: translateY(-65%);
-o-transform: translateY(-65%);
transform: translateY(-65%);
width: 13px;
}

.admin-avatar {
position: relative;
display: inline-block;
}

.admin-avatar img {
border: 2px solid rgba(0, 0, 0, 0.1);
padding: 2px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
cursor: pointer;
}

.admin > span {
cursor: pointer;
text-transform: uppercase;
font-weight: 500;
font-size: 12px;
}

.admin > span i {
margin-left: 10px;
}

.menu-item-has-children::before {
content: "\f107";
font-family: fontawesome;
position: absolute;
right: 30px;
top: 14px;
z-index: 0;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}

.menu-item-has-children.active::before {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}

.seting-area {
float: right;
/*line-height: 62px;*/
padding-top: 9px;
display: inline-block;
text-align: right;
vertical-align: middle;
padding-right: 10px;
}

.seting-area > li {
display: inline-block;
margin: 0 8px;
position: relative;
}

.seting-area > li > a {
color: #fff;
display: inline-block;
font-size: 14px;
/*line-height: initial;*/
/*text-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);*/
vertical-align: middle;
}

.seting-area > li > a i {
/*-webkit-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);*/
/*-moz-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);*/
/*-ms-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);*/
/*-o-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);*/
/*box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);*/
font-size: 16px;
}

/*animated nav icon for responsive */

.nav-icon3 {
cursor: pointer;
display: inline-block;
height: 12px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
width: 20px;

color: #fff;
margin-right: 27px;
font-size: 17px;
margin-top: 10px;
float: left;
}

.nav-icon3 span {
background: #fff none repeat scroll 0 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
display: block;
height: 2px;
left: 0;
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
position: absolute;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.25s ease-in-out 0s;
-moz-transition: all 0.25s ease-in-out 0s;
-ms-transition: all 0.25s ease-in-out 0s;
-o-transition: all 0.25s ease-in-out 0s;
transition: all 0.25s ease-in-out 0s;
width: 100%;
}

.nav-icon3 span:nth-child(1) {
top: 1px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 60%;
left: -1px;
}

.nav-icon3 span:nth-child(2),
.nav-icon3 span:nth-child(3) {
top: 6px;
}

.nav-icon3 span:nth-child(4) {
top: 11px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 60%;
left: -1px;
}

.nav-icon3.open span:nth-child(1) {
left: 50%;
top: 18px;
width: 0;
}

.nav-icon3.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.nav-icon3.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.nav-icon3.open span:nth-child(4) {
left: 50%;
top: 18px;
width: 0;
}

/*--- side menu ---*/

.side-menus.dark > .side-header {
background: #131313;
}

.sub-bar.dark {
background: #131313;
}

.side-menus {
float: left;
width: 100%;
}

.side-header > span, .side-header-quick > span {
float: left;
font-size: 12px;
margin-bottom: 20px;
padding: 0 27px;
width: 100%;
margin-top: 20px;
}

.side-menus nav {
float: left;
width: 100%;
}

.side-menus nav > ul {
float: left;
list-style: outside none none;
margin: 0;
padding: 0;
width: 100%;
}

.side-menus nav > ul > li {
float: left;
position: relative;
width: 100%;
cursor: pointer;
color: #333;
}

.side-menus nav > ul > li.active {
background: #f4f8ff;
}

.side-menus nav > ul > li > a {
/* float: left; */
/* font-family: lato; */
/* font-size: 13px; */
/* padding: 10px 18px; */
/* width: 100%; */
/* text-transform: capitalize; */
}

.side-menus nav > ul > li > a:hover {
/* background: #f4f8ff none repeat scroll 0 0; */
}

.side-menus nav > ul > li > a > i {
/* display: inline-block; */
/* font-size: 13px; */
/* line-height: 24px; */
/* margin-right: 4px; */
/* width: 20px; */
}

.side-menus nav > ul > li > a > span {
/* display: inline-block; */
}

.side-menus nav > ul > li > a > ins {
background: rgba(0, 0, 0, 0) linear-gradient(to right, #f77062 0%, #fe5196 100%) repeat scroll 0 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
color: #fff;
float: right;
font-size: 10px;
padding: 2px 9px;
-webkit-text-decoration: none;
-moz-text-decoration: none;
-ms-text-decoration: none;
-o-text-decoration: none;
text-decoration: none;
margin-top: 3px;
}

.side-header.slide-out .slide-menu > ul li a ins, .side-header-quick.slide-out .slide-menu > ul li a ins {
padding: 2px 6px;
position: absolute;
right: 8px;
text-align: center;
top: 0;
}

.side-header.slide-out:hover .slide-menu > ul li a ins, .side-header-quick.slide-out:hover .slide-menu > ul li a ins {
position: unset;
}

.side-menus ul li a span i.badge,
.side-menus ul li a i.badge {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
float: right;
font-size: 11px;
font-style: normal;
font-weight: normal;
margin-right: 26px;
}

.side-menus nav > ul > li.menu-item-has-children > ul {
display: none;
float: left;
list-style: outside none none;
margin: 0;
padding: 5px 0 5px 20px;
width: 100%;
background: #f4f8ff;
}

.side-menus nav > ul > li.menu-item-has-children > ul > li {
float: left;
width: 100%;
}

.side-menus nav > ul > li.menu-item-has-children > ul > li > a {
float: left;
font-family: lato;
font-size: 13px;
padding: 5px 30px 5px 50px;
position: relative;
width: 100%;
text-transform: capitalize;
}

.side-menus nav > ul > li.menu-item-has-children > ul > li > a.active {
background: #fff;
}

.side-menus nav > ul > li.menu-item-has-children > ul > li > a::before {
background: #686d86 none repeat scroll 0 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
content: "";
height: 5px;
left: 33px;
position: absolute;
top: 10px;
width: 5px;
}

.side-menus nav > ul > li.menu-item-has-children > ul > li > a.active:before {
background: rgba(0, 0, 0, 0) linear-gradient(to right, #f77062 0%, #fe5196 100%) repeat scroll 0 0;
}

.side-menus nav > ul > li.menu-item-has-children > ul > li > a:hover {
background: #fff;
}

.side-menus > span.footer-line {
margin-bottom: 60px;
margin-top: 30px;
}

.side-header > span.footer-line a, .side-header-quick > span.footer-line a {
color: #dfdfdf;
}

.side-menu-sec.slide-out {
left: -266px;
}

.red-bg {
background: rgba(0, 0, 0, 0) linear-gradient(to right, #f77062 0%, #fe5196 100%) repeat scroll 0 0;
}

.blue-bg {
background: rgba(0, 0, 0, 0) linear-gradient(to right, #b275f0 0%, #7575f0 100%) repeat scroll 0 0;
}

.green-bg {
background: rgba(0, 0, 0, 0) linear-gradient(to right, #9be15d 0%, #00e3ae 100%) repeat scroll 0 0;
}

.sea-green-bg {
background: rgba(0, 0, 0, 0) linear-gradient(to right, #4facfe 0%, #00f2fe 100%) repeat scroll 0 0;
}


.notify-area {
display: inline-block;
list-style: outside none none;
vertical-align: middle;
}

.notify-area > li,
.setting > li {
display: inline-block;
margin-right: 12px;
padding-right: 17px;
position: relative;
text-transform: capitalize;
font-weight: 500;
font-size: 12px;
line-height: initial;
}

.setting {
float: right;
list-style: outside none none;
padding-left: 0;
}

.notify-area > li > a {
color: #FFF;
font-size: 13px;
text-transform: uppercase;
text-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
}

.notify-area li a i {
font-size: 16px;
color: #fff;
-webkit-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
-o-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
}

.notify-area > li > span {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
color: #fff;
display: inline-block;
font-size: 8px;
font-weight: bold;
line-height: 18px;
position: absolute;
right: 8px;
text-align: center;
top: -10px;
width: 19px;
-webkit-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
-o-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
}

.seting-area > li > span {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
color: #fff;
display: inline-block;
font-size: 8px;
font-weight: bold;
line-height: 18px;
position: absolute;
right: -13px;
text-align: center;
top: -6px;
width: 19px;
-webkit-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
-o-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
}

.setting li i.fa-power-off {
color: #64f624;
}

.panel-body {
background:#f4f8ff;
float: left;
margin-top: 50px;
width: 100%;
/* height:100%;*/
padding: 0;
}

.sub-bar {
display: inline-block;
margin-bottom: 30px;
padding-left: 0;
padding-right: 0;
-webkit-transition: all 0.25s ease-out 0s;
-moz-transition: all 0.25s ease-out 0s;
-ms-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
width: 100%;
}

.sub-title h4 {
display: inline-block;
font-size: 15px;
vertical-align: middle;
width: auto;
text-transform: capitalize;
}

.sub-title span {
display: inline-block;
font-size: 11px;
padding-left: 5px;
vertical-align: middle;
}

.sub-title {
display: inline-block;
line-height: initial;
vertical-align: baseline;
width: 49%;
}

.t-search {
display: inline-block;
text-align: right;
vertical-align: middle;
/*line-height: initial;*/
}




.bread-crumb {
float: right;
list-style: outside none none;
padding-left: 30px;
width: auto;
}

.bread-crumb > li {
display: inline-block;
font-size: 12px;
margin-right: 15px;
position: relative;
text-transform: capitalize;
}

.bread-crumb > li:last-child {
margin-right: 0;
}

.bread-crumb > li::before {
content: "/";
position: absolute;
right: -12px;
top: 0;
}

.bread-crumb > li:last-child::before {
display: none;
}

.content-area {
background: #f4f8ff;
float: left;
width: 100%;
/*  height: 100%;*/
padding: 20px 30px;
}

.content-area > .widget:nth-child(2) {
margin-top: 0;
}

/*---- info section ----*/

.top-25 {
margin-top: 24px;
}

.info-section {
display: inline-block;
width: 100%;
}

.info-section > div.panel-widget:last-child {
margin-right: 0;
}

.panel-widget {
background: #fff none repeat scroll 0 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
float: left;
margin-right: 29px;
width: 31.4%;
}

.b-meta > img {
float: left;
}

.b-meta > i {
color: #999;
display: inline-block;
font-size: 34px;
margin-top: 5px;
vertical-align: top;
}

.info-meta {
display: inline-block;
overflow: hidden;
padding-left: 15px;
vertical-align: middle;
width: 80%;
}

.total-meta {
float: left;
padding: 15px 20px;
width: 100%;
}

.total-meta > span {
float: left;
font-size: 12px;
font-weight: 500;
margin-top: 5px;
text-transform: uppercase;
}

.total-meta > i {
color: #fff;
float: right;
font-size: 20px;
font-style: normal;
font-weight: 500;
vertical-align: top;
}

.b-meta {
float: left;
padding: 23px 25px;
width: 100%;
}

.panel-widget .b-meta > span {
background: #e9e9e9;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
float: left;
height: 7px;
margin-top: 30px;
position: relative;
width: 100%;
}

.b-meta > span::before {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
}

.b-meta > span.yellish::before {
background: #ffb400;
}

.b-meta > span.purpe::before {
background: #b80add;
}

.b-meta > span.radish::before {
background: #e84f4c;
}

.b-meta > span.grenish::before {
background: #1ec329;
}

.b-meta > span.fourty::before {
width: 40%;
}

.b-meta > span.fifty::before {
width: 50%;
}

.b-meta > span.seventy::before {
width: 70%;
}

.b-meta > span.ninty::before {
width: 90%;
}

.info-meta > h4 {
font-size: 30px;
margin-bottom: 5px;
display: inline-block;
}

.info-meta > p {
float: right;
font-size: 14px;
margin-top: 10px;
width: auto;
}

.info-meta > span {
font-size: 12.7px;
text-transform: capitalize;
display: inline-block;
width: 100%;
}

.quick-all-report {
float: left;
padding: 30px 0px;
text-align: center;
width: 100%;
}

.quick-all {
float: left;
width: 100%;
}

.quick-all > h4 {
float: left;
font-family: Roboto;
font-size: 21px;
margin: 16px 0 0;
width: 100%;
}

.quick-all > p {
float: left;
font-size: 14px;
margin: 0;
width: 100%;
}

/*--- different style ---*/

.info-section.style2 .b-meta {
border: 1px solid #d5d5d5;
}

.info-section.style3 .b-meta.red {
border: 3px solid #eaa39d;
}

.info-section.style3 .b-meta.red > span::before {
background-color: #eaa39d;
}

.info-section.style3 .b-meta.blue {
border: 3px solid #9ed4eb;
}

.info-section.style3 .b-meta.blue > span::before {
background-color: #9ed4eb;
}

.info-section.style3 .b-meta.green {
border: 3px solid #9feba1;
}

.info-section.style3 .b-meta.green > span::before {
background-color: #9feba1;
}

.info-section.style3 .b-meta.yellow {
border: 3px solid #eee89a;
}

.info-section.style3 .b-meta.yellow > span::before {
background-color: #eee89a;
}

.info-section.style4 .b-meta {
-webkit-box-shadow: 3px 3px 3px #ccc;
-moz-box-shadow: 3px 3px 3px #ccc;
-ms-box-shadow: 3px 3px 3px #ccc;
-o-box-shadow: 3px 3px 3px #ccc;
box-shadow: 3px 3px 3px #ccc;
}

.info-section.style5 .b-meta.red {
background: #eaa39d;
}

.info-section.style5 .b-meta.blue {
background: #9ed4eb;
}

.info-section.style5 .b-meta.green {
background: #9feba1;
}

.info-section.style5 .b-meta.yellow {
background: #eee89a;
}

.info-section.style5 .b-meta .info-meta > h4,
.info-section.style5 .b-meta .info-meta > span {
color: #fff;
}

.info-section.style5 .b-meta > span::before {
background: #2d353b;
}

/*-- infosection widget style 2 ---*/

.info-meta > h4 > ins {
font-size: 18px;
-webkit-text-decoration: none;
-moz-text-decoration: none;
-ms-text-decoration: none;
-o-text-decoration: none;
text-decoration: none;
}

.spark {
float: left;
margin-top: 10px;
width: 100%;
text-align: center;
}

.panel-widget.style2 .info-meta > span {
display: inline-block;
width: 100%;
}

.info-meta > i {
float: right;
font-style: normal;
}

/*--- outgoing projects widget ---*/

.widget {
background: #fff none repeat scroll 0 0;
/* border: 1px solid #ddd; */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
margin-top: 30px;
display: inline-block;
position: relative;
-webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
width: 100%;
}

.widget.loading-wait::before {
display: block;
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
-ms-opacity: 0.8;
-o-opacity: 0.8;
opacity: 0.8;
}

.widget.expand-this {
height: 100%;
left: 0;
margin: 0;
position: fixed !important;
top: 0;
width: 100%;
padding-left: 60px !important;
z-index: 2147483647;
}

.widget::before {
background-color: #ffffff;
background-image: url("../images/loader.gif");
background-position: center center;
background-repeat: no-repeat;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
content: "";
display: none;
height: 100%;
left: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
position: absolute;
top: 0;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
width: 100%;
z-index: 9;
}

.widget-title {
border-bottom: 1px solid #f1f1f1;
float: left;
padding: 14px 25px;
margin-bottom: 20px;
position: absolute;
width: 100%;
z-index: 9;
}

.widget-title.no-margin {
margin-bottom: 0;
}

.widget-title > h4 {
float: left;
text-transform: capitalize;
font-weight: 400;
margin-bottom: 0;
position: relative;
font-size: 17px;
}

.col-md-4 .widget .widget-title > h4,
.col-lg-4 .widget .widget-title > h4 {
font-size: 17px;
}

.widget-title > h4::after {
background: rgba(0, 0, 0, 0) linear-gradient(to right, #b275f0 0%, #7575f0 100%) repeat scroll 0 0;
content: "";
height: 20px;
left: -25px;
position: absolute;
top: 0;
width: 4px;
}

.widget-title > span {
display: inline-block;
padding-left: 14px;
text-transform: capitalize;
vertical-align: sub;
font-size: 13px;
}

.widget-title > em {
float: left;
width: 100%;
font-size: 12px;
}

.widget-controls {
float: right;
}

.widget-controls > li {
cursor: pointer;
display: inline-block;
margin-left: 8px;
position: relative;
}
.widget-controls > li.expand-content::before {
background: #9b9b9b;
content: "";
display: none;
height: 3px;
left: 0;
position: absolute;
top: 13px;
width: 100%;
}

.widget.expand-this .widget-controls > li.expand-content::before {
display: block;
}

.widget.expand-this .widget-controls > li.expand-content i.icon-frame {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
}

.widget-controls > li i {
font-size: 13px;
vertical-align: middle;
}

.widsub-title {
background: #4ea2f0 none repeat scroll 0 0;
color: #fff;
float: left;
padding: 14px 0;
text-align: center;
width: 100%;
-webkit-transition: all 0.5s linear 0.2s;
-moz-transition: all 0.5s linear 0.2s;
-ms-transition: all 0.5s linear 0.2s;
-o-transition: all 0.5s linear 0.2s;
transition: all 0.5s linear 0.2s;
}

.widsub-title > h5 {
float: left;
text-transform: capitalize;
width: 100%;
font-size: 13px;
}

.widget.style2 .widget-title {
background: #171717 none repeat scroll 0 0;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-ms-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}

.widget.style2 .widget-title > h4 {
color: #fff;
}

.widget.style2 .widget-peding {
padding: 30px 35px;
}

/*--- table style ---*/

.main-table .table {
margin-bottom: 0;
display: table;
}

.main-table .table thead {
background: #f1f5f7;
}

.main-table .table thead tr th {
border-bottom: medium none;
font-size: 14px;
font-weight: 600;
padding: 0 20px;
text-transform: capitalize;
}

.main-table .table thead tr th i {
margin-right: 5px;
}

.main-table .table thead tr th {
line-height: 45px;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
border-top: none;
vertical-align: middle;
}

.main-table .table tbody td {
padding: 10px 20px;
}

.prj-team {
display: inline-block;
vertical-align: middle;
width: 100%;
}

.prj-team > span {
float: left;
margin-right: -12px;
}

.prj-team > span img {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
width: 30px;
border: 2px solid #fff;
}

.main-table .table tbody td span.sr {
font-size: 12px;
}

.project-title > h5 {
float: left;
width: 100%;
font-size: 14px;
line-height: 22px;
}

.project-title > a {
display: inline-block;
margin-right: 11px;
position: relative;
text-transform: capitalize;
font-size: 12px;
}

.project-title > a::before {
content: "/";
position: absolute;
right: -10px;
top: 0;
}

.project-title > a:last-child::before {
display: none;
}

.owner-pic {
display: inline-block;
vertical-align: middle;
}

.owner-info {
display: inline-block;
overflow: hidden;
padding-left: 10px;
vertical-align: middle;
}


.owner-info > span {
font-size: 11px;
}

.progres {
font-size: 12px;
font-weight: bold;
}

.priority {
padding-left: 17px;
position: relative;
text-transform: capitalize;
font-size: 12px;
}

.clear_all{
cursor: pointer;
margin-top: 10px;
display: inline-block;
/* margin-bottom: 10px */
/* font-weight: bold; */
font-size: 11px;
}

.due,
.amount {
font-size: 12px;
}

.priority::before {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
content: "";
height: 10px;
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 10px;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}

.main-table tbody tr {
border: 1px solid #eaeaea;
}

.priority.low::before {
background: #37bc9b;
}

.priority.medium::before {
background: #f6bb42;
}

.priority.high::before {
background: #ff8684;
}

.main-table.recent-invoice .priority {
text-transform: uppercase;
}

.main-table.recent-invoice .project-title > h5 {
text-transform: uppercase;
font-size: 12px;
}

/*--- message notification dropdowns ---*/
/* 
.drop {
background: #fff none repeat scroll 0 0;
display: inline-block;
left: -41px;
position: absolute;
top: 38px;
width: 300px;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
visibility: hidden;
-webkit-box-shadow: 0 2px 28px rgba(0, 0, 0, 0.07);
-moz-box-shadow: 0 2px 28px rgba(0, 0, 0, 0.07);
-ms-box-shadow: 0 2px 28px rgba(0, 0, 0, 0.07);
-o-box-shadow: 0 2px 28px rgba(0, 0, 0, 0.07);
box-shadow: 0 2px 28px rgba(0, 0, 0, 0.07);
-webkit-transform: translateX(25px);
-moz-transform: translateX(25px);
-ms-transform: translateX(25px);
-o-transform: translateX(25px);
transform: translateX(25px);
}

.drop.active {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}

.drop .drop-head {
background: #fff none repeat scroll 0 0;
float: left;
font-size: 16px;
font-weight: 600;
padding: 20px 33px 10px;
position: relative;
width: 100%;
z-index: 3;
}

.drop .drop-bottom:hover a {
color: #fff;
}

.drop-head i {
float: right;
font-size: 15px;
}

.drop-head::before,
.mega-menu:before {
border-bottom: 7px solid #fff;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
content: "";
left: 43px;
position: absolute;
top: -7px;
}

.mega-menu::before {
left: 120px;
right: auto;
}

.drop-bottom {
background: #f4f4f4;
color: #333;
float: left;
padding: 10px;
text-align: center;
width: 100%;
-webkit-box-shadow: 0 5px 5px #d8d8d8;
-moz-box-shadow: 0 5px 5px #d8d8d8;
-ms-box-shadow: 0 5px 5px #d8d8d8;
-o-box-shadow: 0 5px 5px #d8d8d8;
box-shadow: 0 5px 5px #d8d8d8;
}

.drop .drop-bottom a {
display: inline-block;
text-transform: capitalize;
font-weight: 500;
font-size: 12px;
}

.drop .drop-bottom a i {
margin-right: 4px;
}

.drop .drop-meta {
padding: 0px 25px;
width: 100%;
max-height: 268px;
position: relative;
}

.drop .drop-meta > li i.notifi-icon {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
color: #fff;
display: inline-block;
font-style: normal;
line-height: 42px;
text-align: center;
width: 42px;
vertical-align: middle;
} */

.drop .drop-meta > li i.notifi-icon.blue {
background: #00bcd4;
}

.drop .drop-meta > li i.notifi-icon.red {
background: #e53935;
}

.drop .drop-meta > li i.notifi-icon.yellow {
background: #f9a825;
}

.notifi-meta {
display: inline-block;
padding-left: 10px;
vertical-align: middle;
width: 80%;
}

.notifi-meta > h4 {
text-transform: capitalize;
width: 100%;
font-size: 12px;
font-weight: 500;
line-height: 18px;
}

.notifi-meta > span {
font-size: 10px;
}

.drop-meta > li {
border-bottom: 1px solid #ededed;
float: left;
margin-bottom: 15px;
padding-bottom: 15px;
width: 100%;
line-height: initial;
}

.drop-meta > li img{
border-radius: 100%;
}

.drop-meta > li:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}

.drop.setting {
left: -163px;
line-height: initial;
top: 52px;
width: 190px;
}

.drop.setting .drop-head > i {
color: #f05050;
font-size: 11px;
font-style: normal;
padding-top: 5px;
width: 100%;
}

.drop.setting .drop-head {
text-transform: uppercase;
}

.drop.setting .drop-bottom a {
text-transform: uppercase !important;
}

.drop.setting .drop-head::before {
left: auto;
right: 22px;
}

.drop.setting .drop-meta > li a i {
margin-right: 8px;
}

.drop.setting .drop-meta > li a {
font-size: 12px;
text-transform: capitalize;
}

.drop.setting .drop-meta > li {
border-bottom: medium none;
padding-bottom: 0;
}

.drop.messages .notifi-meta > h4 {
color: #005555;
overflow-x: hidden;
text-overflow: ellipsis;
text-transform: none;
white-space: nowrap;
}

.drop.messages .notifi-meta > span {
float: right;
line-height: initial;
}

.drop.language {
left: 0;
top: 100%;
width: 110px;
}

.drop.language > li {
border-bottom: 1px solid #eaeaea;
font-size: 14px;
line-height: initial;
position: relative;
}

.drop.language > li:last-child {
border-bottom: 0 none;
}

.drop.language > li a {
color: inherit;
font-size: inherit;
display: inline-block;
padding: 5px 20px;
width: 100%;
}

.drop.language > li a:hover {
background: #f1f5f7 none repeat scroll 0 0;
}

.mega-menu {
background: #fff none repeat scroll 0 0;
-webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2);
float: left;
left: -110px;
padding: 35px 20px;
position: absolute;
top: 39px;
width: 800px;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
visibility: hidden;
z-index: 2;
}

.mega-menu.active {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
visibility: visible;
}

.mega-title {
float: left;
font-size: 14px;
font-weight: 600;
padding-bottom: 15px;
text-transform: capitalize;
width: 100%;
}

.mega-links {
float: left;
padding-bottom: 35px;
width: 100%;
}

.mega-links > li a {
text-transform: capitalize;
font-size: 13px;
line-height: 28px;
}

.mega-links > li {
float: left;
padding-left: 12px;
position: relative;
width: 100%;
}

.mega-links > li::before {
background: #898989 none repeat scroll 0 0;
content: "";
height: 1px;
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 4px;
}

/*--- mega menu ---*/

.new-post {
float: left;
width: 100%;
}

.new-post > h4 {
font-size: 15px;
font-weight: 600;
line-height: 15px;
text-transform: capitalize;
}

.mega-posts {
float: left;
width: 100%;
margin-top: 25px;
}

.new-pst-img {
display: table-cell;
max-width: 30%;
vertical-align: middle;
width: 30%;
}

.new-pst-img img{border-radius: 100%;}

.new-pst-meta {
display: table-cell;
padding-left: 15px;
vertical-align: middle;
width: 100%;
}

.new-pst-meta > h4 {
text-transform: capitalize;
font-size: 11px;
line-height: 18px;
}

.new-pst-meta > span {
text-transform: capitalize;
float: left;
width: 100%;
padding-top: 5px;
font-size: 11px;
}

a.view-more {
background: #333 none repeat scroll 0 0;
color: #fff;
float: left;
font-size: 13px;
line-height: 43px;
margin-top: 30px;
text-align: center;
text-transform: capitalize;
width: 100%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}

/*--- user activity widget ---*/

.widget-peding {
float: left;
padding: 0 25px 20px;
width: 100%;
}

.active-usr {
display: inline-block;
max-width: 17%;
vertical-align: top;
width: 17%;
position: relative;
}

.active-usr img{border-radius: 100%;}

.active-info {
display: inline-block;
padding-left: 10px;
vertical-align: top;
width: 81%;
}

.active-info > h5 {
float: left;
font-size: 12px;
text-transform: uppercase;
width: 100%;
}

.active-info > span {
font-size: 10px;
float: right;
}

.active-info > p {
display: inline-block;
font-size: 11px;
line-height: 15px;
padding-top: 5px;
width: 67%;
}

.user-active {
float: left;
margin-bottom: 23px;
position: relative;
width: 100%;
}

.active-usr::before {
background: #eaeaea none repeat scroll 0 0;
bottom: -36px;
content: "";
height: 36px;
left: 44%;
position: absolute;
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-o-transform: translate(-50%);
transform: translate(-50%);
width: 1px;
}

.user-active:last-child {
margin-bottom: 0;
}

.user-active:last-child .active-usr::before {
display: none;
}

/*--- user activity widget END ---*/

/*--- user statics widget ---*/

.browser-static {
float: left;
width: 100%;
}

.browser-static > li {
float: left;
text-transform: capitalize;
width: 100%;
margin-bottom: 23.5px;
font-size: 13px;
}

.browser-static > li:last-child {
margin-bottom: 0;
}

.browser-static > li span {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
color: #fff;
display: inline-block;
float: right;
padding: 2px 10px;
text-align: center;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
font-size: 11px;
}

span.blue {
background: #04a9f5 none repeat scroll 0 0;
}

span.red {
background: #ff8684 none repeat scroll 0 0;
}

span.yellow {
background: #f6bb42 none repeat scroll 0 0;
}

span.green {
background: #37bc9b none repeat scroll 0 0;
}

span.green:before {
background: #3de4ff;
}

span.purpal:before {
background: #a389d4;
}

span.blue:before {
background: #04a9f5;
}

/*--- user activity widget END ---*/

/*--- user list widget  ---*/

.user-list > li {
border-bottom: 1px solid #eaeaea;
float: left;
margin-bottom: 13px;
padding-bottom: 13px;
width: 100%;
position: relative;
}

.user-list {
float: left;
width: 100%;
}

.user-list > li:last-child {
border: medium none;
margin-bottom: 0;
}

.mango::before,
.berry::before,
.carrot::before {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
content: "";
height: 8px;
position: absolute;
right: -10px;
top: 50%;
width: 8px;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}

.mango::before {
background: #f6bb42;
}

.berry::before {
background: #5742f6;
}

.carrot::before {
background: #ff8684;
}

/*--- admin widget ---*/

.admin-widg > img {
float: left;
width: 100%;
max-height: 164px;
min-height: 164px;
}

.widget-peding > img {
border: 5px solid #fff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
margin-top: -51px;
position: relative;
z-index: 7;
}

.widget-peding.employee {
text-align: center;
}

.employee > h4 {
display: inline-block;
font-size: 14px;
padding-bottom: 12px;
padding-top: 13px;
text-transform: uppercase;
width: 100%;
}

.widget-peding.employee > span {
background: rgba(0, 0, 0, 0) linear-gradient(to right, #01a9ac 0%, #01dbdf 100%) repeat scroll 0 0;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
/*
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
*/
color: #fff;
display: inline-block;
font-size: 12px;
margin-bottom: 23px;
padding: 10px 25px;
text-transform: capitalize;
cursor:pointer;
line-height: 14px;
}

.socials {
float: left;
width: 100%;
padding-bottom: 15px;
}

.socials > li a {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
-o-border-radius: 7px;
border-radius: 7px;
color: #fff;
display: inline-block;
font-size: 15px;
line-height: 32px;
text-align: center;
width: 40px;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}

.socials > li {
display: inline-block;
}

.socials > li a:hover i {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}

/*--- todo list widget ---*/

.todo {
float: left;
width: 100%;
}

.todo > li span {
display: inline-block;
font-size: 14px;
padding-left: 15px;
text-transform: capitalize;
vertical-align: text-bottom;
}

.todo > li {
border-bottom: 1px solid #eaeaea;
float: left;
padding-top: 16px;
padding-bottom: 11px;
width: 100%;
position: relative;
}

.todo > li.active {
background: #f1f5f7 none repeat scroll 0 0;
padding-left: 10px;
margin-top: 1px;
}

.todo li.active > span {
-webkit-text-decoration: line-through;
-moz-text-decoration: line-through;
-ms-text-decoration: line-through;
-o-text-decoration: line-through;
text-decoration: line-through;
}

.todo li.active a.del-content {
display: block;
}

.todo li a.del-content {
float: right;
font-size: 13px;
margin-right: 20px;
margin-top: 2px;
display: none;
}

.add-new {
float: left;
margin-top: 34px;
position: relative;
width: 100%;
display: block;
}

.add-new > input {
border: 1px solid #eaeaea;
float: left;
font-size: 11px;
padding: 15px 33px;
width: 100%;
}

/*--- feed widget ---*/

.feeds {
float: left;
width: 100%;
}

.feeds > li {
float: left;
padding-bottom: 30px;
padding-left: 25px;
position: relative;
width: 100%;
}

.feeds > li:last-child {
padding-bottom: 0;
}

.date {
float: left;
font-size: 11px;
width: 100%;
}

.feeds > li h5 {
float: left;
padding-top: 7px;
width: 100%;
font-size: 12px;
}

.feeds > li::before {
-webkit-border-radius: 500%;
-moz-border-radius: 500%;
-ms-border-radius: 500%;
-o-border-radius: 500%;
border-radius: 500%;
content: "";
height: 10px;
left: 0;
position: absolute;
top: 4px;
width: 10px;
}

.feeds > li::after {
content: "";
height: 100%;
left: 4px;
position: absolute;
top: 14px;
width: 1px;
}

.feeds > li.green::before,
.feeds > li.green::after {
background: #1de9b6 none repeat scroll 0 0;
}

.feeds > li.red::before,
.feeds > li.red::after {
background: #ff8684;
}

.feeds > li.yellow::before,
.feeds > li.yellow::after {
background: #ff8f00;
}

.feeds > li.blue::before,
.feeds > li.blue::after {
background: #7045ff;
}

/*--- event calander ---*/

.events {
background: #f5f5f5 none repeat scroll 0 0;
border-left: 1px solid #fff;
-webkit-border-radius: 0 0 5px;
-moz-border-radius: 0 0 5px;
-ms-border-radius: 0 0 5px;
-o-border-radius: 0 0 5px;
border-radius: 0 0 5px;
-webkit-box-shadow: 10px 5px 15px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 10px 5px 15px 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: 10px 5px 15px 0 rgba(0, 0, 0, 0.1);
-o-box-shadow: 10px 5px 15px 0 rgba(0, 0, 0, 0.1);
box-shadow: 10px 5px 15px 0 rgba(0, 0, 0, 0.1);
float: left;
margin-top: 30px;
width: 100%;
}

.event-head {
background: #fff none repeat scroll 0 0;
float: left;
padding: 23px 20px;
text-align: center;
width: 100%;
}

.event-head > h5 {
color: #000;
font-size: 12px;
text-transform: uppercase;
}

.event-detail > li {
float: left;
margin-bottom: 30px;
width: 100%;
}

.event-detail span {
font-size: 11px;
}

.event-detail h6 {
font-size: 12px;
padding: 5px 0;
text-transform: uppercase;
}

.event-detail p {
font-size: 12px;
}

.event-detail > li:last-child {
margin-bottom: 0;
}

.event-detail {
float: left;
padding: 37px 35px;
width: 100%;
}

/*===== Calender Widget =====*/

.clndr {
float: left;
width: 100%;
}

.jQueryDatepicker_header {
background: #fff;
height: 61px;
-webkit-border-radius: 5px 0 0;
-moz-border-radius: 5px 0 0;
-ms-border-radius: 5px 0 0;
-o-border-radius: 5px 0 0;
border-radius: 5px 0 0;
}

.jQueryDatepicker_header_sidebutton {
height: initial;
margin-top: -15px;
padding: 0;
top: 50%;
}

.jQueryDatepicker_header_sidebutton__left {
left: 25%;
}

.jQueryDatepicker_header_sidebutton__right {
right: 25%;
}

.jQueryDatepicker_header_sidebutton img {
display: none;
}

.jQueryDatepicker_header_sidebutton > div {
background: #fff none repeat scroll 0 0;
height: 30px;
position: relative;
width: 30px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}

.jQueryDatepicker_header_bG::after {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}

.jQueryDatepicker_header_sidebutton > div::before {
font-family: fontawesome;
font-size: 18px;
left: 50%;
position: absolute;
top: 48%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.jQueryDatepicker_header_sidebutton.jQueryDatepicker_rotationButton__left > div::before {
content: "\f104";
}

.jQueryDatepicker_header_sidebutton.jQueryDatepicker_rotationButton__right > div::before {
content: "\f105";
}

.jQueryDatepicker_header_sidebutton:hover {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
}

.jQueryDatepicker_table > div > span {
color: #000;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
}

.jQueryDatepicker_calendar_months_month_weekdays {
background: transparent none repeat scroll 0 0;
display: table;
width: 100%;
}

.jQueryDatepicker_calendar_months_month_weekdays_weekday_title {
background: #ebeff6;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
font-size: 12px;
font-weight: 400;
line-height: 35px;
padding: 0;
text-transform: capitalize;
color: #333;
}

.jQueryDatepicker_calendar_months_month_weekdays_weekday {
display: table-cell;
font-size: 12px;
font-weight: 300;
min-height: initial;
width: auto;
}

.jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day {
background: transparent none repeat scroll 0 0;
color: inherit;
font-size: inherit;
height: 60px;
padding: 12px 20px;
position: relative;
z-index: 1;
border-bottom: 1px solid #e5e5e5;
}

.jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day.jQueryDatepicker__current_other {
background: transparent none repeat scroll 0 0;
color: inherit;
font-weight: 300;
}

.jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day.jQueryDatepicker__current {
background: transparent none repeat scroll 0 0;
font-weight: inherit;
height: 60px;
}

.jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day.jQueryDatepicker__current_other_diff,
.jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day:hover {
background: transparent none repeat scroll 0 0;
color: inherit;
}

.jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day:hover {
color: #fff;
}

.jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day:hover:not(.jQueryDatepicker__selected):not(.jQueryDatepicker__current):not(.jQueryDatepicker__current_other):not(.jQueryDatepicker__current_other_diff):not(.jQueryDatepicker__previous_month) {
background: transparent;
}

.jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day::before {
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
content: "";
height: 30px;
left: 50%;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
position: absolute;
top: 50%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-transform: translate(-50%, -50%) scale(0.3);
-moz-transform: translate(-50%, -50%) scale(0.3);
-ms-transform: translate(-50%, -50%) scale(0.3);
-o-transform: translate(-50%, -50%) scale(0.3);
transform: translate(-50%, -50%) scale(0.3);
width: 30px;
z-index: -1;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}

.jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day.jQueryDatepicker__current::before,
.jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day:hover::before {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
-webkit-transform: translate(-50%, -50%) scale(1);
-moz-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
-o-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}

.jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day.jQueryDatepicker__current_other_diff:hover {
background: transparent none repeat scroll 0 0;
}

/*--- Quick action comment widget ---*/

.q-comments {
float: left;
width: 100%;
}

.q-comments > li {
border-bottom: 1px solid #dfdfdf;
float: left;
margin-bottom: 24px;
padding-bottom: 22px;
width: 100%;
}

.q-comments > li:last-child {
border-bottom: medium none;
margin-bottom: 0;
padding-bottom: 0;
}

.comenter {
display: table-cell;
max-width: 14%;
vertical-align: top;
width: 14%;
}
.comenter img{
border-radius: 100%;
}
.comment-detail {
display: table-cell;
padding-left: 12px;
vertical-align: top;
}

.comment-detail > h5 {
font-size: 14px;
padding-bottom: 7px;
text-transform: capitalize;
}

.comment-detail > p {
line-height: 20px;
margin-bottom: 26px;
}

.comment-date {
display: inline-block;
vertical-align: sub;
}

.comment-date > li {
display: inline-block;
line-height: 10px;
padding-left: 15px;
position: relative;
}

.comment-date > li.mango::before,
.comment-date > li.carrot::before,
.comment-date > li.berry::before {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
left: 0;
right: initial;
}

.comment-date > li span {
font-size: 11px;
}

.approv-reject {
float: right;
}

.approv-reject > a {
background: #f7f7f7 none repeat scroll 0 0;
display: inline-block;
font-size: 10px;
margin-right: -4px;
padding: 7px 18px;
text-transform: uppercase;
vertical-align: middle;
}

.approv-reject > a.active {
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
color: #fff;
}

a.approve {
-webkit-border-radius: 20px 0 0 20px;
-moz-border-radius: 20px 0 0 20px;
-ms-border-radius: 20px 0 0 20px;
-o-border-radius: 20px 0 0 20px;
border-radius: 20px 0 0 20px;
}

.rejected {
-webkit-border-radius: 0 20px 20px 0;
-moz-border-radius: 0 20px 20px 0;
-ms-border-radius: 0 20px 20px 0;
-o-border-radius: 0 20px 20px 0;
border-radius: 0 20px 20px 0;
}

.control {
float: right;
}

.control > li {
display: inline-block;
margin-left: 6px;
position: relative;
}

.control li a {
font-size: 13px;
font-weight: normal;
color: #aeaeae;
}

a.approved {
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
color: #fff;
display: inline-block;
font-size: 10px;
margin-left: 22px;
padding: 7px 18px;
text-transform: uppercase;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}

.control li a:hover i {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

.regular-checkbox {
display: none;
}

.todo li.active > label::before {
color: #b8b8b8;
content: "✔";
font-family: fontawesome;
font-size: 13px;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.regular-checkbox + label {
background-color: #fff;
border: 1px solid #eaeaea;
display: inline-block;
padding: 10px;
position: relative;
vertical-align: middle;
}

.regular-checkbox + label:active,
.regular-checkbox:checked + label:active {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
-ms-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label {
border: 1px solid #eaeaea;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px 12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px 12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
-ms-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px 12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px 12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px 12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
color: #888;
}

.regular-checkbox:checked + label::after {
color: #b8b8b8;
content: "✔";
font-size: 15px;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.pie-chart {
float: left;
max-height: 305px;
padding-bottom: 20px;
width: 100%;
}

.pie-chart .total > li {
font-size: 11px;
text-align: center;
text-transform: uppercase;
}

.pie-chart .total {
padding: 6px 30px 20px;
}

/*-- guage chart style ---*/

#echart_gauge {
height: 333px !important;
}

.total-count {
float: left;
padding-bottom: 21px;
text-align: center;
width: 100%;
}

.total-count > li {
display: inline-block;
position: relative;
width: 40%;
}

.total-count li span {
color: #252525;
float: left;
font-size: 20px;
line-height: initial;
width: 100%;
}

.total-count li i {
font-size: 12px;
font-style: normal;
}

.total-count > li::before {
background: #eaeaea none repeat scroll 0 0;
content: "";
height: 40px;
position: absolute;
right: 0;
top: 0;
width: 1px;
}

.total-count > li:last-child::before {
display: none;
}

.total {
float: left;
padding: 16px 30px;
width: 100%;
}

.total > li {
float: left;
text-align: center;
text-transform: capitalize;
font-size: 12px;
}

.total > li:last-child {
float: right;
}

.total > li span {
float: left;
width: 100%;
}

.donut-chart {
float: left;
padding-bottom: 30px;
width: 100%;
max-height: 345px;
}

/*--- statics chart widget ---*/

.static {
float: left;
padding: 0 40px 62px;
width: 100%;
}

.static-info {
float: left;
}

.static > ul {
float: right;
}

.static-info > h4 {
font-size: 40px;
}

.static-info > h4 i {
font-size: 24px;
}

.static-info > span {
font-size: 12px;
line-height: initial;
}

.static > ul li {
font-size: 12px;
margin-bottom: 5px;
padding-left: 15px;
position: relative;
text-transform: capitalize;
}

.static > ul li::before {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
content: "";
height: 8px;
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
}

.static > ul li.green::before {
background: #1de9b6;
}

.static > ul li.purpal::before {
background: #7575f0;
}

.line-chart {
float: left;
padding-bottom: 32px;
width: 100%;
max-height: 345px;
}

/*--- gooogle map ---*/

.route-map {
float: left;
position: relative;
width: 100%;
}

.route-map > form {
float: left;
position: relative;
width: 100%;
}

#routeForm > input {
background: #f8f8f8 none repeat scroll 0 0;
border: 1px solid #eaeaea;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
font-size: 12px;
margin-right: 5px;
padding: 10px 30px;
width: 300px;
}

#routeForm > button {
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
border: medium none;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
color: #fff;
width: 115px;
font-size: 12px;
line-height: 38px;
}

#routeForm > button:hover {
background: #333;
}

#routeForm > label {
display: table-cell;
float: none;
font-size: 10px;
font-weight: normal;
padding-bottom: 10px;
padding-right: 10px;
padding-top: 10px;
}

#routeForm input[type="radio"] {
vertical-align: sub;
}

/*--- your activity with sparkline widget ---*/

table.member-activity {
margin-bottom: -27px;
display: table;
}
.table.member-activity td {
padding: 8.4px;
}
.activity-meta {
float: left;
width: 100%;
margin-bottom: 25px;
}

.activity-meta > li {
float: left;
margin-bottom: 35px;
width: 100%;
}

.activity-ico {
display: inline-block;
vertical-align: bottom;
width: 49%;
}

.activity-meta > li .spark {
display: inline-block;
float: none;
margin-top: 0;
vertical-align: top;
width: 49%;
}

.activity-ico > span {
display: table-cell;
padding-left: 20px;
font-weight: bold;
font-size: 26px;
}

.activity-ico > img {
float: left;
}

.activity-ico > span i {
color: #337ab7;
display: table-cell;
font-size: 13px;
font-style: normal;
text-transform: capitalize;
font-weight: normal;
}

.member-activity thead tr th {
border-bottom: medium none;
font-size: 12px;
font-weight: normal;
padding-bottom: 14px;
text-transform: uppercase;
text-align: left;
}

.member-activity tbody tr td:first-child {
text-align: left;
}

.member-activity tr td span {
font-size: 12px;
text-transform: uppercase;
padding-left: 5px;
}

.member-activity tr {
border-bottom: 1px solid #eaeaea;
text-align: center;
}
.member-activity td i img{
border-radius: 100%;
}
.activity-meta > li:last-child {
margin-bottom: 0;
}

table.member-activity tbody tr td:last-child {
padding-right: 0;
}

table.member-activity tr th:first-child,
table.member-activity tr td:first-child {
padding-left: 0;
}

/*--- profile page ----*/

.profile-bg {
float: left;
position: relative;
width: 100%;
z-index: 3;
}

.profile-bg > img {
float: left;
width: 100%;
}

.profile {
position: relative;
width: 100%;
background:#f4f8ff;
}

.admin-meta {
float: left;
left: 50%;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
}

.admin-meta > img {
border: 5px solid #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
display: inline-block;
position: absolute;
right: -40px;
top: -38px;
}

.profile-bg::before {
background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}

.admin-meta > h5 {
color: #2a2a2a;
font-size: 24px;
font-weight: bold;
}

.admin-meta > span {
/* background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0; */
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
color: #fff;
display: inline-block;
margin-top: 12px;
padding: 6px 20px;
text-transform: capitalize;
}

.follow-btns {
float: left;
line-height: 139px;
text-align: center;
width: 100%;
padding-left: 20px;
}

.profile-socials {
line-height: 139px;
padding-right: 85px;
text-align: right;
width: 100%;
float: left;
}

.follow-btns > li {
display: inline-block;
vertical-align: middle;
margin-right: -4px;
line-height: initial;
}

.follow-btns > li a {
background: #f4f8ff none repeat scroll 0 0;
color: #333;
display: inline-block;
font-size: 12px;
line-height: 34px;
padding: 0 25px;
text-transform: capitalize;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}

.follow-btns > li.active a {
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
color: #fff;
}

.follow {
-webkit-border-radius: 30px 0 0 30px;
-moz-border-radius: 30px 0 0 30px;
-ms-border-radius: 30px 0 0 30px;
-o-border-radius: 30px 0 0 30px;
border-radius: 30px 0 0 30px;
}

a.message {
-webkit-border-radius: 0 30px 30px 0;
-moz-border-radius: 0 30px 30px 0;
-ms-border-radius: 0 30px 30px 0;
-o-border-radius: 0 30px 30px 0;
border-radius: 0 30px 30px 0;
}

.profile-socials > li {
display: inline-block;
}

.profile-socials > li a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
color: #fff;
display: inline-block;
line-height: 34px;
text-align: center;
width: 34px;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}

.profile-socials > li a:hover {
-webkit-transform: scale(0.96);
-moz-transform: scale(0.96);
-ms-transform: scale(0.96);
-o-transform: scale(0.96);
transform: scale(0.96);
}

.sub-area {
background: #f4f8ff none repeat scroll 0 0;
float: left;
padding: 20px 0;
width: 100%;
z-index: 1;
position: relative;
}

.sub-area > ul {
float: left;
text-align: center;
width: 100%;
}

.sub-area ul li {
display: inline-block;
margin-right: 45px;
}

.sub-area ul li a {
color: #333;
font-size: 12px;
}

.sub-area ul li a i {
margin-right: 5px;
}

.about {
background: #fff none repeat scroll 0 0;
float: left;
padding: 40px 45px;
width: 100%;
-webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}

.about-info > h4 {
font-size: 16px;
text-transform: uppercase;
}

.about-info > p {
font-size: 14px;
line-height: 24px;
padding-top: 13px;
}

.vlaue-show {
float: left;
text-align: center;
width: 100%;
}

.vlaue-show > li {
float: left;
width: 33%;
}

.vlaue-show li span {
float: left;
font-size: 36px;
margin-bottom: 10px;
width: 100%;
color: #333;
}

.vlaue-show li a {
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
color: #fff;
display: inline-block;
font-size: 12px;
padding: 7px 24px;
text-transform: capitalize;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}

.status > span {
text-transform: uppercase;
color: #222e3e !important;
}

.comment-date li.status {
margin-left: 30px;
}

.q-comments.support > li {
margin-bottom: 18px;
padding-bottom: 18px;
}

/*--- bottombar ---*/

.bottombar {
-webkit-box-shadow: 0 0 15px #e3e3e3;
-moz-box-shadow: 0 0 15px #e3e3e3;
-ms-box-shadow: 0 0 15px #e3e3e3;
-o-box-shadow: 0 0 15px #e3e3e3;
box-shadow: 0 0 15px #e3e3e3;
float: left;
line-height: 60px;
padding: 0 30px;
text-align: center;
width: 100%;
/*  position: absolute;
bottom: -60px;*/
}

.bottombar > span {
float: left;
font-size: 13px;
text-align: center;
width: 100%;
}

.bottombar > ul {
float: right;
}

.bottombar ul li {
display: inline-block;
line-height: 80px;
margin-right: 20px;
}

.bottombar ul li a {
display: inline-block;
position: relative;
}

.bottombar ul li a::before {
background: #d5d5d5 none repeat scroll 0 0;
content: "";
height: 8px;
position: absolute;
right: -12px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 1px;
}

.bottombar ul li:last-child a::before {
display: none;
}

.bottombar ul li:last-child {
margin-right: 0;
}

/*--- widget page ---*/

.top-title {
float: left;
margin-bottom: 20px;
width: 100%;
}

.top-title > h4 {
text-transform: uppercase;
font-weight: 600;
font-size: 15px;
}

.top-title > span {
font-size: 12px;
}
/*--- gallery widget ----*/

.gallery-wid > li {
display: inline-block;
margin-bottom: 3px;
margin-right: 3px;
}

.gallery-wid > li a {
display: inline-block;
}

.gallery-wid > li a img {
float: left;
width: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}

/*--- gallery style 2 ---*/

.over-meta {
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 11;
}

.over-meta > h4 {
bottom: 30px;
color: #fff;
font-weight: bold;
font-size: 16px;
line-height: 24px;
left: -200%;
position: absolute;
right: 40px;
-webkit-transition: all 0.3s linear 0.4s;
-moz-transition: all 0.3s linear 0.4s;
-ms-transition: all 0.3s linear 0.4s;
-o-transition: all 0.3s linear 0.4s;
transition: all 0.3s linear 0.4s;
}

.over-meta > a {
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
color: #fff;
display: inline-block;
font-size: 15px;
left: 40px;
line-height: 57px;
position: absolute;
text-align: center;
top: -57px;
-webkit-transition: all 0.3s linear 0.3s;
-moz-transition: all 0.3s linear 0.3s;
-ms-transition: all 0.3s linear 0.3s;
-o-transition: all 0.3s linear 0.3s;
transition: all 0.3s linear 0.3s;
width: 56px;
}

.image-gallery:hover .over-meta > a {
top: 0;
}

.image-gallery:hover .over-meta > h4 {
left: 40px;
}

/*--- ongoing projects widget ---*/

.ongoing-wid {
float: left;
width: 100%;
}

.ongoing-wid > li {
float: left;
margin-bottom: 15px;
width: 100%;
}

.ongoing-wid li span {
background: #f5f5f5 none repeat scroll 0 0;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
float: left;
height: 18px;
margin-bottom: 9px;
position: relative;
width: 100%;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.12);
-moz-box-shadow: 0 5px 10px rgba(0,0,0,.12);
-ms-box-shadow: 0 5px 10px rgba(0,0,0,.12);
-o-box-shadow: 0 5px 10px rgba(0,0,0,.12);
box-shadow: 0 5px 10px rgba(0,0,0,.12);
}

.ongoing-wid li span::before {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
}

.ongoing-wid li span.light-blue::before {
background: #63d6ff;
}

.ongoing-wid li span.light-orange::before {
background: #ffb48f;
}

.ongoing-wid li span.light-green::before {
background: #8fffb9;
}

.ongoing-wid li span.light-red::before {
background: #ff9797;
}

.ongoing-wid li span.light-purple::before {
background: #f1aeff;
}

.ten::before {
width: 10%;
}

.twenty::before {
width: 20%;
}

.thirty::before {
width: 30%;
}

.fourty::before {
width: 40%;
}

.fifty::before {
width: 50%;
}

.sixty::before {
width: 60%;
}

.seventy::before {
width: 70%;
}

.eighty::before {
width: 80%;
}

.ninty::before {
width: 90%;
}

.hundred::before {
width: 100%;
}

.ongoing-wid > li h6,
.ongoing-wid > li i {
float: left;
font-size: 11px;
padding-left: 30px;
text-transform: capitalize;
}

.ongoing-wid > li i {
float: right;
font-style: normal;
font-weight: 500;
padding-right: 30px;
}

.ongoing-wid > li:last-child {
margin-bottom: 0;
}

.contact-wid > li {
display: inline-block;
font-size: 12px;
margin-bottom: 10px;
width: 100%;
}

.contact-wid > li i {
background: #f8f8f8 none repeat scroll 0 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
display: inline-block;
font-size: 12px;
line-height: 37px;
margin-right: 14px;
text-align: center;
width: 37px;
}

/*--- social widget ---*/

.social-wid {
float: left;
width: 100%;
}

.social-wid > li {
display: inline-block;
text-align: center;
width: 24%;
}

.social-wid > li > a {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
color: #fff;
display: inline-block;
font-size: 14px;
line-height: 47px;
margin-bottom: 14px;
width: 47px;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);
-moz-box-shadow: 0 5px 10px rgba(0,0,0,.1);
-ms-box-shadow: 0 5px 10px rgba(0,0,0,.1);
-o-box-shadow: 0 5px 10px rgba(0,0,0,.1);
box-shadow: 0 5px 10px rgba(0,0,0,.1);
}

.social-wid li span {
float: left;
width: 100%;
font-weight: bold;
font-size: 22px;
}

.social-wid > li span i {
float: left;
padding-top: 6px;
width: 100%;
font-size: 12px;
}

/*--- post widget ---*/

.blog-post {
float: left;
width: 100%;
}

.post-avatar {
float: left;
position: relative;
width: 100%;
}

.post-avatar > img {
float: left;
width: 100%;
}

.post-avatar > i {
border: 8px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
bottom: -34px;
color: #fff;
display: inline-block;
font-size: 14px;
line-height: 53px;
position: absolute;
right: 60px;
text-align: center;
width: 67px;
}

.post-meta {
float: left;
padding: 45px 60px;
width: 100%;
}

.post-meta > h4 {
font-size: 18px;
font-weight: bold;
}

.post-info {
float: left;
padding-bottom: 17px;
padding-top: 12px;
width: 100%;
}

.post-info > li {
display: inline-block;
margin-right: 18px;
padding-right: 24px;
position: relative;
font-size: 12px;
}

.post-info > li::before {
background: #959595 none repeat scroll 0 0;
content: "";
height: 10px;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 1px;
}

.post-info > li:last-child::before {
display: none;
}

.post-meta > p {
font-size: 14px;
line-height: 28px;
}

.posted-by {
float: left;
font-size: 12px;
margin-top: 25px;
width: 100%;
}

/*-- form widget ----*/

.form-widget {
float: left;
width: 100%;
}

.default-form {
float: left;
width: 100%;
}

.field-wrap {
background: #f8f8f8 none repeat scroll 0 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
float: left;
margin-bottom: 10px;
padding: 15px 35px;
position: relative;
width: 100%;
}

.field-wrap > input {
width: 56%;
background: transparent none repeat scroll 0 0;
border: medium none;
font-family: lato;
font-size: 10px;
font-weight: bold;
padding: 7px 23px;
}

.field-wrap > label {
font: bold 10px lato;
text-transform: uppercase;
}

.default-form button.submit {
border: medium none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
color: #fff;
margin-top: 10px;
padding: 12px 32px;
text-transform: uppercase;
font-weight: bold;
font-size: 13px;
}

/*--- recent post widget ---*/

.recent-wid {
border-bottom: 1px solid #f3f3f3;
float: left;
margin-bottom: 20px;
padding-bottom: 20px;
width: 100%;
}

.recent-wid:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}

.recent-post {
float: left;
width: 100%;
}

.recent-wid > span {
display: table-cell;
max-width: 17%;
width: 17%;
}

.post-data {
display: table-cell;
padding-left: 20px;
vertical-align: middle;
width: 100%;
}

.post-data > h4 {
font-size: 15px;
font-weight: bold;
}

.post-data > span {
float: left;
font-size: 12px;
padding-bottom: 5px;
width: 100%;
}

/*--- rating widget ---*/

.rating-sys {
float: left;
width: 100%;
}

.rating-stars {
float: left;
width: 100%;
}

.rating-stars > span {
display: inline-block;
text-transform: capitalize;
font-size: 15px;
}

.rating-stars > ul {
display: inline-block;
padding-left: 17px;
width: 70%;
}

.rating-stars li {
display: inline;
font-size: 15px;
}

.rating-stars > i {
float: left;
font-size: 13px;
padding-top: 10px;
width: 100%;
}

.in-rates {
float: left;
margin-top: 30px;
width: 100%;
}

.in-rates > li {
display: inline-block;
margin-bottom: 20px;
width: 100%;
}

.in-rates span {
font-size: 13px;
text-transform: capitalize;
}

.in-rates li ins {
font-size: 13px;
-webkit-text-decoration: none;
-moz-text-decoration: none;
-ms-text-decoration: none;
-o-text-decoration: none;
text-decoration: none;
}

.in-rates > li > b {
background: #f5f5f5 none repeat scroll 0 0;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
display: inline-block;
height: 9px;
margin: 0 25px;
position: relative;
vertical-align: middle;
width: 68%;
}

.in-rates > li:last-child {
margin-bottom: 0;
}

.in-rates > li > b::before {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
}

.recent-signups > ul {
float: left;
width: 100%;
margin-top: 37px;
}

.recent-signups > ul > li img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}

.recent-signups > ul > li {
float: left;
margin-bottom: 4px;
margin-right: 4px;
}

/*---= weather widget style =---*/

.flatWeatherPlugin.partial .wiToday p.wiDay {
background: #f9f9f9 none repeat scroll 0 0;
float: left;
line-height: 40px;
margin-bottom: 20px;
margin-top: 30px;
padding-bottom: 0;
width: 100%;
}

.wiToday {
padding-top: 10px;
}

.wiToday > div {
color: #d9d9d9;
}

.flatWeatherPlugin div.wiToday > p.wiTemperature {
font-size: 50px;
padding: 12px;
text-align: left;
width: auto;
}

.flatWeatherPlugin.partial > h2 {
border-bottom: 1px solid #eaeaea;
padding-bottom: 15px;
font-size: 20px;
}

.container-fluid .row.merg30 > div {
padding: 0 10px;
}

.container-fluid .row.merg30 > div .widget {
margin-top: 30px;
}


/*--- paginations  ---*/

.paginationz {
float: left;
text-align: center;
width: 100%;
margin-top: 15px;
}

.paginationz > ul li {
display: inline-block;
margin-right: 4px;
}

.paginationz > ul li a {
background: #fff none repeat scroll 0 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
display: inline-block;
text-transform: uppercase;
width: 48px;
font-weight: bold;
line-height: 48px;
font-size: 12px;
}

.paginationz > ul li.next a,
.paginationz > ul li.prev a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
font-weight: 500;
width: auto;
}

.paginationz > ul li span {
padding: 0 20px;
}

.paginationz > ul li.next a {
margin-left: 30px;
}

.paginationz > ul li.next a i {
margin-left: 5px;
}

.paginationz > ul li.prev a i {
margin-right: 5px;
}

.paginationz > ul li.prev a {
margin-right: 30px;
}

.paginationz > ul li.active a,
.paginationz > ul li a:hover {
color: #fff;
}

.paginationz > ul li.next a:hover,
.paginationz > ul li.prev a:hover {
background: none;
}

/*--- cross browser Transitions ---*/

.our-moto-meta form button,
.drop,
.mega-menu,
#routeForm > button,
.post-data > h4,
.uper-meta,
.image-gallery::before,
.paginationz > ul li a,
.contact-from .button,
.p-table-meta .main-btn,
.social-media li > a,
.social-media,
.buttonz > button {
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}

/*-----------==================----------- elements -----------=================-------------*/

/*===== Button Styles =====*/

.button-styles {
float: left;
width: 100%;
}

.buttons {
float: left;
width: 100%;
}

.buttons + .buttons {
margin-top: 50px;
}

.wdg-tl {
margin-bottom: 20px;
text-transform: uppercase;
font-weight: 500;
font-size: 15px;
display: inline-block;
width: 100%
}

.buttons-lst {
float: left;
margin: -10px 0 0;
width: 100%;
}

.buttons-lst > li {
display: inline-block;
margin: 10px 6px 0 0;
}

.buttons-lst > li:last-child {
margin-right: 0;
}

.btn-st {
color: #fff;
display: inline-block;
font-size: 14px;
padding: 8px 20px;
vertical-align: bottom;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}

.btn-st:hover {
background: #333;
color: #fff;
}

.buttons-lst.style2 > li a.btn-st {
padding: 10px 20px;
}

a.btn-st > i {
margin-right: 5px;
}

.gry-clr {
background: #ddd;
color: #2a2a2a;
}

.drk-gry-clr {
background: #999999;
}

.drk-blu-clr {
background: #04a9f5;
}

.blu-clr {
background: #2196f3;
}

.grn-clr {
background: #37bc9b;
}

.org-clr {
background: #eeae4a;
}

.rd-clr {
background: #ff8684;
}

.wht-clr {
background: #ffffff;
color: #555555;
}

/*===== Button Sizes =====*/

a.btn-sm {
padding: 12px 40px;
}

a.btn-md {
font-size: 13px;
padding: 15px 48px;
}

a.btn-lrg {
font-size: 14px;
padding: 18px 55px;
}

a.btn-xlrg {
font-size: 15px;
padding: 20px 60px;
}

.rd-30 {
-webkit-border-radius: 30px !important;
-moz-border-radius: 30px !important;
-ms-border-radius: 30px !important;
-o-border-radius: 30px !important;
border-radius: 30px !important;
}

.rd-10 {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}

mark {
background: #1f1f1f none repeat scroll 0 0;
color: #fff;
padding: 3px 5px;
}

.element-title {
display: inline-block;
/*margin-bottom: 30px;*/
width: 100%;
}

.element-title h4 {
font-size: 15px;
text-transform: uppercase;
font-weight: 600;
}

.element-title span {
font-size: 12px;
text-transform: none;
font-weight: 400;
}

a.btn-st.black {
background: #000;
}

.btn-st.bordr {
background: #fff;
border: 2px solid #04a9f5;
color: #04a9f5;
}

.btn-st.low-pding {
padding: 10px 20px;
}

/*---- btns style end ---*/

/*===== Tooltips =====*/

.material-tooltip {
visibility: visible;
z-index: 9999;
}

.backdrop {
background-color: #478ac1;
visibility: visible;
}

.tooltips-on-hover p {
color: #666;
line-height: 24px;
}

.tooltips-sec {
border-bottom: 1px solid #e6e5e5;
float: left;
padding-bottom: 55px;
width: 100%;
}

.tooltip {
float: left;
margin-right: 40px;
position: relative;
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
}

.tooltip-inner {
background: #478ac1 none repeat scroll 0 0;
color: #fff;
float: left;
font-size: 12px;
padding: 7px 15px;
width: 100%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}

.tooltip::before {
background: #478ac1 none repeat scroll 0 0;
content: "";
height: 12px;
position: absolute;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 12px;
}

.tip-left.tooltip::before {
margin-top: -6px;
right: -3px;
top: 50%;
}

.tip-top.tooltip::before {
left: 50%;
margin-left: -6px;
top: -3px;
}

.tip-bottom.tooltip::before {
bottom: -3px;
left: 50%;
margin-left: -6px;
}

.tip-right.tooltip::before {
left: -3px;
margin-top: -6px;
top: 50%;
}

.tooltips-on-hover > a {
background: #f8f8f8 none repeat scroll 0 0;
color: #555;
float: left;
font-size: 12px;
margin-right: 10px;
margin-top: 20px;
padding: 9px 25px;
}

.material-tooltip > span {
color: #fff;
font-size: 12px;
padding: 0 10px;
}

/*===== Progress Bars =====*/

.defult-progressbar {
float: left;
width: 100%;
}

.inl-txt-el {
display: inline-block;
width: 100%;
}

.progress-wrp {
float: left;
margin-top: 20px;
width: 100%;
}

.progress-wrp > span,
.progress-wrp > i {
display: inline-block;
font-size: 13px;
}

.progress-wrp > span {
margin-bottom: 10px;
}

.progress-wrp > i {
font-style: normal;
float: right;
margin-right: 25px;
}

.progress-wrp .progress {
background: #f0f0f0 none repeat scroll 0 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
height: 20px;
overflow: initial;
}

.progress-wrp .progress .determinate {
height: 100%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
overflow: initial;
}

.progress .determinate {
height: 100%;
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
}

.progress-wrp.styl2 .progress span {
background: #f05050;
color: #fff;
font-size: 10px;
font-weight: 600;
line-height: 1;
padding: 7px 10px;
position: absolute;
right: -10px;
top: -40px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

.progress-wrp.styl2 .progress span::before {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #f05050;
bottom: -5px;
content: "";
left: 50%;
position: absolute;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}

.progress-wrp.styl3 .progress span {
color: #fff;
float: right;
font-size: 10px;
font-weight: 600;
line-height: 21px;
margin-right: 40px;
}

.blu-clr {
background-color: #00c9e6 !important;
}

.ylo-clr {
background-color: #ffc017 !important;
}
.progress .strips {
background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
background-image: -ms-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
background-image: -ms-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
background-image: -ms-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
background-image: -ms-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
background-image: -ms-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
-webkit-background-size: 30px 30px;
-moz-background-size: 30px 30px;
-ms-background-size: 30px 30px;
-o-background-size: 30px 30px;
background-size: 30px 30px;
}

.wd-rds .progress,
.wd-rds .progress .determinate {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}

/*===== Alerts Page =====*/

.alert-styles {
display: inline-block;
width: 100%;
}

.alert-styles .wdg-tl {
margin-bottom: 20px;
}

.page-header {
font-size: 20px;
margin: 20px 0;
}

.alert {
border: 1px solid;
display: inline-block;
margin-top: 10px;
padding: 15px 50px;
position: relative;
width: 100%;
}

.alert-success,
.alert-styles.style3 .alert.alert-success > i {
background: #e9f3db none repeat scroll 0 0;
border-color: #87b23b;
}

.alert-info,
.alert-styles.style3 .alert.alert-info > i {
background: #cdedf7 none repeat scroll 0 0;
border-color: #09a8d8;
}

.alert-warning,
.alert-styles.style3 .alert.alert-warning > i {
background: #fff2d8 none repeat scroll 0 0;
border-color: #eeae4a;
}

.alert-danger,
.alert-styles.style3 .alert.alert-danger > i {
background: #f9d1c5 none repeat scroll 0 0;
border-color: #e05a3b;
}

.alert > i {
float: left;
margin-right: 14px;
margin-top: 6px;
}

.alert > i img {
float: left;
margin-top: 1px;
}

.alert > p {
font-size: 12px;
margin: 2px 0;
}

.alert > p strong {
font-size: 15px;
font-weight: 700;
margin-right: 5px;
}

.alert-success > p {
color: #87b23b;
}

.alert-info > p {
color: #0aa8dd;
}

.alert-warning > p {
color: #efac55;
}

.alert-danger > p {
color: #e05a3b;
}

/*===== Alert Style 2 =====*/

.alert-styles.style2 .alert {
padding: 34px 10px 37px 50px;
}

.alert-styles.style2 .alert > i {
left: 10px;
position: absolute;
top: 40px;
}

.alert-styles.style2 .alert > p {
margin: 0;
}

.alert-styles.style2 .alert > p strong {
display: block;
}

/*===== Alert Style 3 =====*/

.alert-styles.style3 .alert {
margin-top: 50px;
padding: 50px 40px 25px;
}

.alert-styles.style3 .alert > i {
border: 1px solid;
height: 72px;
left: 40px;
line-height: 88px;
position: absolute;
text-align: center;
top: -40px;
width: 72px;
}

.alert-styles.style3 .alert > i img {
display: inline-block;
float: none;
}

.alert-styles.style3 .alert > p {
margin: 0;
}

.alert-styles.style3 .alert > p strong {
display: block;
}

.progress-bar {
position: relative;
}

.progress-bar.progress-bar-striped {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
}

.progress-bar.bg-info {
background-color: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
-ms-opacity: 0.7;
-o-opacity: 0.7;
opacity: 0.7;
}

.progress-bar.bg-warning {
background-color: #eeae4a;
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
-ms-opacity: 0.7;
-o-opacity: 0.7;
opacity: 0.7;
}

.progress-bar.bg-danger {
background-color: #ff8684;
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
-ms-opacity: 0.7;
-o-opacity: 0.7;
opacity: 0.7;
}

.widget2 {
border-bottom: 1px solid #e6e5e5;
float: left;
padding-bottom: 50px;
width: 100%;
}

/*===== Accordians Style =====*/

.accordians-style {
float: left;
width: 100%;
}

.accordians-style .wdg-tl {
margin-bottom: 25px;
}

.toggle {
float: left;
width: 100%;
}

.toggle-item .content {
float: left;
display: none;
padding: 0 40px 20px;
width: 100%;
}

.simple-text > p {
font-size: 14px;
line-height: 26px;
margin-top: 0;
}

/*===== Accordians Style 1 =====*/

.toggle-item {
background: #f4f8ff;
float: left;
margin-top: 5px;
overflow: hidden;
position: relative;
width: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

.toggle-item > h3 {
background: #f4f8ff;
cursor: pointer;
float: left;
font-size: 14px;
margin: 0;
padding: 20px 25px 20px 40px;
position: relative;
text-transform: uppercase;
width: 100%;
}

.toggle-item > h3 > span {
background: #fff none repeat scroll 0 0;
float: right;
font-size: 13px;
height: 21px;
line-height: 21px;
position: absolute;
right: 25px;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 21px;
}

.toggle-item > h3.active > span > i {
position: relative;
top: 50%;
-webkit-transform: rotate(180deg) translateY(60%);
-moz-transform: rotate(180deg) translateY(60%);
-ms-transform: rotate(180deg) translateY(60%);
-o-transform: rotate(180deg) translateY(60%);
transform: rotate(180deg) translateY(60%);
}

.toggle-item > h3.active {
background: transparent none repeat scroll 0 0;
padding-top: 25px;
}

/*=== Toggels 4 ===*/

.toggle-style2 .toggle-item {
background: transparent;
}

.toggle-style2 .toggle-item > h3,
.toggle-style4 .toggle-item > h3 {
background: #fff;
line-height: 46px;
padding: 5px 20px 5px 5px;
}

.toggle-style2 .toggle-item > h3 > i,
.toggle-style4 .toggle-item > h3 > i {
background: #fafafa;
color: #2f2f2f;
height: 46px;
line-height: 46px;
margin-right: 27px;
margin-top: 0;
text-align: center;
width: 46px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

.toggle-style2 .content {
margin-top: 25px;
padding-bottom: 10px;
}

.toggle-style2 .toggle-item > h3.active i {
color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

.toggle-style2 .toggle-item > h3 i {
position: absolute;
left: -20px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}

.toggle-style2 .toggle-item > h3 {
margin-left: 30px;
padding-left: 56px;
}
/*===== Toggle =====*/

.toggle-style3 .toggle-item > h3 {
background: transparent none repeat scroll 0 0;
line-height: 44px;
padding: 15px 20px;
}

.toggle-style3 .toggle-item > h3 > i {
background: #fff none repeat scroll 0 0;
height: 42px;
line-height: 42px;
margin-right: 20px;
text-align: center;
width: 42px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}

.toggle-style3 .toggle-item > h3.active {
padding-top: 20px;
padding-bottom: 0;
}

.toggle-style3 .toggle-item > h3.active > i {
color: #fff;
}

.toggle-style3 .toggle-item {
background: transparent;
border: 1px solid #eaeaea;
}

.toggle-style3 .content {
padding-left: 85px;
}

/*=== Toggels 6 ===*/

.toggle-style4 .toggle-item {
background: transparent;
border-bottom: 1px solid #eaeaea;
}

.toggle-style4 .toggle-item:last-child {
border-bottom: 0;
}

.toggle-style4 .toggle-item > h3 {
background: transparent none repeat scroll 0 0;
padding-bottom: 10px;
padding-left: 0;
}

.toggle-style4 .toggle-item > h3.active {
padding-bottom: 5px;
}

.toggle-style4 .toggle-item > h3 > i {
background: #fff;
}

.toggle-style4 .toggle-item > h3.active > i {
color: #fff;
}

.toggle-style4 .content {
margin-top: 0px;
padding-left: 80px;
}

/*=== Toggles 8 ===*/

.toggle-style5 .toggle-item > h3.active {
color: #fff;
}

.toggle-style5 .toggle-item > h3 > i {
margin-right: 12px;
}

.toggle-style5 .toggle-item .content {
padding: 0 45px 20px;
}

.toggle-style5 .toggle-item .content p {
color: #fff;
}

/*--- tab style ---*/

.tab-style {
float: left;
margin-bottom: 0px;
width: 100%;
}

.tab > li {
display: inline-block;
}

.tab li a {
background: #f4f8ff none repeat scroll 0 0;
-webkit-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
-ms-border-radius: 8px 8px 0 0;
-o-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
display: inline-block;
font-size: 13px;
font-weight: bold;
line-height: 45px;
text-align: center;
text-transform: uppercase;
width: 130px;
}
.nav-tabs{
margin: 20px 0 0 0px!important;
}
.tab.nav.nav-tabs > li a.active,
.toggle-style2 .toggle-item > h3.active > i,
.toggle-style3 .toggle-item > h3.active > i,
.toggle-style4 .toggle-item > h3.active > i,
.toggle-style5 .toggle-item.activate {
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
}

.tab-meta {
background: #fff none repeat scroll 0 0;
-webkit-border-radius: 0 8px 8px;
-moz-border-radius: 0 8px 8px;
-ms-border-radius: 0 8px 8px;
-o-border-radius: 0 8px 8px;
border-radius: 0 8px 8px;
float: left;
line-height: 24px;
padding: 35px 25px;
width: 100%;
}

.tab-meta > p {
line-height: 30px;
font-size: 14px;
}

.tab > li a.active {
color: #fff;
}

/*--- sytle 2---*/

.tab-style.style2 > ul > li > a {
background: #838383 none repeat scroll 0 0;
color: #fff;
line-height: 45px;
width: 110px;
}

.tab-style.style2 .tab-content .tab-meta {
border: 1px solid #797979;
}

/*--- style3 ---*/

.tab-style.style3 {
background: #f4f8ff none repeat scroll 0 0;
}

.tab-style.style3 .tab-content .tab-meta {
background: transparent none repeat scroll 0 0;
}

.tab-style.style3 > ul > li > a {
border-color: #eaa39d #dee3e1 #dee3e1;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
border-style: solid;
border-width: 2px;
font-weight: normal;
line-height: initial;
padding: 12px 0;
margin-left: -1px;
}

.tab-style.style3 > ul > li {
float: left;
margin-right: -1px;
}

.tab-style.style3 .tab.tab-btns {
margin-left: 20px;
margin-top: 20px;
}

.tab-style.style3 > ul > li.active i {
color: #222;
}

.tab-style.style3 > ul > li.active a {
background: transparent none repeat scroll 0 0;
border-bottom: 0 none;
border-top-width: 2px;
}

.tab-style.style3 > ul > li > a i {
font-size: 18px;
line-height: initial;
margin-bottom: 5px;
width: 100%;
}

.tab-style.style3 > ul > li:nth-child(2) > a {
border-top-color: #9ed4eb;
}

.tab-style.style3 > ul > li:nth-child(3) > a {
border-top-color: #9feba1;
}

.tab-style.style3 > ul > li:nth-child(4) > a {
border-top-color: #eee89a;
}

/*--- table styles ---*/

/*===== Table Styles =====*/

.little-heading {
float: left;
padding: 50px 0 0;
width: 100%;
}

.bootstrap-elem .bs-carousel .little-heading {
padding-top: 0;
}

.little-heading > h3 {
float: left;
font-size: 15px;
text-transform: uppercase;
width: 100%;
-webkit-text-decoration: underline;
-moz-text-decoration: underline;
-ms-text-decoration: underline;
-o-text-decoration: underline;
text-decoration: underline;
}

.table-styles {
float: left;
width: 100%;
}

table thead.drk {
background: #676767 none repeat scroll 0 0;
color: #fff;
}

table thead.drk th h4 {
color: #fff;
}

table.striped > tbody > tr:nth-child(2n+1) {
background: #f8f8f8 none repeat scroll 0 0;
}

table.striped > tbody > tr:nth-child(2n) {
background: #fdfdfd none repeat scroll 0 0;
}

table.tbl3 > tbody > tr {
border-bottom-color: #fff;
}

table > tbody > tr.dngr {
background: #fae1e1 none repeat scroll 0 0;
}

table > tbody > tr.scss {
background: #e1fae1 none repeat scroll 0 0;
}

table > tbody > tr.inf {
background: #e1effa none repeat scroll 0 0;
}

table > tbody > tr.wrng {
background: #fffac8 none repeat scroll 0 0;
}

table.tbl4 {
margin: 0 -1px -1px;
}

table.tbl4 tr th,
table.tbl4 tr td {
border: 1px solid #eaeaea;
text-align: center;
}

table.tbl5 thead {
background: transparent none repeat scroll 0 0;
}

table.tbl5 > tbody tr td:nth-child(2n+1) {
background: #f4f8ff none repeat scroll 0 0;
}

table.tbl5 > tbody tr td:nth-child(2n) {
background: #fcfcfc none repeat scroll 0 0;
}

table.tbl5 tr th,
table.tbl5 tr td,
table.tbl7 tr th,
table.tbl7 tr td {
text-align: center;
}

table.tbl6 thead {
border-bottom: 0;
}

table.tbl6 > tbody tr td i,
table.tbl6 > tbody tr td span {
color: #ffffff;
}

table > tbody > tr.dngr-drk {
background: #e95e5e none repeat scroll 0 0;
}

table > tbody > tr.scss-drk {
background: #45c645 none repeat scroll 0 0;
}

table > tbody > tr.inf-drk {
background: #41add1 none repeat scroll 0 0;
}

table > tbody > tr.wrng-drk {
background: #dccc18 none repeat scroll 0 0;
}

table.tbl7 tr:nth-child(2n+1) td:nth-child(2n+1),
table.tbl7 tr:nth-child(2n) td:nth-child(2n) {
background: #fafafa none repeat scroll 0 0;
}

/*===== Select Widget =====*/

table.prj-tbl {
width: 100%!important;
display: table;
}

.prj-tbl > thead {
background: #ebeff6;
}

.prj-tbl thead tr th em {
color: #545454;
font-weight: 600;
text-transform: capitalize;
}

.prj-tbl thead.drk tr th em,
.prj-tbl thead.color tr th em {
color: #fff;
}

table.bordered > thead > tr,
table.bordered > tbody > tr {
border-bottom-color: #eaeaea;
}

table.bordered > tbody > tr:last-child {
border-bottom: 0 none;
}

.all-slct,
.sngl-slct,
.sngl-slct1 {
background: #fff none repeat scroll 0 0;
border: 1px solid #cbcbcb;
cursor: pointer;
display: block;
height: 14px;
width: 14px;
}

table td {
line-height: initial;
padding: 24px 5px;
}

table th {
line-height: initial;
padding: 10px 5px;
}

table th em {
font-size: 14px;
font-style: normal;
font-weight: normal;
margin: 0;
text-transform: uppercase;
}

table tr th:first-child,
table tr td:first-child {
padding-left: 40px;
}

table td span,
table td i {
font-size: 13px;
}

table td i {
font-style: normal;
}

table .progress {
background: #f1f1f1 none repeat scroll 0 0;
height: 10px;
margin: 0;
width: 210px;
-webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.17);
-moz-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.17);
-ms-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.17);
-o-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.17);
box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.17);
}

.prj-tbl ul {
float: left;
margin: 0;
width: 100%;
}

.prj-tbl ul > li {
font-size: 15px;
float: left;
margin-right: 15px;
position: relative;
}

.prj-tbl ul > li > a,
.prj-tbl ul > li > a > i {
color: #aeaeae;
}

.prj-tbl ul > li:last-child {
margin-right: 0;
}

table tbody tr td:last-child {
padding-right: 40px;
}

.widget-title.dark {
background: #414141 none repeat scroll 0 0;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-ms-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}

.widget-title.dark > h4 {
color: #fff;
}

.prj-tbl > thead.color h4 {
color: #fff;
}

.more-optn {
background: #fff none repeat scroll 0 0;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
display: inline-block;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
position: absolute;
right: -10px;
top: 100%;
visibility: hidden;
width: 100px;
}

.more-optn > ul li {
display: inline-block;
font-size: 12px;
padding: 6px 10px;
text-transform: capitalize;
width: 100%;
}

.more-optn.show {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
right: 0;
visibility: visible;
}
/*===== Typography Page =====*/

.typo-styl {
float: left;
width: 100%;
}

.typo-styl > .row > div + div {
margin-top: 30px;
}

mark {
background: #1f1f1f none repeat scroll 0 0;
color: #fff;
padding: 3px 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

h1 {
font-size: 36px;
}

h2 {
font-size: 30px;
}

h3 {
font-size: 24px;
}

h4 {
font-size: 18px;
}

h5 {
font-size: 14px;
}

h6 {
font-size: 12px;
}

.headings span {
float: right;
font-size: 11px;
margin-top: 20px;
}

.headings > h1,
.headings > h2,
.headings > h3,
.headings > h4,
.headings > h5,
.headings > h6 {
margin: 40px 0;
}

.headings > .wdg-tl {
margin-top: 0;
}

.body-cp {
float: left;
width: 100%;
}

.body-cp > p {
float: left;
font-size: 14px;
margin-bottom: 20px;
width: 100%;
}

.body-cp > p:last-child {
margin-bottom: 0;
}

.ld-body {
float: left;
width: 100%;
}

.ld-body > p {
float: left;
font-size: 14px;
line-height: 28px;
width: 100%;
}

.txt-lw {
text-transform: lowercase;
}

.txt-up {
text-transform: uppercase;
}

.txt-cp {
text-transform: capitalize;
}

ul.und-lst,
ol.ord-lst {
float: left;
padding-left: 20px;
width: 100%;
}

ul.und-lst {
list-style-type: disc;
}

ul.und-lst li,
ol.ord-lst li {
list-style: inherit;
font-size: 14px;
line-height: 35px;
}

.und-lst ul {
list-style-type: inherit;
padding-left: 20px;
}

.inl-txt-el > p {
padding-bottom: 25px;
}

.almnt-cls > p {
padding-bottom: 25px;
}

.left-align {
text-align: left;
}

.center-align {
text-align: center;
}

.right-align {
text-align: right;
}

.justify-align {
text-align: justify;
}
.justify-align span {
color: #333;
font-weight: bold;
margin-right: 10px;
}
.txt-trf-cls > p {
padding-bottom: 23px;
}

.ord-lst {
list-style: outside none number;
}

.ord-lst li ol {
list-style: outside none number;
padding-left: 20px;
}

/*===== Blockquote =====*/

blockquote {
border-left: 0 none;
float: left;
margin-bottom: 0;
padding: 60px 10%;
width: 100%;
}

blockquote.style1 {
background: #fafafa none repeat scroll 0 0;
text-align: center;
}

blockquote > p {
font-size: 18px;
font-style: italic;
line-height: 28px;
margin: 0;
position: relative;
z-index: 1;
}

blockquote > p span {
display: block;
font-size: 12px;
margin-top: 6px;
}

blockquote.style1 p > i {
font-size: 65px;
left: 50%;
position: absolute;
top: -10px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: -1;
-webkit-opacity: 0.2;
-moz-opacity: 0.2;
-ms-opacity: 0.2;
-o-opacity: 0.2;
opacity: 0.2;
}

blockquote.style2 {
border: 1px solid #eaeaea;
margin-top: 30px;
}

blockquote.style2 > p {
padding-left: 50px;
}

blockquote.style2 > p > i {
background: #fff none repeat scroll 0 0;
border: 3px solid #eaeaea;
font-size: 20px;
height: 50px;
left: -40px;
line-height: 44px;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 50px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}

blockquote.style2 > p > i::after {
background: #eee none repeat scroll 0 0;
content: "";
height: 114px;
left: 50%;
margin-left: -1.5px;
position: absolute;
top: -34px;
width: 3px;
z-index: -1;
}

blockquote.style2 > p > i::before {
background: #fff none repeat scroll 0 0;
display: block;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}

.typo-styl > div {
margin-top: 75px;
}

.typo-styl > div:first-child {
margin-top: 0;
}

/*===== Image Crop Box =====*/

.imageBox {
background: #fff none no-repeat scroll 0 0;
border: 50px solid #efefef;
cursor: move;
height: 416px;
overflow: hidden;
position: relative;
width: 460px;
-webkit-border-radius: 5px 0 0;
-moz-border-radius: 5px 0 0;
-ms-border-radius: 5px 0 0;
-o-border-radius: 5px 0 0;
border-radius: 5px 0 0;
}

.imageBox .thumbBox {
background: transparent none repeat scroll 0 0;
height: 366px;
left: 0;
position: absolute;
top: 0;
width: 386px;
-webkit-box-shadow: 0 0 0 1000px rgba(239, 239, 239, 0.5);
-moz-box-shadow: 0 0 0 1000px rgba(239, 239, 239, 0.5);
-ms-box-shadow: 0 0 0 1000px rgba(239, 239, 239, 0.5);
-o-box-shadow: 0 0 0 1000px rgba(239, 239, 239, 0.5);
box-shadow: 0 0 0 1000px rgba(239, 239, 239, 0.5);
}

.imageBox .spinner {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
text-align: center;
line-height: 480px;
}

.action {
background: #e9e9e9 none repeat scroll 0 0;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
-ms-border-radius: 0 0 4px 4px;
-o-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
float: left;
line-height: 94px;
padding-left: 55px;
padding-right: 55px;
width: 100%;
}

.cropped > img {
margin: 5px;
}

.action > input[type="text"] {
border: medium none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
float: none;
line-height: 37px;
vertical-align: middle;
width: 84px;
padding: 0 15px;
}

.action > button {
border: medium none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
color: #fff;
float: none;
font-size: 11px;
line-height: initial;
padding: 10px 18px;
text-transform: uppercase;
vertical-align: middle;
}

.action > label {
margin-bottom: 0;
margin-left: 8px;
margin-right: 5px;
font-size: 13px;
}

.action > button#btnZoomIn,
.action > button#btnZoomOut {
font-size: 18px;
}

.action > button#btnCrop {
margin-left: 5px;
}

/*===============404========*/

.search-found {
display: block;
position: relative;
width: 670px;
text-align: center;
background-color: #fff;
margin: 0 auto;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
padding-bottom: 70px;
-webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}

.search-found > h1 {
display: inline-block;
position: relative;
width: 100%;
font-weight: bold;
font-size: 170px;
margin-top: 0;
padding-top: 22px;
margin-bottom: -27px;
}



.search-found > span {
display: inline-block;
position: relative;
font-size: 28px;
font-weight: bold;
text-transform: capitalize;
}

.search-found > p {
display: inline-block;
position: relative;
font-size: 15px;
width: 100%;
margin-top: -1px;
margin-bottom: 38px;
}

.search-found > a.home-btn {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 0 13px 8px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 13px 8px rgba(0, 0, 0, 0.08);
-ms-box-shadow: 0 13px 8px rgba(0, 0, 0, 0.08);
-o-box-shadow: 0 13px 8px rgba(0, 0, 0, 0.08);
box-shadow: 0 13px 8px rgba(0, 0, 0, 0.08);
color: #fff;
display: inline-block;
font-size: 12px;
line-height: 48px;
padding: 0 42px;
text-align: center;
text-transform: uppercase;
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
}

.search-found::before {
position: absolute;
content: url('../images/404-shape1.png');
right: -104px;
top: 75px;
}

.search-found::after {
position: absolute;
content: url('../images/404-shape2.png');
left: -101px;
bottom: 69px;
}
/*--- invoice page ---*/

.invoice-pad {
background: #fff none repeat scroll 0 0;
float: left;
padding: 50px;
width: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}

.invoice-detail {
float: left;
width: 100%;
padding-top: 45px;
}

.invoice-info > img {
margin-left: -10px;
}

.invoice-info > h3 {
font-size: 16px;
margin: 15px 0 20px;
font-weight: 600;
}

.invoice-info > h3 span {
color: #000;
font-weight: 400;
font-size: 14px;
}

.invoice-detail > h3 {
font-size: 30px;
font-weight: bold;
padding-bottom: 28px;
text-transform: uppercase;
}

.invoice-detail > h3 span {
font-size: 12px;
text-transform: capitalize;
}

.invoice-detail > h4 {
font-size: 13px;
padding-bottom: 24px;
text-transform: capitalize;
}

.invoice-detail > h4 span {
font-size: 13px;
}

.invoice-detail > h5,
.invoice-info > h4 {
font-size: 15px;
padding-bottom: 21px;
text-transform: uppercase;
}

.invoice-detail > p {
font-size: 12px;
line-height: 22px;
max-width: 50%;
}

.some-about {
float: left;
margin-top: 15px;
width: 100%;
}

.some-about > li {
font-size: 14px;
line-height: 30px;
}

.some-about > li > span {
display: inline-block;
text-transform: uppercase;
width: 110px;
font-size: 12px;
}

.invoice-info > h4 {
padding-bottom: 0;
}

.some-about.ttl-sum {
margin-top: 0;
}

.some-about.ttl-sum > li {
font-size: 13px;
}

.some-about.ttl-sum > li span {
font-size: 13px;
}

.some-about > li > i {
font-style: normal;
text-transform: capitalize;
}

.proced-btns {
float: right;
margin-top: 25px;
}

.btn-st.drk-clr {
background: #303030 none repeat scroll 0 0;
}

.proced-btns > a {
display: block;
font-size: 12px;
margin-bottom: 10px;
padding: 14px 32px;
text-transform: uppercase;
}

.invoice-table table.prj-tbl tr td ins {
font-size: 12px;
-webkit-text-decoration: none;
-moz-text-decoration: none;
-ms-text-decoration: none;
-o-text-decoration: none;
text-decoration: none;
}

.invoice-table table.striped > tbody > tr:nth-child(2n+1) {
background: #f0f0f0;
}

/*===== Services =====*/

.inner-bg {
float: left;
width: 100%;
background: #fff;
border: 1px solid #eaeaea;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
padding: 30px;
}

.white-bg {
background: #fff none repeat scroll 0 0;
border: 1px solid #eaeaea;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
float: left;
padding: 50px;
width: 100%;
}

.white-bg .inner-bg {
border: 0 none;
}

/*--- comment form ---*/

.contact-from {
float: left;
width: 100%;
}

.contact-from form input,
.contact-from form textarea {
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
color: #858585;
float: left;
font-size: 11px;
padding: 20px 30px;
text-transform: capitalize;
width: 100%;
background: #f8f8f8;
}

.contact-from form > div {
padding-bottom: 5px;
padding-left: 0;
padding-right: 10px;
}

.contact-from .button::after {
background: #333 none repeat scroll 0 0;
}

.contact-from .button {
color: #fff;
text-transform: uppercase;
margin-top: 20px;
font-size: 11px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
border: none;
width: 150px;
line-height: 42px;
}

.contact-from .button:hover {
background: #2a2a2a;
}

/*--- icons ---*/

.fontawesome-icon-list .fa-hover a:hover {
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
color: #fff;
-webkit-text-decoration: none;
-moz-text-decoration: none;
-ms-text-decoration: none;
-o-text-decoration: none;
text-decoration: none;
}

.fontawesome-icon-list .fa-hover a {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
display: block;
height: 32px;
line-height: 32px;
padding-left: 10px;
}

.fontawesome-icon-list .fa-hover a:hover .fa {
font-size: 24px;
vertical-align: -3px;
}

.fontawesome-icon-list .fa-hover a .fa {
display: inline-block;
font-size: 14px;
margin-right: 10px;
text-align: right;
width: 32px;
}

.service-sec.iconz section > h2 {
font-size: 22px;
font-weight: bold;
text-transform: capitalize;
}

.alert.alert-success > ul {
list-style: outside none disc;
}

/*--- header opening style ---*/

.main-page.style1 .main-content {
padding-left: 0px;
}

.main-page.style1 header .side-header,.main-page.style1 header .side-header-quick {
left: -22%;
}

.main-page.style1 header .side-header.slide-out, .main-page.style1 header .side-header-quick.slide-out {
left: 0;
}

/*--- map styles page ---*/

.styles {
float: left;
padding-top: 50px;
width: 100%;
}

.styles .element-title {
margin-bottom: 20px;
}

#map {
width: 100%;
height: 300px;
}

.main-page a.nav-icon3 {
display: none;
}

.main-page.style1 a.nav-icon3 {
font-size: 16px;
position: absolute;
right: 10px;
top: 5px;
display: block;
}

ul.notify-area > li > i {
display: inline-block;
font-size: 18px;
}

/*--- responsive header ---*/

.responsive-header {
float: left;
width: 100%;
}
.vfy-code{
  /*margin-top: 35px!important;*/
}

.logo-area {
float: left;
padding: 7px 20px;
width: 100%;
}

.responsive-header .notify-area {
line-height: 45px;
padding-left: 0;
}

.responsive-header .user-head {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
float: right;
margin-left: 12px;
padding: 0;
width: initial;
}

.responsive-header .t-search {
float: left;
width: 100%;
margin-left: 0;
}

.responsive-header .t-search form {
float: left;
width: 98%;
}

.responsive-header .t-search form input {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
width: 100%;
padding-left: 20px;
background: #262626;
color: #fff;
}

.responsive-header .t-search form button {
right: 25px;
}

.responsive-header .drop.active {
z-index: 100;
}

.revenue-chart {
float: left;
width: 85%;
}

.revenue-chart.line {
width: 100%;
float: none;
}

.chart-info {
float: left;
width: 15%;
padding-left: 40px;
}

.chart-info > span {
text-transform: uppercase;
border-bottom: 1px solid #efefef;
float: left;
width: 100%;
padding-bottom: 6px;
font-weight: 500;
font-size: 12px;
}

.chart-info > ul {
float: left;
margin-top: 13px;
width: 100%;
}

.chart-info > ul li {
display: inline-block;
margin-bottom: 8px;
padding-left: 25px;
position: relative;
vertical-align: sub;
width: 100%;
font-size: 12px;
}

.chart-info > ul li::before {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
content: "";
height: 15px;
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 15px;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}

/*--- gray header ---*/

.main-page.gray .side-header, .main-page.gray .side-header-quick {
background: #f7f7f7 none repeat scroll 0 0;
-webkit-box-shadow: 0 0 4px #e4e4e4;
-moz-box-shadow: 0 0 4px #e4e4e4;
-ms-box-shadow: 0 0 4px #e4e4e4;
-o-box-shadow: 0 0 4px #e4e4e4;
box-shadow: 0 0 4px #e4e4e4;
}

.main-page.gray .main-content .sub-bar {
background: #f7f7f7 none repeat scroll 0 0;
color: #333;
}

.main-page.gray .main-content .sub-bar .t-search input {
background: #fff none repeat scroll 0 0;
color: #333;
}

.main-page.gray .side-menus nav > ul > li > a {
color: #333;
}

.main-page.gray .side-menus nav > ul > li > a i {
color: #333;
}

.main-page.gray .side-menus nav > ul > li::before {
color: #333;
}

.main-page.gray .side-menus nav > ul > li.menu-item-has-children > ul {
background: #fff none repeat scroll 0 0;
}

.main-page.gray .side-menus nav > ul > li.menu-item-has-children > ul > li > a {
color: #696969;
}
/*--- End ---*/

.panel-layout.boxed .main-page.style1 .main-content {
padding-left: 0;
}


.panel-layout.boxed .side-header, .panel-layout.boxed .side-header-quick {
left: 0;
position: absolute;
width: 255px;
z-index: -1;
}

.panel-layout.boxed .main-content {
padding-left: 255px;
}


.panel-layout.boxed .main-content.menu-slide {
padding-left: 0;
}

.panel-layout.boxed .side-header.slide-out, .panel-layout.boxed .side-header-quick.slide-out {
left: -24%;
}

.side-header.overlap.slide-out .slide-menu > ul li a i, .side-header-quick.overlap.slide-out .slide-menu > ul li a i  {
font-size: 14px;
}


.sngl-slct::before {
content: "";
display: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}

.sngl-slct {
position: relative;
}

.sngl-slct.active:before {
display: block;
}

#map-multi {
display: block !important;
float: left;
width: 100%;
}

.themify-section {
float: left;
position: relative;
width: 100%;
}

.icon-section {
float: left;
width: 100%;
}

.icon-section > h3 {
font-size: 20px;
margin-bottom: 20px;
margin-top: 20px;
width: 100%;
}

.icon-container {
float: left;
margin-bottom: 10px;
width: 25%;
padding: 6px 10px;
}

.icon-container > span.icon-name {
margin-left: 5px;
}

.icon-container:hover {
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
color: #fff;
cursor: pointer;
}

/*--- calendar page ---*/

.jalendar {
margin-top: 0;
width: 100%;
}

.jalendar .jalendar-container .jalendar-pages .days .day.today span {
background: #fff !important;
color: #000;
}

.jalendar .jalendar-container .jalendar-pages > .header h1 {
margin-bottom: 50px;
}

.full-calendar {
float: left;
width: 100%;
}

.jalendar-pages .events {
background: #333 none repeat scroll 0 0;
}

.events-list {
padding: 0 10px 30px 0;
}

.jalendar .jalendar-container .jalendar-pages .add-event .events h3 {
padding-top: 20px;
}

.jalendar .jalendar-container .jalendar-pages > .header h2 {
font-size: 13px;
}

/*--- price table ---*/

.price-table {
background: #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
float: left;
padding: 65px 30px;
position: relative;
text-align: center;
width: 100%;
-webkit-box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.05);
border: 1px solid transparent;
}

.price-table .bg-image {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
-o-border-radius: 7px;
border-radius: 7px;
-webkit-opacity: 0.1;
-moz-opacity: 0.1;
-ms-opacity: 0.1;
-o-opacity: 0.1;
opacity: 0.1;
z-index: 1;
}

.table-meta {
float: left;
width: 100%;
z-index: 3;
position: relative;
}

.table-meta > h4 {
float: left;
font-size: 20px;
font-weight: bold;
padding-bottom: 24px;
text-transform: uppercase;
width: 100%;
}

.table-meta > span {
display: inline-block;
font-size: 15px;
line-height: 22px;
margin: 0 auto;
max-width: 95%;
padding-bottom: 25px;
width: 95%;
}

.table-meta > ul {
float: left;
list-style: outside none none;
margin-bottom: 35px;
padding-left: 0;
width: 100%;
}

.table-meta > ul li {
float: left;
font-size: 13px;
padding-bottom: 12px;
width: 100%;
}

.table-meta > h5 {
float: left;
font-size: 36px;
padding-bottom: 6px;
width: 100%;
}

.table-meta > i {
float: left;
font-size: 13px;
font-style: normal;
width: 100%;
}

.table-meta .main-btn {
bottom: -95px;
left: 50%;
position: absolute;
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-o-transform: translate(-50%);
transform: translate(-50%);
padding: 15px 30px;
width: 180px;
text-transform: capitalize;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}

.price-table.active .table-meta > h4 {
color: #fff;
}

.price-table.active .table-meta > span {
color: #f7f7f7;
}

.price-table.active .table-meta > ul li {
color: #eee;
}

.price-table.active .table-meta > h5 {
color: #fff;
}

.price-table.active .table-meta > i {
color: #f8f7f7;
}

.price-table.active .table-meta .main-btn {
background: #0c0c0c none repeat scroll 0 0;
color: #fff;
}


/*-- mega menu styles --*/

.mega-menu.demo {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
position: static;
visibility: visible;
width: 100%;
margin-top: 40px;
}

.inner-bg .mega-menu.demo:nth-child(2) {
margin-top: 0;
}

.mega-post-info {
float: left;
width: 100%;
padding-left: 15px;
}

.mega-post-info > span {
color: #000;
float: left;
padding-bottom: 5px;
text-transform: uppercase;
width: 100%;
font-size: 14px;
font-weight: bold;
}

.mega-post-info > ul {
float: left;
width: 100%;
}

.mega-post-info > ul > li {
display: block;
font-size: 13px;
margin-top: 10px;
text-transform: capitalize;
}

.mega-style1 > div {
border-right: 1px solid #f3f3f3;
}

.mega-style1 > div img {
float: left;
width: 100%;
margin-bottom: 27px;
}

.mega-style1 > div:last-child {
border-right: 0 none;
}

/*--- megamenu carousel ---*/

.megamenu-caro {
float: left;
margin-top: 25px;
width: 100%;
}

.megamenu-caro li {
display: inline-block;
position: relative;
width: 100%;
}

.megamenu-caro li::before {
background: #f3f3f3 none repeat scroll 0 0;
content: "";
height: 100%;
position: absolute;
right: -30px;
top: 0;
width: 1px;
}

.megamenu-caro li span {
color: #000;
display: inline-block;
padding-top: 22px;
text-transform: uppercase;
width: 100%;
font-weight: bold;
font-size: 14px;
}

/*-- header dock style ---*/

.slide-out .menu-item-has-children::before {
display: none;
}

.side-menus .slide-out nav > ul > li > a > span {
display: none;
}

.side-menus .logo {
display: none;
}

.side-menus .slide-out nav > ul > li {
text-align: right;
}

.side-menus .slide-out nav > ul > li > a {
padding-right: 15px;
}

.side-menus .slide-out .logo {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
visibility: hidden;
padding: 20px 15px;
}

.side-menus .slide-out:hover .logo {
visibility: visible;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
}

.side-menus .slide-out .logo a {
display: block;
overflow: hidden;
z-index: 0;
}

.side-menus .slide-out .logo img {
left: 175px;
position: relative;
}

.slide-menu > span {
border-bottom: 1px solid #eee;
float: left;
font-size: 10px;
margin-bottom: 10px;
padding-bottom: 10px;
padding-left: 25px;
text-transform: uppercase;
width: 100%;
padding-right: 20px;
}

.slide-menu > span i {
float: right;
font-size: 14px;
}

/*-- slide menu hover ---*/

.side-header.slide-out:hover, .side-header-quick.slide-out:hover {
left: 0;
}

.side-header.slide-out:hover .slide-menu > ul li a i, .side-header-quick.slide-out:hover .slide-menu > ul li a i  {
font-size: 14px;
}

.side-menus .slide-out:hover .logo,
.main-page.style1 .side-menus .slide-out .logo {
float: left;
padding-right: inherit;
width: 100%;
}

.side-menus .slide-out:hover .logo img,
.main-page.style1 .side-menus .slide-out .logo img {
position: unset;
-webkit-transform: initial;
-moz-transform: initial;
-ms-transform: initial;
-o-transform: initial;
transform: initial;
}

.side-menus .slide-out:hover nav > ul > li > a > span,
.main-page.style1 .side-menus .slide-out nav > ul > li > a > span {
display: inline-block;
}

.side-menus .slide-out:hover nav > ul > li > a,
.main-page.style1 .side-menus .slide-out nav > ul > li > a {
padding-right: 30px;
}

.slide-out:hover .menu-item-has-children::before,
.main-page.style1 .slide-out .menu-item-has-children::before {
display: block;
}

.side-menus .slide-out:hover nav > ul > li,
.main-page.style1 .side-menus .slide-out nav > ul > li {
text-align: left;
}

.side-menus .slide-out nav > ul > li.menu-item-has-children > ul {
position: absolute;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
}

.side-menus .slide-out:hover nav > ul > li.menu-item-has-children > ul,
.main-page.style1 .side-menus .slide-out nav > ul > li.menu-item-has-children > ul {
position: static;
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
}

/*--- dragable grids ---*/

.ui-state-highlight {
background: #f0f8ff;
border: 1px dashed #cdcdcd;
}

/*===== Testimonial Section =====*/

.testimonial-section {
float: left;
position: relative;
width: 100%;
}

.testimonial-section > img {
float: left;
width: 100%;
}

.testimonial-carousel {
float: left;
text-align: center;
width: 100%;
}

.testimonial {
float: left;
width: 100%;
}

.testimonial blockquote {
border: 0 none;
color: #e8e8e8;
float: left;
font-size: 13px;
line-height: 27px;
margin: 0 0 30px;
padding: 40px 0 0;
width: 100%;
}

.testimonial-name {
display: block;
margin: 0 auto;
text-align: left;
max-width: 83%;
}

.testimonial-name > img {
display: inline-block !important;
margin-right: 20px;
width: auto !important;
float: left;
}

.quote-start {
display: inline-block !important;
margin-right: 3px;
margin-top: 0;
width: auto !important;
}

.quote-end {
display: inline-block !important;
margin-bottom: -20px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
width: auto !important;
}

.testimonial-name > strong {
color: #ffffff;
display: inline-block;
font-size: 16px;
font-weight: 600;
vertical-align: middle;
margin-top: 10px;
text-transform: uppercase;
}

.testimonial-name > strong span {
display: table;
font-size: 11px;
}

.title {
float: left;
width: 100%;
text-align: center;
margin-bottom: 40px;
}

.title > span {
font-size: 14px;
}

.title > h4 {
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
margin: 5px 0 0;
}

.cnt-btn {
float: left;
width: 100%;
text-align: center;
margin-top: 50px;
margin-bottom: 50px;
}

.cnt-btn > a {
display: inline-block;
color: #ffffff;
font-size: 14px;
text-transform: uppercase;
padding: 18px 25px;
}

.cnt-btn > a:hover,
.cnt-btn > a:focus {
background-color: #333333;
}

.clients-carousel {
float: left;
width: 100%;
padding: 0 10px;
}

.client {
float: left;
width: 100%;
text-align: center;
}

.client > a {
display: inline-block;
vertical-align: middle;
}

/*===== Social Media Styles =====*/

.social-btns-styles {
float: left;
width: 100%;
}

.social-btns {
float: left;
margin: 0;
width: 100%;
}

.brd-5 {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

.rd-50 {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}

.social-btns + .social-btns {
margin-top: 20px;
}

.social-btns > li {
float: left;
margin-right: 20px;
}

.social-btns > li:last-child {
margin-right: 0;
}

.social-btns > li a {
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}

.social-btns > li a:hover {
-webkit-transform: scale(0.96);
-moz-transform: scale(0.96);
-ms-transform: scale(0.96);
-o-transform: scale(0.96);
transform: scale(0.96);
color: #fff;
}

.social-btns > li a:hover.btn3,
.social-btns > li a:hover.btn5,
.social-btns > li a:hover.btn2.rd-50,
.social-btns > li a:hover.btn2.brd-5 {
color: #333;
}

.btn1 {
border: 2px solid;
color: #fff;
display: inline-block;
font-size: 12px;
line-height: 40px;
max-width: 200px;
min-width: 200px;
text-align: center;
width: 100%;
}

.btn1 > i {
font-size: 13px;
margin-right: 5px;
}

.btn2 {
border: 2px solid;
color: #fff;
display: inline-block;
font-size: 13px;
height: 43px;
line-height: 43px;
text-align: center;
width: 43px;
}

.btn3 {
display: inline-block;
font-size: 20px;
margin-top: 10px;
}

.hlf-rd-30 {
-webkit-border-radius: 5px 30px 30px 5px;
-moz-border-radius: 5px 30px 30px 5px;
-ms-border-radius: 5px 30px 30px 5px;
-o-border-radius: 5px 30px 30px 5px;
border-radius: 5px 30px 30px 5px;
}

.btn4,
.btn5 {
border: 2px solid;
color: #fff;
display: inline-block;
font-size: 12px;
line-height: 40px;
max-width: 160px;
min-width: 160px;
padding: 0 15px 0 60px;
position: relative;
width: 100%;
}

.btn4 > i,
.btn5 > i {
bottom: -1px;
color: #fff !important;
font-size: 13px;
left: -1px;
line-height: 42px;
position: absolute;
text-align: center;
top: -1px;
width: 45px;
}

.btn4.facebook > i,
.btn5.facebook-clr > i {
background: #304c86;
}

.btn4.twitter > i,
.btn5.twitter-clr > i {
background: #4196d6;
}

.btn4.google > i,
.btn5.google-clr > i {
background: #c63c2b;
}

.btn4.linkedin > i,
.btn5.linkedin-clr > i {
background: #015b8e;
}

.btn4.pinterest > i,
.btn5.pinterest-clr > i {
background: #af1015;
}

.btn4.youtube > i,
.btn5.youtube-clr > i {
background: #d32b25;
}

.btn4.tumblr > i,
.btn5.tumblr-clr > i {
background: #202f43;
}

.btn4.dribbble > i,
.btn5.dribbble-clr > i {
background: #cb4071;
}

.btn4.reddit > i,
.btn5.reddit-clr > i {
background: #1d1b1b;
}

.btn4.rss > i,
.btn5.rss-clr > i {
background: #e38f11;
}

.btn4.github > i,
.btn5.github-clr > i {
background: #175e92;
}

.btn4.vimeo > i,
.btn5.vimeo-clr > i {
background: #2c9bda;
}

.facebook {
background: #3b5998;
border-color: #3b5998;
}

.facebook-clr {
border-color: #3b5998;
color: #3b5998;
}

.twitter {
background: #55acee;
border-color: #55acee;
}

.twitter-clr {
border-color: #55acee;
color: #55acee;
}

.google {
background: #dd4b39;
border-color: #dd4b39;
}

.google-clr {
border-color: #dd4b39;
color: #dd4b39;
}

.linkedin {
background: #0976b4;
border-color: #0976b4;
}

.linkedin-clr {
border-color: #0976b4;
color: #0976b4;
}

.pinterest {
background: #cc2127;
border-color: #cc2127;
}

.pinterest-clr {
border-color: #cc2127;
color: #cc2127;
}

.youtube {
background: #e52d27;
border-color: #e52d27;
}

.youtube-clr {
border-color: #e52d27;
color: #e52d27;
}

.tumblr {
background: #293b52;
border-color: #293b52;
}

.tumblr-clr {
border-color: #293b52;
color: #293b52;
}

.dribbble {
background: #d75281;
border-color: #d75281;
}

.dribbble-clr {
border-color: #d75281;
color: #d75281;
}

.reddit {
background: #000;
border-color: #000;
}

.reddit-clr {
border-color: #000;
color: #000;
}

.rss {
background: #fd9f13;
border-color: #fd9f13;
}

.rss-clr {
border-color: #fd9f13;
color: #fd9f13;
}

.github {
background: #1f76b6;
border-color: #1f76b6;
}

.github-clr {
border-color: #1f76b6;
color: #1f76b6;
}

.vimeo {
background: #44bbff;
border-color: #44bbff;
}

.vimeo-clr {
border-color: #44bbff;
color: #44bbff;
}

/*--- home 3 ---*/
.mini-stats {
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
float: left;
min-height: 162px;
padding: 30px;
width: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
position: relative;
-webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}

.info-section .mini-stats.blue-grdnt {
background: #04a9f5 none repeat scroll 0 0;
}

.info-section .mini-stats.red-grdnt {
background: -webkit-linear-gradient(225deg, rgb(243, 115, 78) 0%, rgb(175, 109, 83) 40%, rgb(201, 85, 108) 100%);
background: -moz-linear-gradient(225deg, rgb(243, 115, 78) 0%, rgb(175, 109, 83) 40%, rgb(201, 85, 108) 100%);
background: -ms-linear-gradient(225deg, rgb(243, 115, 78) 0%, rgb(175, 109, 83) 40%, rgb(201, 85, 108) 100%);
background: -o-linear-gradient(225deg, rgb(243, 115, 78) 0%, rgb(175, 109, 83) 40%, rgb(201, 85, 108) 100%);
background: linear-gradient(225deg, rgb(243, 115, 78) 0%, rgb(175, 109, 83) 40%, rgb(201, 85, 108) 100%);
background: -webkit-linear-gradient(225deg, rgb(243, 115, 78) 0%, rgb(175, 109, 83) 40%, rgb(201, 85, 108) 100%);
background: -moz-linear-gradient(225deg, rgb(243, 115, 78) 0%, rgb(175, 109, 83) 40%, rgb(201, 85, 108) 100%);
background: -ms-linear-gradient(225deg, rgb(243, 115, 78) 0%, rgb(175, 109, 83) 40%, rgb(201, 85, 108) 100%);
background: -o-linear-gradient(225deg, rgb(243, 115, 78) 0%, rgb(175, 109, 83) 40%, rgb(201, 85, 108) 100%);
background: linear-gradient(225deg, rgb(243, 115, 78) 0%, rgb(175, 109, 83) 40%, rgb(201, 85, 108) 100%);
background: -webkit-linear-gradient(225deg, rgb(243, 115, 78) 0%, rgb(175, 109, 83) 40%, rgb(201, 85, 108) 100%);
background: -moz-linear-gradient(225deg, rgb(243, 115, 78) 0%, rgb(175, 109, 83) 40%, rgb(201, 85, 108) 100%);
background: -ms-linear-gradient(225deg, rgb(243, 115, 78) 0%, rgb(175, 109, 83) 40%, rgb(201, 85, 108) 100%);
background: -o-linear-gradient(225deg, rgb(243, 115, 78) 0%, rgb(175, 109, 83) 40%, rgb(201, 85, 108) 100%);
background: linear-gradient(225deg, rgb(243, 115, 78) 0%, rgb(175, 109, 83) 40%, rgb(201, 85, 108) 100%);
background: -webkit-linear-gradient(225deg, rgb(243, 115, 78) 0%, rgb(175, 109, 83) 40%, rgb(201, 85, 108) 100%);
background: -moz-linear-gradient(225deg, rgb(243, 115, 78) 0%, rgb(175, 109, 83) 40%, rgb(201, 85, 108) 100%);
background: -ms-linear-gradient(225deg, rgb(243, 115, 78) 0%, rgb(175, 109, 83) 40%, rgb(201, 85, 108) 100%);
background: -o-linear-gradient(225deg, rgb(243, 115, 78) 0%, rgb(175, 109, 83) 40%, rgb(201, 85, 108) 100%);
background: linear-gradient(225deg, rgb(243, 115, 78) 0%, rgb(175, 109, 83) 40%, rgb(201, 85, 108) 100%);
background: -webkit-linear-gradient(225deg, rgb(243, 115, 78) 0%, rgb(175, 109, 83) 40%, rgb(201, 85, 108) 100%);
background: -moz-linear-gradient(225deg, rgb(243, 115, 78) 0%, rgb(175, 109, 83) 40%, rgb(201, 85, 108) 100%);
background: -ms-linear-gradient(225deg, rgb(243, 115, 78) 0%, rgb(175, 109, 83) 40%, rgb(201, 85, 108) 100%);
background: -o-linear-gradient(225deg, rgb(243, 115, 78) 0%, rgb(175, 109, 83) 40%, rgb(201, 85, 108) 100%);
background: linear-gradient(225deg, rgb(243, 115, 78) 0%, rgb(175, 109, 83) 40%, rgb(201, 85, 108) 100%);
}

.info-section .mini-stats.green-grdnt {
background: -webkit-linear-gradient(225deg, rgb(74, 181, 111) 0%, rgb(6, 176, 114) 40%, rgb(32, 152, 142) 100%);
background: -moz-linear-gradient(225deg, rgb(74, 181, 111) 0%, rgb(6, 176, 114) 40%, rgb(32, 152, 142) 100%);
background: -ms-linear-gradient(225deg, rgb(74, 181, 111) 0%, rgb(6, 176, 114) 40%, rgb(32, 152, 142) 100%);
background: -o-linear-gradient(225deg, rgb(74, 181, 111) 0%, rgb(6, 176, 114) 40%, rgb(32, 152, 142) 100%);
background: linear-gradient(225deg, rgb(74, 181, 111) 0%, rgb(6, 176, 114) 40%, rgb(32, 152, 142) 100%);
background: -webkit-linear-gradient(225deg, rgb(74, 181, 111) 0%, rgb(6, 176, 114) 40%, rgb(32, 152, 142) 100%);
background: -moz-linear-gradient(225deg, rgb(74, 181, 111) 0%, rgb(6, 176, 114) 40%, rgb(32, 152, 142) 100%);
background: -ms-linear-gradient(225deg, rgb(74, 181, 111) 0%, rgb(6, 176, 114) 40%, rgb(32, 152, 142) 100%);
background: -o-linear-gradient(225deg, rgb(74, 181, 111) 0%, rgb(6, 176, 114) 40%, rgb(32, 152, 142) 100%);
background: linear-gradient(225deg, rgb(74, 181, 111) 0%, rgb(6, 176, 114) 40%, rgb(32, 152, 142) 100%);
background: -webkit-linear-gradient(225deg, rgb(74, 181, 111) 0%, rgb(6, 176, 114) 40%, rgb(32, 152, 142) 100%);
background: -moz-linear-gradient(225deg, rgb(74, 181, 111) 0%, rgb(6, 176, 114) 40%, rgb(32, 152, 142) 100%);
background: -ms-linear-gradient(225deg, rgb(74, 181, 111) 0%, rgb(6, 176, 114) 40%, rgb(32, 152, 142) 100%);
background: -o-linear-gradient(225deg, rgb(74, 181, 111) 0%, rgb(6, 176, 114) 40%, rgb(32, 152, 142) 100%);
background: linear-gradient(225deg, rgb(74, 181, 111) 0%, rgb(6, 176, 114) 40%, rgb(32, 152, 142) 100%);
background: -webkit-linear-gradient(225deg, rgb(74, 181, 111) 0%, rgb(6, 176, 114) 40%, rgb(32, 152, 142) 100%);
background: -moz-linear-gradient(225deg, rgb(74, 181, 111) 0%, rgb(6, 176, 114) 40%, rgb(32, 152, 142) 100%);
background: -ms-linear-gradient(225deg, rgb(74, 181, 111) 0%, rgb(6, 176, 114) 40%, rgb(32, 152, 142) 100%);
background: -o-linear-gradient(225deg, rgb(74, 181, 111) 0%, rgb(6, 176, 114) 40%, rgb(32, 152, 142) 100%);
background: linear-gradient(225deg, rgb(74, 181, 111) 0%, rgb(6, 176, 114) 40%, rgb(32, 152, 142) 100%);
background: -webkit-linear-gradient(225deg, rgb(74, 181, 111) 0%, rgb(6, 176, 114) 40%, rgb(32, 152, 142) 100%);
background: -moz-linear-gradient(225deg, rgb(74, 181, 111) 0%, rgb(6, 176, 114) 40%, rgb(32, 152, 142) 100%);
background: -ms-linear-gradient(225deg, rgb(74, 181, 111) 0%, rgb(6, 176, 114) 40%, rgb(32, 152, 142) 100%);
background: -o-linear-gradient(225deg, rgb(74, 181, 111) 0%, rgb(6, 176, 114) 40%, rgb(32, 152, 142) 100%);
background: linear-gradient(225deg, rgb(74, 181, 111) 0%, rgb(6, 176, 114) 40%, rgb(32, 152, 142) 100%);
}

.info-section .mini-stats.purpal-grdnt {
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #899fd4 0%, #a389d4 100%) repeat scroll 0 0;
}

.mini-stats > p {
color: #fff;
float: left;
font-size: 12px;
font-weight: 600;
line-height: initial;
margin: 0;
text-transform: uppercase;
}

.mini-stats > h3 {
color: #fff;
display: inline-block;
font-size: 32px;
line-height: 20px;
margin-bottom: 20px;
margin-top: 8px;
position: relative;
width: 100%;
}

.mini-stats > h3 i {
font-size: 18px;
font-style: normal;
}

.mini-stats > i {
bottom: 30px;
color: #fff;
font-size: 65px;
-webkit-opacity: 0.4;
-moz-opacity: 0.4;
-ms-opacity: 0.4;
-o-opacity: 0.4;
opacity: 0.4;
position: absolute;
right: 27px;
}

.mini-stats > em {
color: #fff;
font-size: 13px;
}

.mini-stats > span {
background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
color: #fff;
cursor: pointer;
display: inline-block;
float: right;
font-size: 14px;
line-height: 32px;
text-align: center;
width: 32px;
margin-top: -5px;
}

.info-section.style2 .mini-stats > span {
background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
}

.info-section.style2 .mini-stats > p {
color: #fff;
}

.info-section.style2 .mini-stats > h3::before {
background: #fff none repeat scroll 0 0;
}
/*===== To Do List Widget =====*/

.td-lst {
float: left;
width: 100%;
}

.td-lst-hdr {
background: #f3f3f3 none repeat scroll 0 0;
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
float: left;
padding: 18px 50px;
width: 100%;
}

.td-lst-hdr > span {
color: #fff;
font-size: 12px;
}

.td-lst-hdr > a {
background: #101010 none repeat scroll 0 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
color: #fff;
display: inline-block;
float: right;
text-align: center;
text-transform: capitalize;
width: 80px;
font-size: 12px;
line-height: 30px;
}

.td-lst-bdy {
float: left;
width: 100%;
padding: 0 20px;
}

.td-lst-bdy > ul {
float: left;
height: 312px;
margin: 0;
overflow-y: auto;
width: 100%;
position: relative;
}

.td-lst-bdy > ul > li {
border-bottom: 1px solid #eaeaea;
float: left;
font-size: 13px;
line-height: initial;
padding: 18.5px 0 18.5px 40px;
position: relative;
width: 100%;
}

.sngl-slct1 {
background: #fff none repeat scroll 0 0;
border: 1px solid #cbcbcb;
height: 14px;
left: 0;
margin-top: -7px;
position: absolute;
top: 50%;
width: 14px;
}

.td-lst-bdy > ul > li > span {
background: #333 none repeat scroll 0 0;
color: #fff;
cursor: pointer;
font-size: 12px;
height: 14px;
line-height: 13px;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
position: absolute;
right: 40px;
text-align: center;
visibility: hidden;
width: 14px;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}

.clndr {
float: left;
width: 100%;
}

.td-lst-bdy > ul > li:hover > span {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
right: 20px;
visibility: visible;
}

.add-tsk {
background: #fafafa none repeat scroll 0 0;
border: 1px solid #eaeaea;
float: left;
margin: 20px 0;
overflow: hidden;
position: relative;
width: 100%;
}

.add-tsk > input {
border: 0 none;
color: #9a9a9a;
float: left;
font-size: 12px;
height: 40px;
margin-bottom: 0;
padding-left: 30px;
width: 100%;
}

.add-tsk > input:focus {
border: 0 none !important;
}

.add-tsk > div {
bottom: -1px;
position: absolute;
right: 0;
top: -1px;
}

.add-tsk > div > button {
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
border: 0 none;
color: #fff;
font-size: 12px;
height: 100%;
width: 40px;
}

/*====== News Feeds Widget =====*/

.news-feed-list {
float: left;
height: 442px;
overflow-y: auto;
width: 100%;
position: relative;
}

.new-box {
background: #fafafa none repeat scroll 0 0;
float: left;
padding: 15px 20px;
width: 100%;
display: inline-block;
}

.new-box:hover {
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
display: inline-block;
-webkit-transform: translate(0px);
-moz-transform: translate(0px);
-ms-transform: translate(0px);
-o-transform: translate(0px);
transform: translate(0px);
}

.new-box:nth-child(even) {
background: #fff;
}

.new-box > img {
float: left;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}

.news-detail {
display: table;
padding-left: 10px;
}

.news-detail > h2 {
font-size: 14px;
margin: 10px 0 7px;
}

.news-detail > h2 a {
color: inherit;
}

.news-detail > p {
line-height: 20px;
margin: 0;
}

/*===== Chat Widget =====*/
.chat-content {
float: left;
width: 100%;
}

.chat-messages {
float: left;
height: 319px !important;
padding: 0 40px;
width: 100%;
position: relative;
}

.chat-messages-list {
float: left;
list-style: outside none none;
margin: 0;
padding-left: 0;
width: 100%;
}

.chat-message {
background: #f4f8ff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
color: #333;
float: left;
margin-bottom: 20px;
margin-left: 10px;
padding: 10px 10px 10px 45px;
position: relative;
width: calc(100% - 100px);
}

.chat-message-bubble > p {
margin-top: 5px;
}

.chat-message:before {
content: "";
z-index: 1001;
font-size: 30px;
line-height: 0;
color: #1ec9de;
position: absolute;
top: 15px;
left: -20px;
text-shadow: -4px 4px 10px rgba(0, 0, 0, 0.15);
}

.chat-message:last-child {
margin-bottom: 0;
}

.chat-message.chat-message-friend {
background: #fff none repeat scroll 0 0;
color: #888;
float: right;
margin-left: 0;
margin-right: 20px;
padding-left: 20px;
padding-right: 20px;
}

.chat-message > img {
border: 5px solid #fff;
left: -41.5px;
position: absolute;
top: 50%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
-webkit-transform: translateY(-50%) scale(0.6);
-moz-transform: translateY(-50%) scale(0.6);
-ms-transform: translateY(-50%) scale(0.6);
-o-transform: translateY(-50%) scale(0.6);
transform: translateY(-50%) scale(0.6);
}

.chat-message.chat-message-friend > img {
left: auto;
right: -41.5px;
}

.chat-message h4 {
display: inline-block;
font-size: 14px;
margin-top: 0;
font-weight: 600;
color: #333;
}

.chat-message-bubble > span {
display: inline;
padding-left: 10px;
vertical-align: middle;
width: auto;
color: #999;
font-size: 11px;
}

.chat-input-bar {
float: left;
margin: 30px 0 35px;
padding: 0 40px;
width: 100%;
}

.chat-input-wrapper {
background: #fafafa none repeat scroll 0 0;
border: 1px solid #eaeaea;
float: left;
height: 40px;
padding-left: 30px;
position: relative;
width: 100%;
}

.chat-input {
color: #a9a9a9;
cursor: text;
-webkit-flex: 1 1 0;
-moz-flex: 1 1 0;
-ms-flex: 1 1 0;
-o-flex: 1 1 0;
flex: 1 1 0;
font-size: 12px;
height: 100%;
line-height: 40px;
overflow: hidden;
position: absolute;
resize: none;
top: 0;
width: 90%;
}

.chat-input-wrapper > a {
color: #a5a5a5;
font-size: 15px;
position: absolute;
right: 54px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}

.chat-send {
background: #e2e2e2;
border: 0 none;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-ms-border-radius: 0 5px 5px 0;
-o-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
bottom: -1px;
color: #333;
font-size: 15px;
position: absolute;
right: -1px;
top: -1px;
width: 40px;
}

.graph-inf {
clear: both;
float: right;
margin-bottom: 12px;
text-align: right;
}

.graph-inf > a {
float: left;
font-size: 10px;
margin-right: 20px;
text-transform: uppercase;
}

.graph-inf > a i {
float: left;
height: 10px;
margin-right: 7px;
margin-top: 3px;
width: 10px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}

.blk-skn {
background: #36404a none repeat scroll 0 0;
}

.blu-skn {
background: #66d0f6;
}

.rd-skn {
background: #ff8684;
}

.prpl-skn {
background: #7575f0;
}

.gren-skn {
background: #1de9b6;
}

.graph-inf > a:last-child {
margin-right: 0;
}

/*===== Circle Chart =====*/

.goal-wdg {
float: left;
width: 100%;
}

.goal-wdg > p {
margin: 10px 20px 76px 0;
float: left;
position: relative;
}

.goal-wdg > p i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-style: normal;
font-size: 20px;
}

.cirlce-chart-detail {
display: table;
}

.cirlce-chart-detail > p {
font-size: 13px;
line-height: 24px;
margin-top: 0;
padding-bottom: 14px;
}

.cirlce-chart-detail > ul li {
color: #333;
font-size: 13px;
margin-bottom: 11px;
}

.cirlce-chart-detail > ul li span {
width: 100%;
display: block;
margin-top: 3px;
font-weight: bold;
color: #919191;
font-size: 15px;
}

.cirlce-chart-detail > a {
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
color: #fff;
display: inline-block;
font-size: 12px;
margin-bottom: 4px;
margin-top: 13px;
padding: 7px 15px 9px;
}

.cirlce-chart-detail > ul {
float: left;
width: 100%;
margin-top: 5px;
}

/*===== Recent Activities =====*/

.rcnt-activt {
float: left;
max-height: 288px;
overflow-y: auto;
position: relative;
width: 100%;
padding-right: 10px;
}

.rcnt-activt > ul {
float: left;
width: 100%;
margin: 0;
}

.rcnt-activt > ul > li {
float: left;
width: calc(100% - 25px);
margin-left: 25px;
border-bottom: 1px solid #eaeaea;
padding: 11px 0;
position: relative;
font-size: 13px;
color: #1a1a1a;
}

.rcnt-activt > ul > li a {
color: inherit;
display: inline-block;
max-width: 60%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: text-bottom;
}

.rcnt-activt > ul > li span {
float: right;
font-size: 10px;
margin-top: 2px;
color: #888;
}

.rcnt-activt > ul > li:before {
content: "";
height: 43px;
left: -25px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 3px;
}

.rcnt-activt > ul > li:last-child {
border-bottom: 0;
}

.clr1:before,
.blu-skn {
background: #4eb5fb;
}

.clr2:before {
background: #f05050;
}

.clr3:before {
background: #fe9833;
}

.clr4:before {
background: #ee6f6c;
}

.col-md-4 .rcnt-activt > ul > li > a {
font-size: 12px;
}
/*===== Social Visitors Widget =====*/

.scl-wdgt-lst {
float: left;
max-height: 287px;
overflow-y: auto;
position: relative;
width: 100%;
padding-left: 30px;
padding-right: 10px;
}

.scl-wdgt {
float: left;
width: 100%;
position: relative;
padding: 11px 50px 11px 80px;
z-index: 1;
margin-bottom: 10px;
}

.scl-wdgt > span {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
color: #fff;
font-size: 14px;
height: 40px;
left: 0;
line-height: 40px;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 40px;
}

.scl-wdgt > h3 {
font-size: 16px;
margin: 0;
}

.scl-wdgt > p {
margin: 6px 0 0;
font-size: 13px;
line-height: initial;
}

.scl-wdgt > p i {
position: absolute;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 14px;
}

.fa.up {
color: #5bdd5e;
}

.totl-vistr {
text-align: center;
float: left;
width: 100%;
padding-bottom: 7px;
padding-top: 2px;
background: #f4f4f4;
}

.totl-vistr > strong {
color: #202020;
font-size: 12px;
font-weight: normal;
}

/*===== Friends Status =====*/

.frnds-stats-wdgt-lst {
float: left;
width: 100%;
}

.frnds-stats-wdgt-lst > ul {
float: left;
margin: 0;
max-height: 328px;
overflow-y: scroll;
position: relative;
width: 100%;
}

.frnds-stats-wdgt-lst > ul > li {
float: left;
width: 100%;
border-bottom: 1px solid #eaeaea;
}

.usr-stats {
float: left;
width: 100%;
padding: 13px 48px;
display: inline-block;
}

.usr-thmb {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 700;
height: 40px;
position: relative;
text-align: center;
vertical-align: middle;
width: 40px;
line-height: 40px;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.usr-thmb > img {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}

.usr-inf {
display: inline-block;
vertical-align: middle;
padding-left: 20px;
}

.usr-inf > h2 {
font-size: 14px;
margin: 0;
}

.usr-inf > h2 a {
color: inherit;
}

.usr-inf > span {
color: #afafaf;
font-size: 13px;
}

.usr-thmb:before {
background: #fff none repeat scroll 0 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
content: "";
height: 10px;
left: -22px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 10px;
}

.offline:before {
border: 1px solid #82bb05;
}

.onlineuser:before {
background: #82bb05;
}

.away:before {
background: #fcd116;
}

/*===== Task Progress =====*/

.tsk-prgs-lst {
float: left;
max-height: 320px;
overflow-y: scroll;
position: relative;
width: 100%;
padding: 25px;
}

.tsk-prgs-lst > ul {
margin: 0;
float: left;
width: 100%;
padding-bottom: 7px;
}

.tsk-prgs-lst > ul > li {
float: left;
width: 100%;
margin-bottom: 26px;
}

.tsk-prgs-lst > ul > li span,
.tsk-prgs-lst > ul > li i {
font-size: 12px;
text-transform: uppercase;
float: left;
font-style: normal;
margin-bottom: 10px;
color: #1a1a1a;
}

.tsk-prgs-lst > ul > li i {
float: right;
color: #888;
}

.tsk-prgs-lst > ul > li .progress {
height: 7px;
background: #fafafa;
clear: both;
-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}

/*===== Notification Widget =====*/

.notifi {
float: left;
width: 100%;
padding-top: 20px;
}

.notifi > i {
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
color: #fff;
display: inline-block;
float: left;
font-size: 24px;
height: 72px;
line-height: 72px;
margin-right: 40px;
text-align: center;
vertical-align: middle;
width: 72px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}

.notifi-info {
float: left;
width: 80%;
}

.notifi-info > p {
font-size: 15px;
line-height: 24px;
margin-bottom: 7px;
margin-top: 0;
}

.notifi-info > span {
font-size: 12px;
}

.notifi-info > span a {
border-bottom: 1px solid;
}

/*===== Vector Map =====*/

.vctr-map {
float: left;
width: 500px;
padding-top: 22px;
}

#vctr-map {
float: left;
width: 100%;
}

.jqvmap-pin {
display: none;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
visibility: hidden;
}

.visito-country-list {
float: left;
width: 51.5%;
}

.visito-country-list > ul {
float: left;
width: 100%;
}

.visito-country-list > ul > li:nth-child(2n+1) {
background: #f4f4f4 none repeat scroll 0 0;
}

.visito-country-list > ul > li.title {
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
color: #fff;
line-height: 30px;
margin-bottom: 0;
text-transform: capitalize;
}

.visito-country-list > ul > li {
float: left;
font-size: 12px;
font-weight: 300;
line-height: 50px;
width: 100%;
}

.visito-country-list > ul > li span,
.visito-country-list > ul > li i {
color: #1a1a1a;
float: left;
font-size: 13px;
padding: 0 20px;
text-align: center;
width: 33.334%;
}

.visito-country-list > ul > li span {
color: #fff;
}

.visito-country-list > ul > li i {
font-style: normal;
}
/*===== Review Carousel =====*/
.rev-carousel {
background: rgba(0, 0, 0, 0) url(../images/resources/rev-carousel-bg.jpg) repeat scroll center center / cover ;
float: left;
position: relative;
text-align: center;
width: 100%;
z-index: 1;
}
.rev-carousel::before,
.rev-carousel::after {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}

.rev-carousel::before {
background: #000 none repeat scroll 0 0;
-webkit-opacity: 0.9;
-moz-opacity: 0.9;
-ms-opacity: 0.9;
-o-opacity: 0.9;
opacity: 0.9;
}

.rev-carousel::after {
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
-webkit-opacity: 0.1;
-moz-opacity: 0.1;
-ms-opacity: 0.1;
-o-opacity: 0.1;
opacity: 0.1;
}

.rev-carousel > ul {
float: left;
margin: 0;
width: 100%;
}

.rev-carousel > ul li {
display: inline-block;
line-height: initial;
padding: 48px;
}

.rev-carousel > ul li > h4 {
font-size: 17px;
font-weight: 300;
line-height: 30px;
margin-top: 0;
position: relative;
color: #fff;
}

.rev-carousel > ul li h4 strong {
color: #fff;
font-weight: 600;
}

.rev-carousel > ul li > h4::before {
color: #dcdcdc;
content: "\f099";
font-family: fontawesome;
font-size: 70px;
left: 0;
-webkit-opacity: 0.22;
-moz-opacity: 0.22;
-ms-opacity: 0.22;
-o-opacity: 0.22;
opacity: 0.22;
position: absolute;
top: 0;
}

.rev-info {
display: inline-block;
margin-bottom: 25px;
margin-top: 35px;
width: 50%;
}

.rev-info > img {
border: 3px solid rgba(255, 255, 255, 0.99);
float: left;
margin-right: 15px;
max-width: 100%;
width: auto !important;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}

.rev-nam {
display: table-cell;
padding-top: 10px;
text-align: left;
vertical-align: middle;
}

.rev-nam > h4 {
color: #fff;
font-size: 14px;
font-weight: 600;
margin-bottom: 5px;
margin: 0;
text-transform: uppercase;
}

.rev-nam > span {
font-size: 12px;
}

.rev-carousel .owl-dots {
bottom: 55px;
left: 50%;
position: absolute;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}

.rev-carousel .owl-dot.active {
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
}

.rev-carousel .owl-dots > div {
background: rgba(255, 255, 255, 0.25) none repeat scroll 0 0;
float: left;
height: 14px;
margin: 0 3.5px;
width: 14px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}

/*===== Most Browsers =====*/

.pie-chart-sec {
display: table;
float: left;
padding: 40px;
width: 100%;
}

.pieID {
display: inline-block;
vertical-align: top;
}

.pie {
float: left;
height: 155px;
margin: 0;
position: relative;
width: 155px;
}

.pie::before {
background: #ffffff none repeat scroll 0 0;
content: "";
display: block;
height: 90px;
left: 49%;
position: absolute;
top: 49%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 90px;
z-index: 1;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}

.slice {
clip: rect(0px, 150px, 150px, 75px);
height: 150px;
position: absolute;
width: 150px;
}

.slice span {
background-color: black;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
clip: rect(0px, 150px, 150px, 75px);
display: block;
height: 150px;
left: 0;
position: absolute;
top: 0;
width: 150px;
}

.legend {
display: table-cell;
margin: 0;
padding-left: 25px !important;
vertical-align: middle;
width: 100%;
}

.legend li {
border-left: 10px solid;
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
display: inline-block;
font-size: 12px;
font-weight: 300;
height: 10px;
line-height: 10px;
margin-bottom: 11px;
padding-left: 10px;
width: 48%;
}

.legend li:last-child {
margin: 0;
}

.legend em {
font-style: normal;
}

.legend span {
display: none;
float: right;
font-size: 11px;
font-weight: 400;
line-height: 13px;
}

.most-browsers {
display: table;
float: left;
width: 100%;
}

.pieID.legend > li {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}

.mst-brw {
padding: 0 25px;
}

.mst-brw > a {
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
float: right;
margin-top: -5px;
color: #fff;
padding: 8px 17px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
display: inline-block;
margin-bottom: 25px;
font-size: 12px;
}

/*===== Reminder Widget =====*/

.rmndr-bg {
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
}

.widget.rmndr-bg .widget-title h4 {
color: #fff;
}

.rmndr-icn {
float: right;
font-size: 23px;
}

.reminder {
float: left;
padding-bottom: 17px;
width: 100%;
color: #fff;
padding-top: 20px;
}

.reminder > h2 {
font-size: 26px;
font-weight: 300;
line-height: 33px;
margin-top: 0;
color: #fff;
}

.reminder > p {
font-size: 15px;
line-height: 26px;
padding-bottom: 30px;
padding-top: 30px;
}

.reminder > a {
float: left;
font-size: 14px;
margin-top: 10px;
}

.widget-title > i {
color: #fff;
}

.reminder > a i {
margin-left: 10px;
}

/*-- instagram widget ---*/

.insta-widget {
float: left;
width: 100%;
}

.insta-widget > li {
float: left;
margin-bottom: 6px;
margin-right: 6px;
overflow: hidden;
width: 31.8%;
}

.insta-widget > li > a {
display: inline-block;
width: 100%;
}

.insta-widget > li > a img {
width: 100%;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}

.insta-widget > li > a:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

.insta-widget > li:nth-child(3n) {
margin-right: 0;
}

.more-view {
color: #f05050;
float: left;
margin-top: 30px;
text-align: center;
text-transform: uppercase;
width: 100%;
font-weight: bold;
font-size: 12px;
}

/*===== Inbox Page =====*/

.email-box-wrap {
display: table;
float: left;
width: 100%;
}

.email-box-nav {
border-right: 1px solid #eaeaea;
display: table-cell;
vertical-align: top;
width: 15%;
padding-top: 30px;
}

.email-box-nav .widget-title {
margin-bottom: 20px;
}

.email-box-nav > a {
color: #ffffff;
display: inline-block;
font-size: 12px;
padding: 11px 20px;
text-align: center;
text-transform: uppercase;
width: 100%;
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
}

.email-box-nav h5 {
font-size: 12px;
font-weight: 500;
margin-bottom: 0;
margin-top: 25px;
text-transform: uppercase;
padding: 0 15px;
}

.email-box-nav > ul {
float: left;
margin: 0;
width: 100%;
text-align: center;
padding: 0 15px;
}

.email-box-nav > ul > li {
float: left;
font-size: 14px;
margin-top: 25px;
width: 100%;
}

.email-box-nav > ul > li a {
color: #333;
float: left;
text-align: left;
width: 99%;
}

.email-box-nav > ul > li i {
font-size: 13px;
width: 20px;
color: #999;
}

.email-box-nav > ul > li a span {
background: #f87f89 none repeat scroll 0 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
color: #ffffff;
display: inline-block;
font-size: 10px;
font-weight: bold;
line-height: 14px;
text-align: center;
width: 30px;
margin-left: 10px;
vertical-align: middle;
}

.email-box-content {
display: table-cell;
vertical-align: top;
width: 70%;
}

.email-list {
border-right: 1px solid #eaeaea;
display: table-cell;
width: 40%;
vertical-align: top;
}

.email-list-inf {
float: left;
padding: 30px 5% 20px;
width: 100%;
}

.email-list-inf .nice-select {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
height: auto;
line-height: 20px;
width: auto;
}

.email-list-inf > .slc {
display: inline-block;
width: 60%;
vertical-align: middle;
}

.email-list-inf > .slc .select-wrapper input {
border: 0 none;
color: #686868;
font-size: 15px;
margin-bottom: 0;
}

.email-list-inf > .slc .select-wrapper span.caret {
color: #686868;
font-size: 20px;
}

.email-list-inf > .slc .select-wrapper span.caret i {
color: inherit;
}

.nxt-prv-arrow {
display: inline-block;
width: 30%;
text-align: right;
vertical-align: middle;
float: right;
}

.nxt-prv-arrow > a {
background: #c3c3c3 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 20px;
height: 20px;
line-height: 18px;
margin-left: 0;
text-align: center;
vertical-align: middle;
width: 20px;
}

.nxt-prv-arrow > a:hover {
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
}

.email-list > ul {
float: left;
margin: 0;
max-height: 566px;
position: relative;
width: 100%;
}

.email-list li {
float: left;
width: 100%;
cursor: pointer;
}

.email-list li:nth-child(2n+1) {
background: #fcfcfc none repeat scroll 0 0;
}

.email-list li:nth-child(2n) {
background: #f4f4f4 none repeat scroll 0 0;
}

.email-list-item {
float: left;
padding: 20px 5%;
width: 100%;
}

.email-list-item > i {
color: #66d0f6;
float: left;
font-size: 17px;
margin-right: 15px;
display: table-cell;
}

.email-message-inf {
display: table-cell;
}

.email-message-inf > h4 {
display: inline-block;
font-size: 15px;
font-weight: 600;
margin-bottom: 9px;
margin-top: 0;
text-transform: capitalize;
width: 100%;
}

.email-message-inf > i,
.email-compose-info > i {
color: #66d0f6;
float: right;
font-size: 11px;
font-style: normal;
}

.email-message-inf > span {
color: #444;
font-size: 14px;
}

.email-message-inf > p {
line-height: 20px;
margin-bottom: 0;
margin-top: 8px;
}

.email-compose {
display: table-cell;
padding: 30px 2%;
width: 60%;
}

.email-compose-info {
border-bottom: 1px solid #eaeaea;
float: left;
padding-bottom: 25px;
width: 100%;
}

.email-compose-info > span {
font-size: 12px;
}

.email-compose-info > i {
font-size: 13px;
}

.email-compose-info > h4 {
display: inline-block;
font-size: 20px;
margin-top: 5px;
width: 70%;
}

.email-compose > form {
float: left;
max-height: 300px;
position: relative;
width: 100%;
}

.email-compose > form textarea {
border: 0 none;
float: left;
font-size: 13px;
height: 500px;
line-height: 24px;
padding: 40px 0 30px;
resize: none;
width: 100%;
}

.email-atrch-inf {
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
float: left;
padding: 20px 0;
width: 100%;
}

.email-atrch-inf > a {
font-size: 14px;
}

.email-atrch-inf > a + a {
margin-left: 23px;
}

.email-atrch-inf > a i {
font-size: 20px;
margin-right: 10px;
}

.email-compose > a {
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
color: #ffffff;
display: inline-block;
font-weight: 600;
margin-top: 40px;
padding: 7px 40px;
text-transform: capitalize;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}

.email-compos-opt > a:hover {
color: #1dc4e9;
}

.email-compose > a:hover {
background: #333;
}

.email-compos-opt {
float: left;
margin-top: 30px;
width: 100%;
}

.email-compos-opt > a {
float: left;
font-size: 20.9px;
}

.email-compos-opt > a + a {
margin-left: 40px;
}

.email-box-wrap.inner-bg {
padding: 0;
}

.email-title {
text-align: center;
}

.email-title > h4 {
font-size: 16px;
}

.email-title > span {
display: inline-block;
font-size: 10px;
margin-bottom: 15px;
}
/*===== Edit Profile =====*/

.billing-sec {
float: left;
width: 100%;
}

.billing-sec .field {
float: left;
margin-bottom: 30px;
}

.billing-sec button {
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
border: medium none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
color: #ffffff;
float: left;
font-size: 13px;
margin-top: 40px;
padding: 14px 40px;
-webkit-text-decoration: none;
-moz-text-decoration: none;
-ms-text-decoration: none;
-o-text-decoration: none;
text-decoration: none;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}

.billing-sec button:hover {
background: #333;
}

.billing-sec .field > label {
float: left;
font-size: 12px;
font-weight: normal;
margin: 0 0 10px;
width: 100%;
}

.billing-sec .field > label span {
color: red;
}

.billing-sec .field > label.fileContainer > span {
color: #fff;
}

.billing-sec .field input {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
float: left;
font-size: 14px;
height: 50px;
padding: 0 30px;
width: 100%;
color: #333;
background: #f4f8ff;
border: 1px solid #eaeaea;
}

.billing-sec .field > select {
border: medium none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
float: left;
font-size: 12px;
height: 50px;
padding: 0 30px;
width: 100%;
}

.billing-sec .field > textarea {
border: medium none;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
float: left;
min-height: 160px;
padding: 20px 30px;
width: 100%;
}

.payment li:last-child {
margin: 0;
}

.clndr .fc-content > img {
height: initial;
margin-bottom: 10px;
width: 100%;
}

.billing-sec .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #888888;
font-size: 12px;
line-height: 50px;
padding-left: 30px;
}

.billing-sec .select2-container--default .select2-selection--single {
border: 0 none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
height: 50px;
}

.billing-sec .select2-container--default .select2-selection--single .select2-selection__arrow {
bottom: 0;
height: 100%;
top: 0;
width: 60px;
}

.billing-sec .nice-select {
background: #f4f8ff none repeat scroll 0 0;
color: #333;
height: 50px;
line-height: 50px;
width: 100%;
border: 1px solid #eaeaea;
}

.billing-sec .nice-select .list {
width: 100%;
}

/*--- bootstrap elements ---*/

.breadcrumb {
float: left;
}

/*--- maintinance page ----*/

.maintenance-page {
background: #fafafa none repeat scroll 0 0;
float: left;
padding-bottom: 50px;
padding-top: 50px;
position: relative;
text-align: center;
width: 100%;
}

.maintence-info {
display: block;
margin: 0 auto;
width: 80%;
position: relative;
z-index: 2;
}

.maintence-info > h1 {
float: left;
font: 90px/70px "Pacifico";
width: 100%;
}

.maintence-info > span {
color: #1dc4e9;
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: 30px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: initial;
padding-left: 240px;
text-transform: capitalize;
}

.maintence-info > p {
display: table;
font: 20px "lato";
margin: 0 auto;
max-width: 48%;
padding: 40px 0;
}

.maintence-info > i {
display: block;
margin-bottom: 55px;
font-weight: bold;
font-size: 24px;
}

.fixed-bg {
background-position: center center;
height: 100%;
left: 50%;
position: absolute;
top: -155px;
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-o-transform: translate(-50%);
transform: translate(-50%);
width: 100%;
z-index: 0;
}

/*--- 505 error page ---*/

.page5o5 {
float: left;
padding: 0 50px;
width: 100%;
}

.avatar5o5 {
display: table-cell;
max-width: 307px;
vertical-align: middle;
width: 307px;
}

.info5o5 {
display: table-cell;
padding-left: 70px;
vertical-align: top;
position: relative;
z-index: 3;
}

.info5o5 > h1 {
font-weight: bold;
font-size: 120px;
line-height: 140px;
}

.info5o5 > span {
font-size: 50px;
}

.info5o5 > em {
display: block;
font-size: 24px;
}

.info5o5 > p {
font-size: 16px;
font-style: italic;
padding-bottom: 37px;
padding-top: 18px;
line-height: 26px;
}

.info5o5 > form {
float: left;
position: relative;
width: 499px;
}

.info5o5 > form input {
background: #fff none repeat scroll 0 0;
border: 1px solid #eee;
-webkit-border-radius: 30px 0 0 30px;
-moz-border-radius: 30px 0 0 30px;
-ms-border-radius: 30px 0 0 30px;
-o-border-radius: 30px 0 0 30px;
border-radius: 30px 0 0 30px;
color: #333;
padding: 17px 35px;
width: 418px;
-webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
font-size: 14px;
}

.info5o5 > form button {
border: 0 none;
-webkit-border-radius: 0 30px 30px 0;
-moz-border-radius: 0 30px 30px 0;
-ms-border-radius: 0 30px 30px 0;
-o-border-radius: 0 30px 30px 0;
border-radius: 0 30px 30px 0;
color: #fff;
font-size: 18px;
padding: 15px 0;
position: absolute;
right: 0;
top: 0;
width: 80px;
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
}

.info5o5 > p > a {
-webkit-text-decoration: underline;
-moz-text-decoration: underline;
-ms-text-decoration: underline;
-o-text-decoration: underline;
text-decoration: underline;
text-transform: capitalize;
}

.info5o5 .fixed-bg {
top: -77px;
z-index: -2;
}

/*--- coming soon page ----*/

.page-bg {
position: relative;
float: left;
width: 100%;
overflow: hidden;
}

.coming-meta {
border-color: #1dc4e9 #1dc4e9 transparent !important;
-webkit-border-image: none;
-moz-border-image: none;
-ms-border-image: none;
-o-border-image: none;
border-image: none;
border-style: solid solid none;
border-width: 30px 30px medium;
float: left;
height: 93vh;
left: 0;
padding-top: 50px;
position: absolute;
text-align: center;
top: 0;
vertical-align: middle;
width: 100%;
}

.page-bg > img {
float: left;
height: 100vh;
width: 100%;
}

.coming-meta::before {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}

.coming-bg > span {
color: #fff;
display: inline-block;
position: relative;
right: 25%;
text-align: right;
text-transform: uppercase;
width: 100%;
z-index: 2;
font-weight: bold;
font-size: 25px;
}

.coming-bg > h1 {
color: #fff;
font-family: pacifico;
font-size: 80px;
line-height: 115px;
position: relative;
z-index: 2;
}

.coming-bg > h1 > span {
/*color: red;*/
font-family: inherit;
}

.coming-bg > p {
color: #fff;
font-size: 17px;
margin: 0 auto;
max-width: 70%;
position: relative;
z-index: 2;
}

.coming-bg > h2 {
color: #fff;
font-size: 40px;
font-weight: bold;
padding-bottom: 30px;
padding-top: 22px;
position: relative;
text-transform: uppercase;
z-index: 2;
}

.coming-bg {
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 9;
}

.countdown {
display: inline-block;
list-style: outside none none;
margin: 0;
padding: 0;
z-index: 2;
position: relative;
padding-top: 40px;
}

.countdown li {
background: rgba(255,255,255,.15);
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
border-radius: 12px;
display: inline-block;
height: 94px;
line-height: 94px;
margin-right: 6px;
position: relative;
text-align: center;
width: 94px;
}

.countdown li span {
color: #ffffff;
float: left;
font-family: monospace;
font-size: 30px;
font-weight: bold;
line-height: 64px;
width: 100%;
}

.countdown li p {
float: left;
font-size: 18px;
line-height: 0;
margin: 0;
text-transform: uppercase;
width: 100%;
}

/*-- testimonial page ---*/

.testimon {
float: left;
padding: 30px 50px 30px 30px;
position: relative;
width: 100%;
margin-bottom: 40px;
}

.testi-avatar {
display: table-cell;
max-width: 186px;
padding-right: 30px;
position: relative;
vertical-align: middle;
width: 186px;
z-index: 2;
}

.testi-meta {
display: table-cell;
padding-top: 23px;
position: relative;
vertical-align: top;
}

.testi-avatar > img {
border: 10px solid #fff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}

.testi-meta::before,
.testi-meta::after {
color: #c9c9c9;
content: "";
font-family: fontawesome;
font-size: 24px;
left: -20px;
position: absolute;
top: 0;
}

.testi-meta::after {
bottom: 30px;
content: "ï„Ž";
left: initial;
right: 0;
top: initial;
}

.testi-meta > p {
float: left;
width: 100%;
font-size: 15px;
font-style: italic;
}

.author-name {
display: inline-block;
margin-top: 25px;
width: 100%;
}

.author-name h5 {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}

.author-name span {
display: inline-block;
font-size: 13px;
padding-top: 8px;
}

.testimon::before {
background: #f4f8ff none repeat scroll 0 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
content: "";
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 87%;
}

/*--- testimonial style 2 ---*/

.testimon.style2 {
margin-top: 100px;
padding-top: 0;
text-align: center;
}

.testimon.style2 .testi-avatar {
display: inline-block;
margin-top: -110px;
padding-right: 0;
width: 100%;
}

.testimon.style2 .testi-meta {
display: inline-block;
padding-top: 48px;
width: 100%;
}

.testimon.style2::before {
width: 100%;
}

.testimon.style2 .testi-meta::before {
background: #fff none repeat scroll 0 0;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
display: inline-block;
font-size: 17px;
left: 50%;
line-height: 46px;
top: -27px;
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-o-transform: translate(-50%);
transform: translate(-50%);
width: 46px;
z-index: 2;
}

.testimon.style2 .testi-meta::after {
display: none;
}

/*--- testimonial style 3--- */

.testimon.style3::before {
width: 100%;
}

.testimon.style3 {
padding: 60px 55px;
text-align: center;
}

.testimon.style3 .testi-meta::before {
font-size: 36px;
left: 0;
top: 17px;
}

.testimon.style3 .testi-meta > p {
padding-bottom: 25px;
padding-left: 45px;
}

.testimon.style3 .testi-meta::after {
display: none;
}

.testimon.style3 .testi-avatar > img {
border: 0 none;
}

.testimon.style3 .testi-avatar {
padding-right: 15px;
width: auto;
}

.testimon.style3 .author-name .bloger-name {
display: table-cell;
text-align: left;
vertical-align: middle;
}

.testimon.style3 .author-name {
display: inline;
}

/*--- testimonial style 4 ---*/

.testimon.style4 {
text-align: center;
}

.testimon.style4::before {
height: 60%;
width: 100%;
}

.testimon.style4 .testi-avatar {
display: inline-block;
padding-right: 0;
padding-top: 10px;
}

.testimon.style4 .testi-meta::after {
display: none;
}

.testimon.style4 .testi-avatar img {
border: medium none;
}

.testimon.style4 .testi-meta::before {
background: #fff none repeat scroll 0 0;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
display: inline-block;
left: 50%;
line-height: 61px;
top: -60px;
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-o-transform: translate(-50%);
transform: translate(-50%);
width: 61px;
}

.testimon.style4 .testi-meta {
padding-top: 35px;
}

/*--- testimonial style 5 ---*/

.testimon.style5::before {
background: #f4f8ff none repeat scroll 0 0;
width: 100%;
}

.testimon.style5 .author-name {
background: #eef2f9 none repeat scroll 0 0;
padding: 40px 40px 40px 130px;
}

.testimon.style5 {
padding: 0;
text-align: center;
}

.testimon.style5 .testi-meta::after {
display: none;
}

.testimon.style5 .testi-meta > p {
float: none;
margin: 0 auto;
max-width: 70%;
padding-bottom: 40px;
padding-top: 40px;
}

.testimon.style5 .testi-meta::before {
background: #fafafa none repeat scroll 0 0;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
bottom: 135px;
display: inline-block;
left: initial;
line-height: 60px;
right: 30px;
top: initial;
width: 60px;
}

.autor-title {
display: table-cell;
text-align: left;
vertical-align: middle;
}

.testimon.style5 .testi-avatar {
width: auto;
}

.testimon.style5 .testi-avatar img {
border: 0 none;
}

.testimon.style5:after {
content: "";
display: inline-block;
width: 0;
height: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 120px;
border-style: solid;
border-width: 45px 45px 0 45px;
border-color: #f4f8ff transparent transparent transparent;
}

/*--- woocommerece pages ---*/

.fileContainer {
background: #f4f8ff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
color: #fff;
margin: 0;
padding: 9px;
position: relative;
text-transform: capitalize;
vertical-align: middle;
width: 32%;
font-size: 11px;
}

.upload-image {
display: inline-block;
font-size: 12px;
padding-right: 20px;
text-transform: capitalize;
margin-bottom: 10px;
}

.fileContainer [type="file"] {
cursor: pointer;
display: inline-block;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
position: absolute;
right: 0;
text-align: right;
top: 0;
}

.fileContainer > span {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
color: #fff;
display: inline-block;
float: right;
padding: 11px 30px;
cursor: pointer;
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}

.fileContainer > span:hover {
background: #333;
}

.inner-bg.light-gray {
background: #f7f7f7 none repeat scroll 0 0;
}

.add-prod-from {
float: left;
position: relative;
width: 100%;
margin-top: 10px;
}

.add-prod-from > .row > div {
margin-bottom: 15px;
}

.add-prod-from label {
text-transform: capitalize;
font-size: 13px;
}

.add-prod-from .input-group > label {
display: table-caption;
width: 100%;
}

.add-prod-from input[type="text"] {
background: #f4f8ff;
border: 1px solid #eaeaea;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px!important;
float: left;
height: 35px;
/*line-height: 50px;*/
padding: 0 20px;
width: 100%;
}

.nice-select {
background: #f4f8ff;
color: #999;
float: left;
height: 50px;
line-height: 50px;
width: 100%;
border: 1px solid #eaeaea;
}

.add-prod-from > div {
margin-bottom: 25px;
}

.add-prod-from input[type="radio"] {
margin-left: 4px;
margin-right: 30px;
vertical-align: sub;
}

.add-prod-from .input-group > span {
background: #667eea;
border: 0 none;
color: #fff;
line-height: 35px;
width: 34px;
text-align: center;
-webkit-border-radius: 5px 0 0 5px !important;
-moz-border-radius: 5px 0 0 5px !important;
-ms-border-radius: 5px 0 0 5px !important;
-o-border-radius: 5px 0 0 5px !important;
border-radius: 0px 5px 5px 0px !important;
}

.add-prod-from .input-group {
width: 100%;
}

.add-prod-from .input-group .form-control {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
width: auto;
}

.add-prod-from textarea {
background: #f4f8ff none repeat scroll 0 0;
border: 0 none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
float: left;
width: 100%;
padding: 20px;
}

.buttonz {
float: left;
text-align: right;
width: 100%;
}

.buttonz > button {
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
border: medium none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
color: #fff;
font-size: 14px;
padding: 8px 35px;
text-transform: capitalize;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}

.buttonz > button:hover {
background: #333;
}

.nice-select .list {
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
width: 100%;
}

/*--- product cart page ---*/

.cart-table thead tr th {
color: #333;
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
}

.cart-table tbody tr td {
color: #555;
text-transform: capitalize;
font-size: 12px;
}

.cart-table thead {
background: #f4f8ff none repeat scroll 0 0;
height: 60px;
line-height: 60px;
}

.cart-table thead tr th {
border-bottom: 0 none;
}

.cart-table {
border: 1px solid #eaeaea;
margin-bottom: 0;
display: table;
}

.cart-table tbody tr {
border-bottom: 1px solid #eaeaea;
}

.cart-table tbody td span {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
color: #fff;
display: inline-block;
padding: 3px 11px;
font-weight: 500;
font-size: 11px;
}

.cart-table tbody td a {
color: #333;
font-size: 16px;
padding-right: 10px;
}

.cart-table tbody td a i {
color: inherit;
}

span.failed {
background: #ff8684;
}

span.paid {
background: #1de9b6;
}

span.pending {
background: #7575f0;
}
/*--- cart page ---*/

.discount-copon {
background: #f4f8ff none repeat scroll 0 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
float: left;
padding: 40px 35px;
width: 100%;
}

.discount-copon span {
font-weight: 600;
text-transform: uppercase;
}

.discount-copon p {
font-size: 12px;
}

.discount-copon form {
float: left;
width: 100%;
}

.discount-copon input {
border: medium none;
}

.discount-copon form input {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
float: left;
padding: 13px 20px;
width: 74%;
border: 1px solid #eaeaea;
}

.discount-copon form label {
color: #aea9a9;
margin-bottom: 10px;
width: 100%;
font-size: 13px;
}

.discount-copon form button {
border: medium none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
color: #fff;
font-size: 14px;
line-height: 37px;
margin-left: 20px;
margin-top: 5px;
text-transform: uppercase;
width: 107px;
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}

.discount-copon form button:hover {
background: #333;
}

.cart-summary {
background: #f4f8ff none repeat scroll 0 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
display: table;
padding: 40px;
width: 100%;
}

.summery-title {
display: table-cell;
vertical-align: top;
}

.cart-total {
display: table-cell;
padding-left: 40px;
vertical-align: top;
font-weight: 600;
font-size: 12px;
}

.total-btns {
display: table-cell;
text-align: right;
vertical-align: middle;
}

.summery-title > h3 {
text-transform: uppercase;
font-weight: 600;
font-size: 15px;
}

.cart-total > li {
display: block;
margin-bottom: 16px;
}

.cart-total > li > span {
float: right;
}

/*--- product page ---*/

.woo-product {
float: left;
width: 100%;
margin-bottom: 70px;
}

.woo-product figure img {
float: left;
width: 100%;
}

.product-meta {
float: left;
text-align: center;
width: 100%;
}

.starz-rating {
float: left;
padding-top: 25px;
width: 100%;
}

.starz-rating > span {
font-size: 13px;
}

.starz-rating > span.checked {
color: orange;
}

.product-meta > h4 {
float: left;
padding: 10px 0;
width: 100%;
font-weight: bold;
font-size: 16px;
}

.ok-price {
font-size: 15px;
}

.del-price {
font-size: 13px;
color: #1dc4e9;
-webkit-text-decoration: line-through;
-moz-text-decoration: line-through;
-ms-text-decoration: line-through;
-o-text-decoration: line-through;
text-decoration: line-through;
vertical-align: text-bottom;
}

.add-cart {
float: left;
margin-top: 25px;
width: 100%;
}

.add-cart > li {
display: inline-block;
}

.add-cart > li > a {
background: #fff none repeat scroll 0 0;
border: 1px solid #c9c9c9;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
display: inline-block;
font-size: 13px;
height: 36px;
line-height: 35px;
text-align: center;
width: 100px;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}

.add-cart > li > a:hover {
color: #fff;
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
border-color: transparent;
}

/*--- product detail page ---*/

.product-detail {
float: left;
width: 100%;
}

.product-detail > .row {
display: table;
margin: 0;
width: 100%;
}

.product-detail > .row > div {
display: table-cell;
float: none;
padding: 0;
vertical-align: middle;
}

.product-detail-thumb > img {
width: 100%;
}

/*.product-detail-info {
padding-left: 60px;
}*/

.rating-reviews > ul {
float: left;
list-style: outside none none;
margin-bottom: 0;
padding-left: 0;
}

.review-btn {
font-size: 14px;
margin-left: 20px;
}

.product-detail-info > h1 {
float: left;
font-size: 24px;
margin-bottom: 0;
margin-top: 10px;
width: 100%;
}

.product-detail-info > p {
float: left;
font-size: 15px;
margin-top: 20px;
width: 100%;
}

.rating-reviews {
float: left;
width: 100%;
}

.product-detail-info .price {
float: left;
margin-top: 20px;
}

.product-detail-info .price ins {
font-size: 20px;
font-weight: 600;
font-style: normal;
-webkit-text-decoration: none;
-moz-text-decoration: none;
-ms-text-decoration: none;
-o-text-decoration: none;
text-decoration: none;
}

.product-detail-info .price del {
color: #999999;
font-size: 15px;
}

.cart-quantity {
float: left;
margin-top: 20px;
width: 100%;
}

.cart-quantity > form {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-bottom: 30px;
margin-top: 20px;
}

.addcart {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
color: #fff;
display: inline-block;
font-weight: 600;
padding: 8px 20px;
text-transform: capitalize;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
-webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.17);
-moz-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.17);
-ms-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.17);
-o-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.17);
box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.17);
}

.addcart:hover {
background: #333;
color: #fff;
}

.cart-quantity > form label {
color: #232323;
float: left;
font-size: 16px;
margin-bottom: 0;
margin-right: 30px;
margin-top: 8px;
}

.cart-quantity .input-group > span {
width: 40px;
}

.cart-quantity .input-group {
border: 1px solid #e4e4e4;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
width: 150px;
}

.cart-quantity .input-group > span button {
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
-ms-border-radius: 3px !important;
-o-border-radius: 3px !important;
border-radius: 3px !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
color: #232323;
font-size: 19px;
height: 100%;
width: 100%;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}

.cart-quantity .input-group > span button:hover {
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
color: #fff;
}

.cart-quantity .input-group > input {
border: 0 none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
color: #232323;
font-size: 14px;
font-weight: 700;
height: 38px;
text-align: center;
width: 65px !important;
}

.cart-quantity .input-group > input:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}

.product-detail-info .pro-info-btns {
margin-top: -10px;
}

.comment-detail .ratings.style2 {
float: left;
margin-left: 75px;
width: auto;
}

.comment-detail .ratings.style2 > li {
width: auto;
}

.comment-detail .ratings.style2 {
float: left;
margin-left: 75px;
width: auto;
}

.comment-detail .ratings.style2 > li {
width: auto;
}

.review-rating {
float: left;
margin-bottom: 15px;
width: 100%;
}

.review-rating > strong {
color: #141414;
float: left;
font-size: 15px;
font-weight: 400;
margin-right: 30px;
}

.review-rating .ratings.style2 > li {
width: auto;
}

.review-rating .ratings.style2 {
float: left;
margin-top: 2px;
}

.cart-quantity .add-cart {
margin-top: 0;
width: auto;
}

.product-detail-info .starz-rating {
padding-top: 0;
width: auto;
}

.single-post-detail > p {
display: block;
font-size: 14px;
letter-spacing: 0.2px;
line-height: 35px;
}

.single-post-detail > ul {
list-style: outside none none;
margin-bottom: 0;
margin-top: 35px;
padding-left: 0;
}

.single-post-detail > ul li {
font-size: 15px;
line-height: 30px;
padding-left: 25px;
position: relative;
}

.single-post-detail > ul li::before {
content: "\f18e";
font-family: fontawesome;
font-size: 15px;
font-style: normal;
left: 0;
position: absolute;
top: 2px;
}

/*--- login register page style ---*/

.admin-lock {
/*background: rgba(0, 0, 0, 0) linear-gradient(to right, #667eea 0%, #764ba2 100%) repeat scroll 0 0;*/
background: linear-gradient(0deg, rgba(53,171,254,1) 100%, rgba(2,149,253,1) 100%)!important;
float: left;
text-align: center;
width: 100%;
}

.admin-lock.vh100 {
height: 100vh;
}

.admin-form {
background: #e1f0fc none repeat scroll 0 0;
display: block;
margin: 15px auto;
padding: 20px 50px 50px;
width: 510px;
position: relative;
overflow: hidden;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}

.admin-form  h4 {
font-weight: bold;
font-size: 22px;
}

.admin-form span {
display: block;
font-size: 13px;
}

.admin-form  form {
float: left;
position: relative;
text-align: left;
width: 100%;
}

.admin-form form  label {
left: 20px;
position: relative;
top: 40px;
z-index: 9;
}

.admin-form  form input {
border: medium none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
clear: both;
margin-bottom: -14px;
padding: 15px 50px;
position: relative;
width: 100%;
}

.admin-form  form input[type="checkbox"] {
float: left;
margin-bottom: 0;
margin-top: 35px;
width: auto;
}

.admin-form form  label[for="checkbox"],
.admin-form form  label[for="remember"] {
color: #777;
display: inline-block;
float: none;
margin-left: 10px;
margin-top: 10px;
position: static;
width: 90%;
font-weight: 400;
font-size: 13px;
}

.admin-form form  label[for="remember"] > a {
float: right;
}

.admin-form  form button {
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
border: medium none;
color: #fff;
font-size: 12px;
font-weight: 600;
margin-bottom: 15px;
margin-top: 15px;
padding: 13px 0;
text-transform: uppercase;
width: 100%;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
}

.admin-form  form button:hover {
background: #333;
}

.admin-form span  a {
text-transform: capitalize;
color: #1dc4e9;
}

.admin-form::after {
border-color: transparent transparent #6d68cb;
border-style: solid;
border-width: 0 255px 35px;
bottom: 0;
content: "";
display: inline-block;
height: 0;
right: 0;
position: absolute;
width: 0;
}

.admin-lock .logo {
border-bottom: 0 none;
margin-bottom: 17px;
padding-left: 0;
}

#request_invite{
float: left;
position: relative;
text-align: left;
width: 100%;
}

#request_invite  h4 {
font-weight: bold;
font-size: 22px;
}

#request_invite span {
display: block;
font-size: 13px;
}

#request_invite {
float: left;
position: relative;
text-align: left;
width: 100%;
}

#request_invite  label {
left: 20px;
position: relative;
top: 40px;
z-index: 9;
}

#request_invite  input {
border: medium none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
clear: both;
margin-bottom: -14px;
padding: 15px 50px;
position: relative;
width: 100%;
}

#request_invite button {
background: rgba(0, 0, 0, 0) linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%) repeat scroll 0 0;
border: medium none;
color: #fff;
font-size: 12px;
font-weight: 600;
margin-bottom: 15px;
margin-top: 30px;
padding: 13px 0;
text-transform: uppercase;
width: 100%;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
}

#request_invite button:hover {
background: #333;
}

#request_invite span  a {
text-transform: capitalize;
color: #1dc4e9;
}

/*----------------------------------------
Pre-loader
------------------------------------------*/

#loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
}

#loader-wrapper .loader-section {
position: fixed;
top: 0;
width: 51%;
height: 100%;
background: #eceff1;
z-index: 1000;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}

#loader-wrapper .loader-section.section-left {
left: 0;
}

#loader-wrapper .loader-section.section-right {
right: 0;
}

#loader-logo {
display: block;
position: absolute;
left: 48%;
top: 46%;
background: url("../../../images/avatar/avatar-2.png") no-repeat center center;
z-index: 1001;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}

@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.loaded #loader-wrapper {
visibility: hidden;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 0.3s 1s ease-out;
-moz-transition: all 0.3s 1s ease-out;
-ms-transition: all 0.3s 1s ease-out;
-o-transition: all 0.3s 1s ease-out;
transition: all 0.0s 0s ease-out;
}

.loaded #loader-wrapper .loader-section.section-left {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.0s 0.0s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper .loader-section.section-right {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.0s 0.0s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.progress {
background-color: rgba(255, 64, 129, 0.22);
}

/* JavaScript Turned Off */

.no-js #loader-wrapper {
display: none;
}

.table-styles .widget:first-child {
margin-top: 0;
}

.widget.expand-this {
margin-top: 56px !important;
}

/*--- top widget ---*/

.top-widget {
background: #fff none repeat scroll 0 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
display: inline-block;
padding: 25px 20px;
width: 100%;
}

.top-widget > i {
border: 1px solid #909090;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
display: inline-block;
height: 50px;
line-height: 50px;
text-align: center;
vertical-align: middle;
width: 50px;
font-size: 18px;
}

.informative {
display: inline-block;
padding-left: 10px;
vertical-align: middle;
width: 72%;
}

.informative > span {
color: #1a1a1a;
display: inline-block;
font-size: 25px;
font-weight: 300;
width: 100%;
}

.informative > em {
float: right;
font-size: 12px;
font-style: normal;
text-transform: capitalize;
width: 100%;
}

/*---- setting panel side ---*/

.toggle-setting {
border-bottom: 1px dotted #333333;
float: left;
padding: 15px 0;
width: 100%;
}

.toggle-setting > span {
color: #4f4f4f;
float: left;
font-family: Muli;
font-size: 13px;
letter-spacing: 0.3px;
}

.toggle-setting > .toggle-switch {
float: right;
margin: 0;
}

/*--- toogle switch button ---*/

.setting-row input {
display: none;
}

.setting-row input + label {
background-color: #bbbbbb;
background-image: none;
cursor: pointer;
display: inline-block;
font-family: inherit;
font-size: 1em;
height: 20px;
line-height: 1;
padding: 0.16667rem;
position: relative;
text-align: center;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
width: 52px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
.setting-row input + label::before {
color: #b7b7b7;
content: attr(data-off-label);
display: block;
font-family: inherit;
font-size: 0.7rem;
font-weight: 500;
line-height: 13px;
margin: 0.21667rem;
min-width: 20px;
overflow: hidden;
position: absolute;
right: 0.21667rem;
text-align: center;
text-transform: uppercase;
top: 0;
transition: all 0.1s ease-in-out 0s;
}

.setting-row input + label::after {
background-color: #f7f7f7;
box-shadow: none;
content: "";
height: 14px;
left: 0.267rem;
top: 3px;
position: absolute;
transition: all 0.1s ease-in-out 0s;
width: 14px;
border-radius: 100%;
}

.setting-row input:checked + label{
background: #667eea;
}
.setting-row input:checked + label::before {
color: #fff;
content: attr(data-on-label);
left: 0.21667rem;
right: auto;
}

.setting-row input:checked + label::after {
background-color: #f7f7f7;
box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.3);
left: 2.16667rem;
}


.setting-row input + label::before {
color: #fff;
}
/*---- side setting panel ---*/
.side-panel {
background: #fefefe;
bottom: 0;
float: left;
padding: 20px 15px;
position: fixed;
right: -100%;
top: 56px;
width: 280px;
z-index: 9999;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
border: 1px solid #dfdfdf;
}

.side-panel.active {
right: 0;
}

.panel-title {
color: #303030;
font-size: 16px;
font-weight: 600;
margin-bottom: 20px;
text-transform: uppercase;
}

.mm-panel.mm-hasnavbar .panel-title {
margin-top: 20px;
}

.side-panel > form {
float: left;
width: 100%;
margin-bottom: 20px;
}

.setting-row {
border-bottom: 1px solid #e1e8ed;
display: inline-block;
margin-bottom: 7px;
padding-bottom: 7px;
text-align: center;
width: 100%;
}

.setting-row > span,
.setting-row > label {
display: inline-block;
vertical-align: text-top;
}

.setting-row > span {
font-size: 13px;
line-height: initial;
text-align: left;
text-transform: capitalize;
width: 76%;
color: #333;
}

.setting-row > label {
margin-bottom: 0;
}

.panel-layout::before {
background: url(../images/dot-pattern.png);
background-repeat: repeat;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 99;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
visibility: hidden;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
}

.panel-layout.active::before {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
visibility: visible;
}

/* custom css */

.right {
transition: .5s ease;
visibility: visible;
position: absolute;
top: 16px;
right: 0px;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
}

.middle {
transition: .5s ease;
visibility: hidden;
position: absolute;
top: 16px;
right: 25px;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
}
.admin-widg:hover .image {
opacity: 0.3;
}
.admin-widg:hover .middle {
visibility: visible;
}
.owner-info{
max-width: 200px;
}
.new-box
{
padding:5px 15px;
}
.employee > h4,.element-title h4{
text-transform:none;
}
.tab-style.style3 > ul > li > a{
width: auto;
padding: 10px 20px;
}
.tab-meta{
padding:0px;
}
.employee > h4, .element-title h4{
font-size:12px;
}
.add-prod-from .input-group > span
{
/*border-radius:0 5px 5px 0 !important;*/
}
.no-padding{
padding:0px;
}
.search-advance .mega-menu
{
width: 255px;
padding: 15px;
}

.search-advance > li{
padding-left: 75px;
}
.search-advance > li a{
text-transform: capitalize;
}
.search-advance .mega-menu{
left:0px;
}
.search-advance input{
position: relative;
top: 3px;
}

/* search page */
.glyphicon-icon-rpad .glyphicon,.glyphicon-icon-rpad .glyphicon.m8,.fa-icon-rpad .fa,.fa-icon-rpad .fa.m8{ padding-right:8px; }
.glyphicon-icon-lpad .glyphicon,.glyphicon-icon-lpad .glyphicon.m8,.fa-icon-lpad .fa,.fa-icon-lpad .fa.m8{ padding-left:8px; }
.glyphicon-icon-rpad .glyphicon.m5,.fa-icon-rpad .fa.m5{ padding-right:5px; }
.glyphicon-icon-lpad .glyphicon.m5,.fa-icon-lpad .fa.m5{ padding-left:5px; }
.glyphicon-icon-rpad .glyphicon.m12,.fa-icon-rpad .fa.m12{ padding-right:12px; }
.glyphicon-icon-lpad .glyphicon.m12,.fa-icon-lpad .fa.m12{ padding-left:12px; }
.glyphicon-icon-rpad .glyphicon.m15,.fa-icon-rpad .fa.m15{ padding-right:15px; }
.glyphicon-icon-lpad .glyphicon.m15,.fa-icon-lpad .fa.m15{ padding-left:15px; }
ul.nav-menu-list-style .nav-header .menu-collapsible-icon{position:absolute; right:3px; top:16px; font-size:9px; }
ul.nav-menu-list-style{margin:0;}
ul.nav-menu-list-style .nav-header{
border-top:1px solid #FFFFFF;
border-bottom:1px solid #e8e8e8;
display:block;
margin:0;
line-height:42px;
padding:0 8px;
font-weight:normal;
}
ul.nav-menu-list-style> li{
position:relative;width: 100%; }
ul.nav-menu-list-style> li >ul >li{
position:relative;
width: 100%; 
padding: 5px 0px; ;
border-bottom: 1px solid #f1f1f1;
}
ul.nav-menu-list-style> li a{
border-top:1px solid #FFFFFF;
line-height:32px;
font-size: 11px;
}
ul.nav-menu-list-style{list-style:none; padding:0px; margin:0px;}
ul.nav-menu-list-style li .badge,ul.nav-menu-list-style li .pull-right,ul.nav-menu-list-style li span.badge,ul.nav-menu-list-style li label.badge{ margin-top:7px;}
ul.bullets{list-style:inside disc}
ul.numerics{list-style:inside decimal}
/* search page */



/* custom css */
.no-top-margin{
margin:0px;
}
.upcoming-report:after {
content: " ";
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
background: rgba(0, 0, 0, 0) linear-gradient(to right, #b275f0 0%, #7575f0 100%) repeat scroll 0 0;
transform-origin: bottom left;
-ms-transform: skew(-30deg, 0deg);
-webkit-transform: skew(-30deg, 0deg);
transform: skew(-30deg, 0deg);
}
.upcoming-report {
line-height: 15px;
position: absolute;
width: 60px;
padding: 1px 20px 3px 5px;
font-size: 11px;
color: #FFF;
background: rgba(0, 0, 0, 0) linear-gradient(to right, #b275f0 0%, #7575f0 100%) repeat scroll 0 0;
z-index: 10;
top: 0px;
left: 0px;
}

.free-report:after {
content: " ";
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
background: rgba(0, 0, 0, 0) linear-gradient(to right, #01a9ac 0%, #01dbdf 100%) repeat scroll 0 0;
transform-origin: bottom left;
-ms-transform: skew(-30deg, 0deg);
-webkit-transform: skew(-30deg, 0deg);
transform: skew(-30deg, 0deg);
}
.free-report {
line-height: 15px;
position: absolute;
padding: 1px 5px 3px 5px;
font-size: 11px;
color: #FFF;
background: rgba(0, 0, 0, 0) linear-gradient(to right, #01a9ac 0%, #01dbdf 100%) repeat scroll 0 0;
z-index: 10;
top: 0px;
left: 0px;
}
.modal-backdrop{display:none}
.myQuicklook .modal-content{margin-top: 80px;box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);min-height: 380px;}
.myQuicklook .modal-dialog{max-width: 1000px !important;}
.myQuicklook .close {
padding: 0px;
margin: 0px;
right: 5px;
position: absolute;
top: 10px;
}
.description-pp{
margin-top:10px;
margin-bottom: 50px;
}
.description-pp li{
float:left;
padding: 0px 7px;
font-size: 13px!important;
}
.description-pp li:first-child {
padding: 0px;
}
.myQuicklook .tab li a{
width: 170px;
}
.my-search h4{
margin-bottom: 10px;
}
.my-search .arrow{
float: right;
color: #72848c;
font-size: 12px;
}.my-search .arrow i{
right: 20px;
position: relative;
}
.my-search .checkbox {
position: absolute;
right: 0px;
top: 18px;
}
.my-search .tree .checkbox {
position: absolute;
right: 10px;
top: 16px;
}
.my-search .add-prod-from .new input[type="text"] {
width: 55%!important;
font-size: 12px;
height: 35px;
}
@media screen and (min-width: 1000px){
.w0-3{
max-width: 20% !important;padding:5px;
}
}
.my-search ul.nav-menu-list-style> li label{
font-size: 11px;
}
.my-search .form-control{
font-size: 12px;
}
.my-report-search .tab li a {
text-transform: capitalize;
font-weight: 100 !important;
}

.owner-info{
max-width: 200px;
}
.new-box
{
padding:5px 15px;
}
.employee > h4{
text-transform:none;
}
.table.member-activity td {
padding: 15px;
}
.btn-xs
{
padding: 6px 20px;
}

.widget.no-margin
{
margin:0;
}
.t-search
{
margin-right: 30px;
}
.page-link{   
color: #888;
}
.page-item.active .page-link {
background: #888 !important;
border-color: #888 !important;
}
.my-report-search .tab-style
{
margin-bottom: 0px!important;
}
.product-card img
{
cursor: pointer;
}
.product-card h4
{
height: 70px; 
font-weight: 600; 
cursor: pointer;
}
.margim_10px
{
font-size: 12px;
}
.report_verification
{
margin-top: 20px;
}

.search-inp
{
width:560px!important;
}
.crnt-pln
{
color: #fff;
line-height: 8px;
/*margin-top: -5px;*/
/*position: absolute;*/
/*right: 5px;*/
font-size: 12px;
}
.profile-icon
{
font-size: 20px;
color: #fff;
cursor: pointer;
}
.upgrd-btn
{
font-size: 12px!important;
width: 93px;
height: 25px;
padding: 4px 21px;
}

.padding-10
{
padding: 0 10px;
}
.published-date
{
font-size: 11px!important;
margin-bottom: 6px;
margin-top: 8px;
}
.published-date li
{
display: inline-block;
padding: 0 4px;
border-right: 2px solid #cacaca;
line-height: 12px;
}
.published-date li:last-child
{
border-right: none;
}
.widget-peding.employee > span
{
background-color: #01a9ac!important;
margin-bottom: 14px;
background: none;
line-height: 10px!important;
}
.widget-title .fa
{
color: #8e8e8e;
font-size: 18px;
margin-left: 10px;
}
.btn-xs
{
font-size: 12px;
}
.product-icons ul li
{
display: inline-block;
padding: 0 22px;
border-right: 1px solid #cacaca;
line-height: 16px;
}
.product-icons ul li:last-child
{
border-right: none;
}
.product-icons span
{
cursor:pointer;
color: grey;
font-size: 16px;
}
.fav-icon span,.notify-icon span
{
cursor:pointer;
color: white;
font-size: 18px;
}
.fav-icon span:hover,.notify-icon span:hover
{
color: red!important;
}
.fav-icon span.active,.notify-icon span.active
{
color: red!important;   
}
.home-tab-icons
{
font-size: 18px;
margin-right: 10px;
}
.padding-15 {
padding: 0 15px;
}

.tab li a
{
border-bottom: 1px solid #dee2e6;
width: 190px;
line-height: 1.5;
padding: 12px 16px;
background: #f7f7f7;
-webkit-border-radius: 0;
border-radius: 0;
}
.tab.nav.nav-tabs > li a.active
{
background: #667eea;
color: white !important;
}
.nav
{
margin: 20px 0 0 10px;
}
.nav-item
{
border-right: 1px solid #dee2e6
}
.report-count
{
font-size: 18px!important;
font-weight: 700!important;
}
.published-date:after{
background:unset!important;
}
.free-report{
background: #007bff!important;
}
.free-report:after{
background: #007bff!important;
}

.publish-date {
line-height: 15px;
position: absolute;
padding: 1px 5px 3px 5px;
font-size: 11px;
color: #FFF;
background: #007bff;
z-index: 10;
bottom: 0px;
right: 0;
}

.admin-widg{
position: relative;
}

.nav-item>a{
border-right: 1px solid #dee2e6;
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(222, 226, 230);
}

.publish-date:after {
content: " ";
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
background: #007bff;
transform-origin: top left;
-ms-transform: skew(-30deg, 0deg);
-webkit-transform: skew(-30deg, 0deg);
transform: skew(-30deg, 0deg);
}
.product-icons .fa-eye:hover{
color:#007bff;
}

.product-icons .fa-shopping-cart:hover{
color:#eeae4a;
}
.category-levels
{
min-height: 38px;
line-height: 15px;
margin-top: 10px;
}
.category-levels .btn-xs{
padding: 0px 5px;
margin: 1px;
/*background: grey;*/
color: #808080;
font-size: 10px;
display: inline-block;
line-height: 13px;
}
.category-levels .btn-xs:hover{
color: #007bff;
}
.product-icons{
margin-top: -16px;
}
.product-icons span.fa-check
{
color: #37bc9b;
}
.industries-grp .one-active
{
background-color: #667eea;
padding: 0 5px;
color: #fff;
}

.industries-grp ul li
{
display: inline-block;
}
.search-result-title
{
display: inline-block;
width: 100%;
padding: 10px;
}
.pagination {
margin-top: 20px;
}
.no-reports
{
font-size: 18px;
margin: 12px 12px 0;
}
.free-tag
{
font-size: 12px!important;
font-weight: 600!important;
}
.free-tag:hover
{
color: #eeae4a;
}
.cart-added
{
color:#eeae4a!important;
}


div.boxs:hover {
cursor: hand;
cursor: pointer;
opacity: .9;
}
.linesd {
padding-right: 90px; /* 20+1 */
position: relative;
}
.linesd:after {
content: '';
position: absolute;
right: 0;
height: 30px;
border-right: 1px solid #A9A9A9;
top:-5px;
bottom: 15%;
}

#cover-spin {
position:fixed;
width:100%;
left:0;right:0;top:0;bottom:0;
background-color: rgba(255,255,255,0.7);
z-index:9999;
display:none;
text-align: center!important;
}

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

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

#cover-spin::after {
content:'';
display:block;
position:absolute;
left:48%;top:40%;
width:40px;height:40px;
border-style:solid;
border-color:#667eea;
border-top-color:transparent;
border-width: 4px;
border-radius:50%;
-webkit-animation: spin .8s linear infinite;
animation: spin .8s linear infinite;
}

#cover-spin p {
position: relative;
top: 54%;
/*left: 38%;*/
color: #667eea;
line-height: 25px;
}

#span_search_btn
{
cursor: pointer;
}

.sngl-slct::before{
content: '✔';
position: absolute;
top: -5px;
left: 0px;
font-size: 14px;
background: none!important;
}

.check-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkbox-heading{
top: 15px!important;
}
ul.nav-menu-list-style> li div a{
/*word-spacing: 1px; 
line-height: 0px!important;*/
border-top: 1px solid #FFFFFF;
line-height: 18px;
font-size: 11px;
}
ul.nav-menu-list-style> li .l2cat{
width: 144px!important;
word-wrap: break-word;
}   
.my-search .checkbox{
right: 20px!important; 
}
.my-search .arrow{
cursor: pointer;
}

.my-search .arrow i{
right:-3px;
}
.my-search .tree .checkbox {
top: 5px!important;
}
.check-container {
display: block;
position: absolute;
padding-left: 0px;
margin-bottom: 12px;
cursor: pointer;
font-size: 12px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
top: 7px;
right: 18px;
}

.checkbox-heading{
top: 15px!important;
}

/* Hide the browser's default checkbox */
.check-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.sec-thank-you span
{
margin-top: 12px!important;
}
.sec-thank-you form button
{
margin-bottom: 12px!important;
}

.slide_out_1{
left:auto!important;
right:0px!important;
width: 421px;
}

.side-header-quick.slide_out_1{
z-index:10!important;
}




.main-page.style1 header .side-header-quick.slide_out_1.slide_out_2{
left: auto!important;
right: -150%!important;
}

.slide-menu > span i {
float: right;
font-size: 18px;
cursor: pointer;
}


/* side_bar_body */
.side_bar_body{
padding: 15px 20px;
}
.side_bar_body h4{
margin-top: 15px;
}

.side_bar_body ul>li{
margin-bottom: 10px;
}

.side_bar_body ul>li:last-of-type{
padding-left: 0px;
}

.side_bar_body .tab li a{
width: auto;

}


.side_bar_body .cus_nav_tab{
margin:10px 0px 15px 0px!important;
}

.loader_ajax_small {
border: 2px solid #f3f3f3 !important;
border-radius: 50%;
border-top: 2px solid #2D2D2D !important;
width: 29px;
height: 29px;
margin: 0 auto;
-webkit-animation: spin_loader_ajax_small 2s linear infinite;
animation: spin_loader_ajax_small 2s linear infinite;
margin-top: 150px;
}

@-webkit-keyframes spin_loader_ajax_small {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin_loader_ajax_small {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.sec-sign-up input[readonly]
{
color: rgb(117,117,117);
cursor: default!important;
background-color: rgb(235, 235, 228);
}
.password-conditions
{
padding: 20px 25px 5px!important;
overflow:hidden;
width: 100%;
}
.password-conditions ul li
{
list-style-type: disc;
}
.show-pwd
{
left: 368px!important;
top: 44px!important;
cursor: pointer;
}
.prpl-clr
{
background: #667eea;
}
.margin-20
{
margin: 20px 0;
}
.side-header-quick
{
overflow: scroll!important;
}
.privacy-notice
{
font-size: 12px!important;
}
.copyright_l{
z-index: 100;
position: fixed;
color: #fff;
bottom: 20px; 
text-align: center; 
width: 100%;
}
.signup-form
{
width: 74%!important;
padding-bottom: 20px!important;
-webkit-transform: none!important;
-moz-transform: none!important;
-ms-transform: none!important;
-o-transform: none!important;
transform: none!important;
top: 10%!important;
}
.signup-form::after
{
content: none!important;
}
.signup-form .text-danger
{
font-size: 12px!important;
}
.signup-left-content
{
margin-top: 30px;
color: #1a1a1a;
font-size: 14px!important;
text-align: left;
line-height: 42px;
font-weight: 600;
}
.signup-left-content ul
{
margin-top: 20px;
padding-inline-start: 20px!important;
}
.signup-left-content li
{
list-style: none;
}
.signup-left-content li.pdf::before
{
content: "\f1c1"; /* FontAwesome Unicode */
font-family: FontAwesome;
display: inline-block;
margin-left: -1.3em; /* same as padding-left set on li */
width: 1.3em; /* same as padding-left set on li */
}
.signup-left-content li.file::before
{
content: "\f016"; /* FontAwesome Unicode */
font-family: FontAwesome;
display: inline-block;
margin-left: -1.3em; /* same as padding-left set on li */
width: 1.3em; /* same as padding-left set on li */
}
.signup-left-content li.key::before
{
content: "\f084"; /* FontAwesome Unicode */
font-family: FontAwesome;
display: inline-block;
margin-left: -1.3em; /* same as padding-left set on li */
width: 1.3em; /* same as padding-left set on li */
}
.signup-left-content li.cart::before
{
content: "\f2b7"; /* FontAwesome Unicode */
font-family: FontAwesome;
display: inline-block;
margin-left: -1.3em; /* same as padding-left set on li */
width: 1.3em; /* same as padding-left set on li */
}
.signup-left-content li.tick::before
{
content: "\f00c"; /* FontAwesome Unicode */
font-family: FontAwesome;
display: inline-block;
margin-left: -1.3em; /* same as padding-left set on li */
width: 1.3em; /* same as padding-left set on li */
color: green;
}
.password-conditions .lefty
{
float: left;
width: 48%;
}
.password-conditions .righty
{
float: right;
width: 48%;
}
.password-conditions ul li span
{
position: relative;
left: -6px;
font-size: 12px!important;
}
.password-conditions .pass
{
/*color: #a1b8bf!important;*/
text-decoration: line-through;
}

button#register_submit:disabled,
button#register_submit[disabled]{
background: #d2d2d2!important;
cursor: no-drop!important;
}
.terms_agree
{
margin-top: 5px!important;
margin-right: 5px!important;
}
.signup-left-content-wrp
{
margin-top: 10%!important;
}
input.error
{
border: 1px solid red!important;
}
.vl {
border-left: 2px solid #1dc4e9;
height: 100%;
position: absolute;
top: 0;
left: -28px;
margin-right: 15px;
}
.v3{
position: absolute;
height: 90%;
background: #1dc4e9;
width: 2px;
left: 47%;
transform: translate(-50%,0%);
}
.signup-sub-head
{
margin-top: 8px!important;
}
@media only screen  
and (min-device-width : 768px)  
and (max-device-width : 1280px)  {
.search-inp
{
width: 400px!important;
}
.nav-icon3{
margin-right: 0px!important;
}
}

/* cookies policy*/
@media only screen and (max-width: 640px) {
.cookiesbar {
padding: 5px 20px 7px 20px !important;
}
.side-header.slide-out,.side-header-quick.slide-out {
left: -220px;
}
.side-header.slide-out:hover, .side-header-quick.slide-out:hover {
    left: -30px!important;
}
.panel-body {
  margin-top: 0px!important;    
}
.admin-meta > img {
    left: 50%;
    right: auto;
    top: -94px;
    transform: translate(-50%);
}
div#table_id_wrapper{
	margin-top: 50px;
}
table#table_id{
	display: inline-block;
}
}
@media screen and (max-width: 360px){
.admin-form {
    padding: 40px 30px!important;
        width: 362px!important;
}
}
.cookiesbar {
padding: 5px 80px 7px 80px;
width: 100%;
margin: auto;
text-align: center;
border-radius: 3px;
right: 0px;
bottom: auto;
top: 25px;
background: #000;
}
.cookiesbar p {
margin: 0 0px 0px 0;
font-weight: 200;
font-size: 12px;
text-align: left;
color:#fff;
}
.cookiesbar h4{
margin-top: 0;
margin-bottom: 1px;
text-align: center;
color:#fff;
}
#cookies {
cursor: pointer;
color: #fff;
background-color: #000;
float: none;
padding: 5px;
text-transform: uppercase;
}
#cookiesd{
float: right;
position: absolute;
top: 0;
right: 5px;
color: white;
cursor: pointer;
}
@media (max-width: 500px){
.cookiesbar {
width: 100%;
right: 0;
bottom: 0;
top: auto;
}
}
/* cookies */
.alert-invite
{
margin-bottom: -4px!important;
}
.main-content{
padding-left: 50px;
}

@media only screen and (max-width: 600px){
  .widget-title{
    width: 50% !important;
  }
.main-content.menu-slide {
-webkit-transform: translate(0px) !important;
-moz-transform: translate(0px) !important;
-ms-transform: translate(0px) !important;
-o-transform: translate(0px) !important;
transform: translate(0px) !important;
}
.product-icons ul li:first-child {
display: none;
}
 div.dataTables_wrapper div.dataTables_paginate{
                  margin-left: 30%;
                  float: left;  
            }
}
@media screen and (max-width: 1024px){
  #edit1_n{
    width :200px !important;
    padding-left: 0px !important;  
  }
  .user_email{
    padding-left: 0px !important;  
  }
  .plan_name{
    padding-left: 2px !important
  }
  .my-account-page.responsive-view .padding-10 .widget {
      top : -75px  !important;
      height: 40px !important;
  }
  .my-account-page.responsive-view .inner-bg .info-section .col-sm-4 {
    padding-left: 10px !important;
    width: 100%;
    margin: 10px !important;
  }
  .profile-inside .row .element-title {
    padding-right: 6px !important;
  }
  .wdg-tl .button-common-size {
    padding-left: 0px !important;
    min-width: max-content;
  }
  .tab-style {
    margin-top: -27px !important;
    /* padding-left: 10px !important */
  }
  .tab-pane .padding-0 {
    padding-left: 0px !important;
  }
  table tr th:first-child, table tr td:first-child {
    padding-left: 10px !important;
  }
  table tbody tr td:last-child {
    padding: 24px 5px 18px 0px !important;
  }
  .my-account-page.responsive-view .mobile_device_padding {
    padding-left: 0px !important;
    padding-right: 6px !important;
  }
  .tab-meta .widget {
    padding: 0px !important;
  }
  /*.results-container {
    position: initial !important;
  }*/
  .bg-white {
    background-color: #fff !important;
  }
  #cusTab li a {
    padding-right: 45px !important;
  }
   .inner-bg .padding-10 {
    height: 140px !important;
  } 
  #app.content-area{
    padding-left: 10px !important;
  }
  .wdg-tl .button-common-size{
    max-width: 90px !important;
    padding-right: 30px;
  }
  .info-section .row {
    margin-right: 10px !important;
   } 
 .main-content.menu-slide{
padding-left: 10px;
}
.main-content{
padding-left: 50px;
} 
#cusTab,#cusTab li{
  border: none;
  padding : 0px  !important;
  
}
}

/*
* This combined file was created by the DataTables downloader builder:
*   https://datatables.net/download
*
* To rebuild or modify this file with the latest versions of the included
* software please visit:
*   https://datatables.net/download/#bs4/jszip-2.5.0/pdfmake-0.1.32/dt-1.10.16/b-1.5.1/b-colvis-1.5.1/b-flash-1.5.1/b-html5-1.5.1/b-print-1.5.1/cr-1.4.1/fc-3.2.4/fh-3.1.3/kt-2.3.2/r-2.2.1/rg-1.0.2/rr-1.2.3/sc-1.4.4/sl-1.2.5
*
* Included libraries:
*   JSZip 2.5.0, pdfmake 0.1.32, DataTables 1.10.16, Buttons 1.5.1, Column visibility 1.5.1, Flash export 1.5.1, HTML5 export 1.5.1, Print view 1.5.1, ColReorder 1.4.1, FixedColumns 3.2.4, FixedHeader 3.1.3, KeyTable 2.3.2, Responsive 2.2.1, RowGroup 1.0.2, RowReorder 1.2.3, Scroller 1.4.4, Select 1.2.5
*/

table.dataTable {
clear: both;
margin-top: 6px !important;
margin-bottom: 6px !important;
max-width: none !important;
border-collapse: separate !important;
}
.dataTables_wrapper .form-group {
margin:0px !important;
}

table.dataTable {

}

table.dataTable small {
color: #bdbdbd;
} 
table.dataTable td,
table.dataTable th {
-webkit-box-sizing: content-box;
box-sizing: content-box;
padding-top: 10px;
padding-bottom: 10px;
font-weight: normal;

padding-left: 10px;
color: #3C4858;
}
table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
text-align: center;
}
table.dataTable.nowrap th,
table.dataTable.nowrap td {
white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length label {
font-weight: normal;
text-align: left;
white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_length select {
width: 75px;
display: inline-block;
}
div.dataTables_wrapper div.dataTables_filter {
text-align: right;
}
div.dataTables_wrapper div.dataTables_filter label {
font-weight: normal;
white-space: nowrap;
text-align: left;
}
div.dataTables_wrapper div.dataTables_filter input {
margin-left: 0.5em;
display: inline-block;
width: auto;
}
div.dataTables_wrapper div.dataTables_info {
padding-top: 30px;
white-space: nowrap;
color: #3C4858;
}
div.dataTables_wrapper div.dataTables_paginate {
margin: 0;
white-space: nowrap;
text-align: right;
padding-top: 20px;
color: #3C4858;
}
div.dataTables_wrapper div.dataTables_paginate a {
border-radius:0px !important;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
margin: 2px 0;
white-space: nowrap;
justify-content: flex-end;
}
div.dataTables_wrapper div.dataTables_processing {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
margin-left: -100px;
margin-top: -26px;
text-align: center;
padding: 1em 0;
box-shadow:none !important;
background:none !important;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
padding-right: 30px;
padding-top: 10px;
padding-bottom: 10px;
color: #486fb0;
}
table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
outline: none;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
cursor: pointer;
position: relative;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
position: absolute;
bottom: 0.9em;
display: block;
opacity: 0.3;
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
right: 1em;
content: "\2191";
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
right: 0.5em;
content: "\2193";
}
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
opacity: 1;
}
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
opacity: 0;
}

div.dataTables_scrollHead table.dataTable {
margin-bottom: 0 !important;
}

div.dataTables_scrollBody table {
border-top: none;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
div.dataTables_scrollBody table thead .sorting:after,
div.dataTables_scrollBody table thead .sorting_asc:after,
div.dataTables_scrollBody table thead .sorting_desc:after {
display: none;
}
div.dataTables_scrollBody table tbody tr:first-child th,
div.dataTables_scrollBody table tbody tr:first-child td {
border-top: none;
}

div.dataTables_scrollFoot > .dataTables_scrollFootInner {
box-sizing: content-box;
}
div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
margin-top: 0 !important;
border-top: none;
}

@media screen and (max-width: 767px) {
div.dataTables_wrapper div.dataTables_length,
div.dataTables_wrapper div.dataTables_filter,
div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper div.dataTables_paginate {
text-align: center;
}
}
table.dataTable.table-sm > thead > tr > th {
padding-right: 20px;
}
table.dataTable.table-sm .sorting:before,
table.dataTable.table-sm .sorting_asc:before,
table.dataTable.table-sm .sorting_desc:before {
top: 5px;
right: 0.85em;
}
table.dataTable.table-sm .sorting:after,
table.dataTable.table-sm .sorting_asc:after,
table.dataTable.table-sm .sorting_desc:after {
top: 5px;
}

table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
border-left-width: 0;
}
table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable td:last-child {
border-right-width: 0;
}
table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
border-bottom-width: 0;
}

div.dataTables_scrollHead table.table-bordered {
border-bottom-width: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row {
margin: 0;
}
div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
padding-left: 0;
}
div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
padding-right: 0;
}


@keyframes dtb-spinner {
100% {
transform: rotate(360deg);
}
}
@-o-keyframes dtb-spinner {
100% {
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-ms-keyframes dtb-spinner {
100% {
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes dtb-spinner {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes dtb-spinner {
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
div.dt-button-info {
position: fixed;
top: 50%;
left: 50%;
width: 400px;
margin-top: -100px;
margin-left: -200px;
background-color: white;
border: 2px solid #111;
box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
border-radius: 3px;
text-align: center;
z-index: 21;
}
div.dt-button-info h2 {
padding: 0.5em;
margin: 0;
font-weight: normal;
border-bottom: 1px solid #ddd;
background-color: #f3f3f3;
}
div.dt-button-info > div {
padding: 1em;
}

ul.dt-button-collection.dropdown-menu {
display: block;
z-index: 2002;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
-ms-column-gap: 8px;
-o-column-gap: 8px;
column-gap: 8px;
}
ul.dt-button-collection.dropdown-menu.fixed {
position: fixed;
top: 50%;
left: 50%;
margin-left: -75px;
border-radius: 0;
}
ul.dt-button-collection.dropdown-menu.fixed.two-column {
margin-left: -150px;
}
ul.dt-button-collection.dropdown-menu.fixed.three-column {
margin-left: -225px;
}
ul.dt-button-collection.dropdown-menu.fixed.four-column {
margin-left: -300px;
}
ul.dt-button-collection.dropdown-menu > * {
-webkit-column-break-inside: avoid;
break-inside: avoid;
}
ul.dt-button-collection.dropdown-menu.two-column {
width: 300px;
padding-bottom: 1px;
-webkit-column-count: 2;
-moz-column-count: 2;
-ms-column-count: 2;
-o-column-count: 2;
column-count: 2;
}
ul.dt-button-collection.dropdown-menu.three-column {
width: 450px;
padding-bottom: 1px;
-webkit-column-count: 3;
-moz-column-count: 3;
-ms-column-count: 3;
-o-column-count: 3;
column-count: 3;
}
ul.dt-button-collection.dropdown-menu.four-column {
width: 600px;
padding-bottom: 1px;
-webkit-column-count: 4;
-moz-column-count: 4;
-ms-column-count: 4;
-o-column-count: 4;
column-count: 4;
}
ul.dt-button-collection.dropdown-menu .dt-button {
border-radius: 0;
}

ul.dt-button-collection {
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
-ms-column-gap: 8px;
-o-column-gap: 8px;
column-gap: 8px;
}
ul.dt-button-collection.fixed {
position: fixed;
top: 50%;
left: 50%;
margin-left: -75px;
border-radius: 0;
}
ul.dt-button-collection.fixed.two-column {
margin-left: -150px;
}
ul.dt-button-collection.fixed.three-column {
margin-left: -225px;
}
ul.dt-button-collection.fixed.four-column {
margin-left: -300px;
}
ul.dt-button-collection > * {
-webkit-column-break-inside: avoid;
break-inside: avoid;
}
ul.dt-button-collection.two-column {
width: 300px;
padding-bottom: 1px;
-webkit-column-count: 2;
-moz-column-count: 2;
-ms-column-count: 2;
-o-column-count: 2;
column-count: 2;
}
ul.dt-button-collection.three-column {
width: 450px;
padding-bottom: 1px;
-webkit-column-count: 3;
-moz-column-count: 3;
-ms-column-count: 3;
-o-column-count: 3;
column-count: 3;
}
ul.dt-button-collection.four-column {
width: 600px;
padding-bottom: 1px;
-webkit-column-count: 4;
-moz-column-count: 4;
-ms-column-count: 4;
-o-column-count: 4;
column-count: 4;
}
ul.dt-button-collection .dt-button {
border-radius: 0;
}
ul.dt-button-collection.fixed {
max-width: none;
}
ul.dt-button-collection.fixed:before, ul.dt-button-collection.fixed:after {
display: none;
}

div.dt-button-background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
}

@media screen and (max-width: 767px) {
div.dt-buttons {
float: none;
width: 100%;
text-align: center;
margin-bottom: 0.5em;
}
div.dt-buttons a.btn {
float: none;
}
}
div.dt-buttons button.btn.processing,
div.dt-buttons div.btn.processing,
div.dt-buttons a.btn.processing {
color: rgba(0, 0, 0, 0.2);
}
div.dt-buttons button.btn.processing:after,
div.dt-buttons div.btn.processing:after,
div.dt-buttons a.btn.processing:after {
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 16px;
margin: -8px 0 0 -8px;
box-sizing: border-box;
display: block;
content: ' ';
border: 2px solid #282828;
border-radius: 50%;
border-left-color: transparent;
border-right-color: transparent;
animation: dtb-spinner 1500ms infinite linear;
-o-animation: dtb-spinner 1500ms infinite linear;
-ms-animation: dtb-spinner 1500ms infinite linear;
-webkit-animation: dtb-spinner 1500ms infinite linear;
-moz-animation: dtb-spinner 1500ms infinite linear;
}


table.DTCR_clonedTable.dataTable {
position: absolute !important;
background-color: rgba(255, 255, 255, 0.7);
z-index: 202;
}

div.DTCR_pointer {
width: 1px;
background-color: #0275d8;
z-index: 201;
}


table.DTFC_Cloned tr {
background-color: white;
margin-bottom: 0;
}

div.DTFC_LeftHeadWrapper table,
div.DTFC_RightHeadWrapper table {
border-bottom: none !important;
margin-bottom: 0 !important;
background-color: white;
}

div.DTFC_LeftBodyWrapper table,
div.DTFC_RightBodyWrapper table {
border-top: none;
margin: 0 !important;
}
div.DTFC_LeftBodyWrapper table thead .sorting:after,
div.DTFC_LeftBodyWrapper table thead .sorting_asc:after,
div.DTFC_LeftBodyWrapper table thead .sorting_desc:after,
div.DTFC_LeftBodyWrapper table thead .sorting:after,
div.DTFC_LeftBodyWrapper table thead .sorting_asc:after,
div.DTFC_LeftBodyWrapper table thead .sorting_desc:after,
div.DTFC_RightBodyWrapper table thead .sorting:after,
div.DTFC_RightBodyWrapper table thead .sorting_asc:after,
div.DTFC_RightBodyWrapper table thead .sorting_desc:after,
div.DTFC_RightBodyWrapper table thead .sorting:after,
div.DTFC_RightBodyWrapper table thead .sorting_asc:after,
div.DTFC_RightBodyWrapper table thead .sorting_desc:after {
display: none;
}
div.DTFC_LeftBodyWrapper table tbody tr:first-child th,
div.DTFC_LeftBodyWrapper table tbody tr:first-child td,
div.DTFC_RightBodyWrapper table tbody tr:first-child th,
div.DTFC_RightBodyWrapper table tbody tr:first-child td {
border-top: none;
}

div.DTFC_LeftFootWrapper table,
div.DTFC_RightFootWrapper table {
border-top: none;
margin-top: 0 !important;
background-color: white;
}

div.DTFC_Blocker {
background-color: white;
}

table.dataTable.table-striped.DTFC_Cloned tbody {
background-color: white;
}


table.dataTable.fixedHeader-floating,
table.dataTable.fixedHeader-locked {
background-color: white;
margin-top: 0 !important;
margin-bottom: 0 !important;
}

table.dataTable.fixedHeader-floating {
position: fixed !important;
}

table.dataTable.fixedHeader-locked {
position: absolute !important;
}

@media print {
table.fixedHeader-floating {
display: none;
}
}


table.dataTable th.focus,
table.dataTable td.focus {
outline: 3px solid #0275d8;
outline-offset: -1px;
}


table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
cursor: default !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
display: none !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
position: relative;
padding-left: 30px;
cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
top: 12px;
left: 4px;
height: 14px;
width: 14px;
display: block;
position: absolute;
color: white;
border: 2px solid white;
border-radius: 14px;
box-shadow: 0 0 3px #444;
box-sizing: content-box;
text-align: center;
text-indent: 0 !important;
font-family: 'Courier New', Courier, monospace;
line-height: 14px;
content: '+';
background-color: #0275d8;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
content: '-';
background-color: #d33333;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
padding-left: 27px;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
top: 5px;
left: 4px;
height: 14px;
width: 14px;
border-radius: 14px;
line-height: 14px;
text-indent: 3px;
}
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
position: relative;
cursor: pointer;
}
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
top: 50%;
left: 50%;
height: 16px;
width: 16px;
margin-top: -10px;
margin-left: -10px;
display: block;
position: absolute;
color: white;
border: 2px solid white;
border-radius: 14px;
box-shadow: 0 0 3px #444;
box-sizing: content-box;
text-align: center;
text-indent: 0 !important;
font-family: 'Courier New', Courier, monospace;
line-height: 14px;
content: '+';
background-color: #0275d8;
}
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
content: '-';
background-color: #d33333;
}
table.dataTable > tbody > tr.child {
padding: 0.5em 1em;
}
table.dataTable > tbody > tr.child:hover {
background: transparent !important;
}
table.dataTable > tbody > tr.child ul.dtr-details {
display: inline-block;
list-style-type: none;
margin: 0;
padding: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
border-bottom: 1px solid #efefef;
padding: 0.5em 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
padding-top: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
border-bottom: none;
}
table.dataTable > tbody > tr.child span.dtr-title {
display: inline-block;
min-width: 75px;
font-weight: bold;
}

div.dtr-modal {
position: fixed;
box-sizing: border-box;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 100;
padding: 10em 1em;
}
div.dtr-modal div.dtr-modal-display {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 50%;
height: 50%;
overflow: auto;
margin: auto;
z-index: 102;
overflow: auto;
background-color: #f5f5f7;
border: 1px solid black;
border-radius: 0.5em;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}
div.dtr-modal div.dtr-modal-content {
position: relative;
padding: 1em;
}
div.dtr-modal div.dtr-modal-close {
position: absolute;
top: 6px;
right: 6px;
width: 22px;
height: 22px;
border: 1px solid #eaeaea;
background-color: #f9f9f9;
text-align: center;
border-radius: 3px;
cursor: pointer;
z-index: 12;
}
div.dtr-modal div.dtr-modal-close:hover {
background-color: #eaeaea;
}
div.dtr-modal div.dtr-modal-background {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 101;
background: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 767px) {
div.dtr-modal div.dtr-modal-display {
width: 95%;
}
}
div.dtr-bs-modal table.table tr:first-child td {
border-top: none;
}


table.dataTable tr.group td {
font-weight: bold;
background-color: #e0e0e0;
}


table.dt-rowReorder-float {
position: absolute !important;
opacity: 0.8;
table-layout: fixed;
outline: 2px solid #0275d8;
outline-offset: -2px;
z-index: 2001;
}

tr.dt-rowReorder-moving {
outline: 2px solid #888;
outline-offset: -2px;
}

body.dt-rowReorder-noOverflow {
overflow-x: hidden;
}

table.dataTable td.reorder {
text-align: center;
cursor: move;
}


div.DTS {
display: block !important;
}
div.DTS tbody th,
div.DTS tbody td {
white-space: nowrap;
}
div.DTS div.DTS_Loading {
z-index: 1;
}
div.DTS div.dataTables_scrollBody {
background: repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, white 10px, white 20px);
}
div.DTS div.dataTables_scrollBody table {
z-index: 2;
}
div.DTS div.dataTables_paginate,
div.DTS div.dataTables_length {
display: none;
}

div.DTS div.dataTables_scrollBody table {
background-color: white;
}


table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
background-color: #5386dc1f;
}
table.dataTable.stripe tbody > tr.odd.selected,
table.dataTable.stripe tbody > tr.odd > .selected, table.dataTable.display tbody > tr.odd.selected,
table.dataTable.display tbody > tr.odd > .selected {
background-color: #5387dd2b;
}
table.dataTable.hover tbody > tr.selected:hover,
table.dataTable.hover tbody > tr > .selected:hover, table.dataTable.display tbody > tr.selected:hover,
table.dataTable.display tbody > tr > .selected:hover {
background-color: #5387dd45;
}
table.dataTable.order-column tbody > tr.selected > .sorting_1,
table.dataTable.order-column tbody > tr.selected > .sorting_2,
table.dataTable.order-column tbody > tr.selected > .sorting_3,
table.dataTable.order-column tbody > tr > .selected, table.dataTable.display tbody > tr.selected > .sorting_1,
table.dataTable.display tbody > tr.selected > .sorting_2,
table.dataTable.display tbody > tr.selected > .sorting_3,
table.dataTable.display tbody > tr > .selected {
background-color: #0273d4;
}
table.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
background-color: #d9e5f8;
}
table.dataTable.display tbody > tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_2 {
background-color: #0270ce;
}
table.dataTable.display tbody > tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_3 {
background-color: #0270d0;
}
table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
background-color: #e5ecfa;
}
table.dataTable.display tbody > tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_2 {
background-color: #0274d5;
}
table.dataTable.display tbody > tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_3 {
background-color: #0275d7;
}
table.dataTable.display tbody > tr.odd > .selected, table.dataTable.order-column.stripe tbody > tr.odd > .selected {
background-color: #026fcc;
}
table.dataTable.display tbody > tr.even > .selected, table.dataTable.order-column.stripe tbody > tr.even > .selected {
background-color: #0273d4;
}
table.dataTable.display tbody > tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1 {
background-color: #d0dff6;
}
table.dataTable.display tbody > tr.selected:hover > .sorting_2, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_2 {
background-color: #026cc8;
}
table.dataTable.display tbody > tr.selected:hover > .sorting_3, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_3 {
background-color: #026eca;
}
table.dataTable.display tbody > tr:hover > .selected,
table.dataTable.display tbody > tr > .selected:hover, table.dataTable.order-column.hover tbody > tr:hover > .selected,
table.dataTable.order-column.hover tbody > tr > .selected:hover {
background-color: #026bc6;
}
table.dataTable tbody td.select-checkbox,
table.dataTable tbody th.select-checkbox {
position: relative;
}
table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after,
table.dataTable tbody th.select-checkbox:before,
table.dataTable tbody th.select-checkbox:after {
display: block;
position: absolute;
top: 1.2em;
left: 50%;
width: 12px;
height: 12px;
box-sizing: border-box;
}
table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody th.select-checkbox:before {
content: ' ';
margin-top: -6px;
margin-left: -6px;
border: 1px solid black;
border-radius: 3px;
}
table.dataTable tr.selected td.select-checkbox:after,
table.dataTable tr.selected th.select-checkbox:after {
content: '\2714';
margin-top: -11px;
margin-left: -4px;
text-align: center;
text-shadow: 1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9;
}

div.dataTables_wrapper span.select-info,
div.dataTables_wrapper span.select-item {
margin-left: 0.5em;
}

@media screen and (max-width: 640px) {
div.dataTables_wrapper span.select-info,
div.dataTables_wrapper span.select-item {
margin-left: 0;
display: block;
}
}
table.dataTable tbody tr.selected,
table.dataTable tbody th.selected,
table.dataTable tbody td.selected {
color: white;
}
table.dataTable tbody tr.selected a,
table.dataTable tbody th.selected a,
table.dataTable tbody td.selected a {
color: #a2d4ed;
}
.containerchkbx {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 20px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* Hide the browser's default checkbox */
.containerchkbx input {
position: absolute;
opacity: 0;
left: 0;
width: 20px;
height: 20px;
cursor: pointer;
z-index:10;
}

/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #eee;
}

/* On mouse-over, add a grey background color */
.containerchkbx:hover input ~ .checkmark {
background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containerchkbx input:checked ~ .checkmark {
background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}

/* Show the checkmark when checked */
.containerchkbx input:checked ~ .checkmark:after {
display: block;
}

/* Style the checkmark/indicator */
.containerchkbx .checkmark:after {
left: 8px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.dt-body-center{
padding-top:0px !important;
}
table.dataTable.select tbody tr,
table.dataTable thead th:first-child {
cursor: pointer;
}

 /* .panel-body{
 margin-top: 100px;
 } */
 .tab > li a{
 line-height: 12px!important;
 text-transform: none!important;
 width: 100%;
 }
 .edit{
 /*position: absolute;
 width: 4%;
 top: 21px;
 right: -2px;*/
 cursor: pointer;
 font-size: 18px;
 }
 .admin-form{
 transform: none!important;
 top: 10px!important;
 margin: -10px!important;
 }
 #link3 .admin-meta > span{
 /*border-radius: 0px!important;*/
 background: #eeae4a;
 }
 /*complementary side bar */
 .main-page.style1 header .side-header1.slide-out1{
 left: unset!important;
 right:0!important;
 }
 .main-page.style1 header .side-header1{
 right: -100%;
 }
 .side-header1{
 padding-top: 90px;
 background: #fff;
 float: left;
 height: 100%;
 position: fixed;
 -webkit-box-shadow: 7px 0 15px 0 rgba(69, 90, 100, 0.2);
 -moz-box-shadow: 7px 0 15px 0 rgba(69, 90, 100, 0.2);
 -ms-box-shadow: 7px 0 15px 0 rgba(69, 90, 100, 0.2);
 -o-box-shadow: 7px 0 15px 0 rgba(69, 90, 100, 0.2);
 box-shadow: 7px 0 15px 0 rgba(69, 90, 100, 0.2);
 -webkit-transition: all 0.25s ease-out 0s;
 -moz-transition: all 0.25s ease-out 0s;
 -ms-transition: all 0.25s ease-out 0s;
 -o-transition: all 0.25s ease-out 0s;
 transition: all 0.25s ease-out 0s;
 width: 339px;
 top: 0;
 right: 0;
 z-index: 99 !important;
 }
 .side-menus nav > ul > li.menu-item-has-children > ul > li > a::before{
 display:none;
 }
 /*carousel*/
 .modal-open .modal {
 overflow-x: hidden;
 overflow-y: auto;
 background: rgba(0, 0, 0, .5)!important;
 }
 #myCarousel {
 padding: 33px!important;
 }
 .carousel-control.right, 
 .carousel-control.left {
 background: transparent;
 }
 .carousel-indicators .active{
 width: 30px;
 height: 2px;
 margin-right: 3px;
 margin-left: 3px;
 background-color: #757575;
 }
 .carousel-indicators li{
 background-color: rgb(75, 36, 134);
 }
 .wdg-tl
 {
 font-weight: 600!important;
 margin-bottom: 13px!important;
 text-transform: capitalize;
 }
 .modal-content{
 box-shadow: unset!important;
 border:unset!important;
 margin-top: 60px!important;
 }
 .modal-footer{
 background:white;
 }
 .modal-body{
 border:none!important;
 }
 .modal-backdrop{
 display:none!important;
 }
 /* div.bottombar:first-of-type{
 display:none!important;
 } */
 table.bordered > thead > tr, table.bordered > tbody > tr{
 font-size: 12px!important;
 }
 .main-page.style1 header .side-header1.slide-out1{
 overflow: scroll!important;
 }
 .widget{
 display: inline-flex;
 }

 @media screen and (max-width: 640px){
 h4{
 text-align: center;
 }
 h5{
 text-align: center;
 }
 .sub-area ul{
 text-align: center!important;
 padding-left: 40px!important;
 }
 .tab-meta{
 margin-top: 0px!important;
 }
 .admin-meta{
 top: 70%!important;
 }
 .line-break{
 width: 100%!important;
 }
 .vfy-code{
 /*margin-top: -50px!important;*/
 }
 }

 /* .panel-body{
     margin-top:50px;
 }
 .panel-body{
margin-top: 100px;
} */


.tab > li a{
line-height: 12px!important;
text-transform: none!important;
width: 100%;
}
.edit{
/*position: absolute;
width: 4%;
top: 21px;
right: -2px;*/
cursor: pointer;
font-size: 18px;
}
.admin-form{
transform: none!important;
top: 10px!important;
margin: -10px!important;
}

#link3 .admin-meta > span{
/*border-radius: 0px!important;*/
background: #eeae4a;
}

/*complementary side bar */
.main-page.style1 header .side-header1.slide-out1{
left: unset!important;
right:0!important;
}

.main-page.style1 header .side-header1{
right: -100%;
}

.side-header1{
padding-top: 90px;
background: #fff;
float: left;
height: 100%;
position: fixed;
-webkit-box-shadow: 7px 0 15px 0 rgba(69, 90, 100, 0.2);
-moz-box-shadow: 7px 0 15px 0 rgba(69, 90, 100, 0.2);
-ms-box-shadow: 7px 0 15px 0 rgba(69, 90, 100, 0.2);
-o-box-shadow: 7px 0 15px 0 rgba(69, 90, 100, 0.2);
box-shadow: 7px 0 15px 0 rgba(69, 90, 100, 0.2);
-webkit-transition: all 0.25s ease-out 0s;
-moz-transition: all 0.25s ease-out 0s;
-ms-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
width: 339px;
top: 0;
right: 0;
z-index: 99 !important;
}

.side-menus nav > ul > li.menu-item-has-children > ul > li > a::before{
display:none;
}


/*carousel*/

.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
background: rgba(0, 0, 0, .5)!important;
}

#myCarousel {
padding: 33px!important;
}

.carousel-control.right, 
.carousel-control.left {
background: transparent;
}

.carousel-indicators .active{
width: 30px;
height: 2px;
margin-right: 3px;
margin-left: 3px;
background-color: #757575;
}
.carousel-indicators li{
background-color: rgb(75, 36, 134);
}
.wdg-tl
{
font-weight: 600!important;
margin-bottom: 13px!important;
text-transform: capitalize;
}

.modal-content{
box-shadow: unset!important;
border:unset!important;
margin-top: 60px!important;
}

.modal-footer{
background:white;
}
.modal-body{
border:none!important;
}

.modal-backdrop{
display:none!important;
}

/* div.bottombar:first-of-type{
display:none!important;
} */

table.bordered > thead > tr, table.bordered > tbody > tr{
font-size: 12px!important;
}

.main-page.style1 header .side-header1.slide-out1{
overflow: scroll!important;
}

.widget{
display: inline-flex;
}


@media screen and (max-width: 640px){
h4{
    text-align: center;
}

h5{
    text-align: center;
}

.sub-area ul{
    text-align: center!important;
    padding-left: 40px!important;
}

.tab-meta{
    margin-top: 0px!important;
}

.admin-meta{
    top: 70%!important;
}
.line-break{
    width: 100%!important;
}

.vfy-code{
    /*margin-top: -50px!important;*/
}
} 
.button-yellow{
background-color:#eeae4a !important;
border:#eeae4a;
color:white !important;
}
.admin-meta > span {
background:#eeae4a
}

.nav-item a:hover,.nav-item a:focus,.nav-item a:active{
    color:black !important;
}
.tab-content select{
  padding-bottom:5px !important;
}
@media (min-width: 320px) and (max-width: 767px) { 
.inner-bg{
	margin-top: 0px !important;
}
}

.welcome-msg{
 width: 97% !important;
}

#cusTab {
  position: absolute;
  top: 40px;
  padding-left: 10px;
}

#cusTab.nav-tabs .nav-item {
  width: 100%;
  padding: 5px 5px;
}

.info-section .report_subs_mnth, .info-section .report_dispatch_mnth{
   /* font-size: 13px !important; */
}

.myProfile .tab-content.all_tab .profile-history .headings .wdg-tl {
  text-align: left;
  margin: 0px !important;
  color: #111111 !important;
  font-size: 14px;
  font-weight: normal !important;
}

.myProfile .tab-content.all_tab .profile-history .headings .wdg-tl span {
   margin-top: 0px !important;
}
.myProfile .tab-content.all_tab .profile-history .headings .wdg-tl .user_name {
  border: none !important;
}

.popover {
  background-color: rgba(0,0,0,.2);
} 

.bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after {
  border-top-color: rgba(0,0,0,.2);
}

.font-size-11 {
  font-size: 11px !important;
}

.button-common-size {
  width: 130px;
  color: #007bff !important;
  font-size: 14px !important;
  text-align: center !important;
}

.content-area .tab > li a {
  width: 100% !important;
  text-align: left;
  padding-left: 20px;
  border-radius: 10px;
  margin-bottom: 10px;
  text-transform: unset !important;
  font-weight: 400!important;
}

.widget #cusTab h4{
  margin-bottom: 15px;
  font-size: 14px !important;
}

/* #cusTab li a {
  padding: 16px !important;
} */

#link2 .nav-tabs  li a {
  border-radius: unset;
  padding: 15px;
}

#link2 .nav-tabs  li {
  width: 50%;
}

.inner-bg .padding-10 {
  height: 260px;
  box-shadow: 1px 1px 0px 0px #8e9bd4 !important;
  border-radius: 15px !important;
}

.container-fluid .row .col-lg-10 .row .col-4 {
  /* margin-left: -25px !important; */
}
/* .responsive-view */
/* my-account-page */

@media screen and (max-width: 600px) {
  .my-account-page.responsive-view .inner-bg {
    padding: 15px !important;
    padding-top: 45px !important;
    margin: unset;
  }
  .my-account-page.responsive-view .inner-bg .info-section .col-sm-4 {
    padding-left: 0px;
  }
  .wdg-tl span.edit_password {
    padding: 8px !important; 
    margin-left: 10px !important;
  }
  }
  .my-account-page.responsive-view .all_tab #link2 {
    margin-left: -12px;
  }
  .my-account-page.responsive-view .padding-10 .widget{
    top: -35px;
    height: 80px
  }
  .my-account-page.responsive-view .widget #cusTab h4{
    text-align: left;
    margin-bottom: 2px;
  }
  .my-account-page.responsive-view #cusTab {
    height: 70px !important;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    list-style: none;
    padding: 0;
    white-space: nowrap;
  }
  .my-account-page.responsive-view .widget #cusTab h4 {
    text-align: left;
    margin-bottom: 2px;
    width: 100% !important;
  }

  .my-account-page.responsive-view #cusTab.nav-tabs .nav-item{
    width: 50% !important;
    padding: 0px;
    height: 40px;
  }

  .my-account-page.responsive-view .myProfile .element-title h4 {
    font-size: 13px;
    text-align: left;
    padding-bottom: 30px;
  }
  .my-account-page.responsive-view .bottombar {
    padding: 0px !important;
  }
  .bottombar > span {
    width: 95% !important;
  }
  .responsive-view .widget-title {
    display: contents;
    padding: 13px 18px !important;
  }
  .responsive-view .inner-bg .padding-10 {
    height: auto !important;
    box-shadow: unset !important;
  }
  .content-area .tab > li a {
     text-align: center;
  }
@media screen and (max-width: 1024px) {
  .mini-stats > em {
    margin-right: 45px !important;
  }
  .info-section .col-sm-4 .fa {
    margin-right: -18px !important;
  }
  .profile-inside {
    padding-right: 50px !important
  }
  .tab-meta {
    min-height: auto !important;
    margin-top: -12px !important;
  }
  .my-account-page.responsive-view .inner-bg .info-section .col-sm-4 {
    padding-left: 0px;
  }
  .my-account-page.responsive-view .myProfile .tab-meta {
    padding: unset;
    margin: unset;
    padding-right: 0px !important;
  }
  .dash-head-title {
    display: flow-root !important;
    padding: 20px !important;
  }
  #edit , #save{
    margin-top: -10px !important; 
    /* margin-right: 55px !important */
  }
  .info-section .row {
    margin-right: -15px  !important;
    margin-left: -19px !important;
  }
  .tab.nav.nav-tabs > li a {
    padding-right: 60px !important;
  }
  .profile-inside .row{
    margin-right: -15px !important;
    margin-left: -15px !important;
  }
  .my-account-page.responsive-view .all_tab #link2 {
    margin-left: -12px;
  }
  .my-account-page.responsive-view .padding-10 .widget{
    top: -35px;
    height: 80px;
    padding: 10px;
  }
  .my-account-page.responsive-view .widget #cusTab h4{
    text-align: left;
    margin-bottom: 2px;
  }
  .my-account-page.responsive-view #cusTab {
    height: 70px !important;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    list-style: none;
    padding: 0;
    white-space: nowrap;
  }
  .my-account-page.responsive-view .widget #cusTab h4 {
    text-align: left;
    margin-bottom: 2px;
    width: 100% !important;
  }

  .my-account-page.responsive-view #cusTab.nav-tabs .nav-item{
    width: 50% !important;
    padding: 0px;
    height: 40px;
  }

  .my-account-page.responsive-view .myProfile .element-title h4 {
    font-size: 13px;
    text-align: left;
    padding-bottom: 30px;
  }
  .my-account-page.responsive-view .bottombar {
    padding: 0px !important;
  }
  .my-account-page.responsive-view .side-header {
    top: 136px !important;
  }
  .widget #cusTab h4 {
    display: none !important;
  }
}
.bottombar{
 position: inherit !important;
}

@media only screen 
    and (min-width : 411px) 
    and (min-height : 823px) {
      .my-account-page.responsive-view .profile-inside .row .col-4:last-child{
            margin-left: 17vh;
        }
    }
 
    @media only screen 
    and (min-width : 411px) 
    and (min-height : 731px) {
      .my-account-page.responsive-view .profile-inside .row .col-4:last-child{
            margin-left: 18vh !important;
        }
    }
    @media only screen 
    and (min-width : 320px) 
    and (min-height : 568px) {
      .my-account-page.responsive-view .profile-inside .row .col-4:last-child{
            margin-left: 23vh;
        }
    }

    @media only screen 
    and (min-width : 375px) 
    and (min-height : 667px) {
      .my-account-page.responsive-view .profile-inside .row .col-4:last-child{
            margin-left: 20vh;
        }
    }

    @media only screen 
    and (min-width : 360px) 
    and (min-height : 640px) {
      .my-account-page.responsive-view .profile-inside .row .col-4:last-child{
            margin-left: 21vh;
        }
    }

    @media only screen 
    and (min-width : 375px) 
    and (min-height : 812px) {
      .my-account-page.responsive-view .profile-inside .row .col-4:last-child{
            margin-left: 16vh !important;
        }
    }
    @media only screen 
    and (min-width : 280px) 
    and (min-height : 653px) {
      .my-account-page.responsive-view .profile-inside .row .col-4:last-child{
            margin-left: 19vh;
        }
    }



/* app switcher  */

.drop.setting .drop-meta>li a{
  text-align: left !important;
}

.dropdownText{
  text-align: left !important;
}

.app-switch-subList i.active{
  transform: none !important;
}

.drop.setting{
  top: 60px !important;
}