@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
a,a:focus,a:hover {
 text-decoration:none
}
body,
ul {
 margin:0;
 padding:0
}
body,
ul,
ul.custom {
 padding:0
}
ul li,
ul.custom li,
ul.tasks-widget {
 list-style-type:none
}
.app,
body {
 min-height:100%
}
.app-wrap,
body {
 position:relative
}
.task-checkbox input[type=checkbox]:focus,
a:focus {
 outline:0
}
.plan-one .plan-features li,
.settings li p,
.timeline-row .timeline-content h4,
ul.stats li {
 white-space:nowrap;
 text-overflow:ellipsis
}
.btn.disabled,
.btn:disabled,
.nav-link.disabled {
 pointer-events:none
}
html {
 height:100%
}
body {
 font:400 .85rem 'Open Sans',sans-serif;
 color:#2e323c;
 background:#262626
}
body.error-bg {
 background:url(../img/carousel-img-2.jpg) center center no-repeat;
 background-size:cover
}
body.login-bg {
 background:#3a80d2;
}
a {
 color:#000
}
a:hover {
 color:#1c8bd2
}
a:focus {
 color:#FF7E39
}
ul.custom {
 margin:0 0 0 20px
}
ul.custom li {
 line-height:180%
}
hr {
 margin-top:10px;
 margin-bottom:10px;
 border-top:1px solid #e1e5f1
}
.height1 {
 height:150px
}
.height2 {
 height:290px
}
.spacer10 {
 height:10px
}
.spacer20 {
 height:20px
}
.spacer30 {
 height:30px
}
.spacer50 {
 height:50px
}
.spacer60 {
 height:60px
}
.spacer70 {
 height:70px
}
.bg-primary {
 background:#118cf1!important
}
.bg-secondary {
 background:#f23f3f!important
}
.bg-success {
 background:#27b963!important
}
.bg-info {
 background:#2698e2!important
}
.bg-warning {
 background:#ffc107!important
}
.bg-danger {
 background:#f23f3f!important
}
.bg-pink {
 background:#f15f79!important
}
.bg-purple {
 background:#5a66b5!important
}
.bg-violet {
 background:#712c69!important
}
.bg-orange {
 background:#FF7E39!important
}
.bg-brown {
 background:#79574b!important
}
.bg-light {
 background:#d5dfeb
}
.bg-dark {
 background:#1c1c1c
}
.bg-fb {
 background:#3B5998
}
.bg-tw {
 background:#55ACEE
}
.bg-gp {
 background:#E02F2F
}
.bg-lk {
 background:#007BB5
}
.app-header,
.page-header {
 background-repeat:no-repeat;
 padding:0
}
.text-primary {
 color:#118cf1!important
}
.text-secondary {
 color:#f23f3f!important
}
.text-success {
 color:#27b963!important
}
.text-info {
 color:#2698e2!important
}
.text-warning {
 color:#ffc107!important
}
.text-danger {
 color:#f23f3f!important
}
.text-violet {
 color:#712c69!important
}
.text-purple {
 color:#5a66b5!important
}
.text-pink {
 color:#f15f79!important
}
.text-orange {
 color:#FF7E39!important
}
.text-light {
 color:#666!important
}
.text-dark {
 color:#000!important
}
.text-muted {
 color:#8796af!important
}
.font-light {
 font-weight:300
}
.font-regular {
 font-weight:400
}
.font-semibold {
 font-weight:600
}
.font-bold {
 font-weight:700
}
p.custom {
 line-height:180%;
 font-size:.85rem
}
h1.custom {
 margin:0 0 30px;
 line-height:100%
}
h2.custom {
 margin:0 0 25px;
 line-height:100%
}
h3.custom,
h4.custom,
h5.custom {
 margin:0 0 20px;
 line-height:100%
}
.img-30 {
 width:30px;
 height:30px
}
.img-48 {
 width:48px;
 height:48px
}
.img-60 {
 width:60px;
 height:60px
}
.img-72 {
 width:72px;
 height:72px
}
.img-90 {
 width:90px;
 height:90px
}
.no-bdr {
 border:0
}
.bdr-transparent {
 border:1px solid transparent
}
.overflow-scroll {
 overflow:auto
}
.charCount {
 font-size:.7rem
}
.app-wrap {
 min-height:100vh
}
.app-header {
 background-color:#212121;
 background-image:-webkit-gradient(linear,0 0,0 100%,from(#333),color-stop(95%,#262626),to(#0d0d0d));
 background-image:-webkit-linear-gradient(#333,#262626 95%,#0d0d0d);
 background-image:-moz-linear-gradient(top,#333,#262626 95%,#0d0d0d);
 background-image:-o-linear-gradient(#333,#262626 95%,#0d0d0d);
 background-image:linear-gradient(#333,#262626 95%,#0d0d0d);
 position:sticky;
 z-index:1020;
 top:0;
 left:0;
 right:0
}
.custom-banner,
.page-header {
 position:relative;
 z-index:10
}
.app-container {
 position:relative;
 margin:1.3rem
}
.page-header {
 background-color:#228cd1;
 background-image:-webkit-gradient(linear,0 0,0 100%,from(#1c8bd2),color-stop(85%,#2698e2),to(#135e8f));
 background-image:-webkit-linear-gradient(#1c8bd2,#2698e2 85%,#135e8f);
 background-image:-moz-linear-gradient(top,#1c8bd2,#2698e2 85%,#135e8f);
 background-image:-o-linear-gradient(#1c8bd2,#2698e2 85%,#135e8f);
 background-image:linear-gradient(#1c8bd2,#2698e2 85%,#135e8f);
 -webkit-border-radius:0 4px 0 0;
 -moz-border-radius:0 4px 0 0;
 border-radius:0 4px 0 0
}
.page-header .page-title {
 margin:13px 0
}
.page-header .page-title h3 {
 margin:0;
 padding:0;
 font-weight:300;
 line-height:125%;
 font-size:1.3rem;
 color:#fff
}
.page-header .right-stats {
 float:right;
 margin-top:7px
}
.page-header .right-stats a {
 min-width:100px;
 vertical-align:middle;
 font-size:.75rem
}
.page-header .right-stats a span {
 font-size:1.6rem;
 line-height:100%;
 margin-right:5px;
 float:left
}
@media (max-width:992px) {
 .page-header {
  -webkit-border-radius:4px 4px 0 0;
  -moz-border-radius:4px 4px 0 0;
  border-radius:4px 4px 0 0;
  margin-top:5px
 }
}
@media (max-width:575px) {
 .page-header {
  -webkit-border-radius:4px 4px 0 0;
  -moz-border-radius:4px 4px 0 0;
  border-radius:4px 4px 0 0
 }
 .page-header .right-stats {
  float:none;
  margin:0 auto 20px;
  text-align:center
 }
 .page-header .page-title {
  margin:10px 0 0
 }
}
.main-content {
 position:relative;
 margin-bottom:auto;
 padding:1.3rem;
 background:#fff
}
.main-footer {
 background:#2698e2;
 padding:.7rem 1.3rem;
 font-size:.65rem;
 color:#fff;
 -webkit-border-radius:0 0 .3rem .3rem;
 -moz-border-radius:0 0 .3rem .3rem;
 border-radius:0 0 .3rem .3rem
}
.custom-banner {
 padding:3.5rem 1rem;
 background-color:#1b2532;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#4ab2f5),to(#1b2532));
 background-image:-webkit-linear-gradient(right,#4ab2f5,#1b2532);
 background-image:-moz-linear-gradient(right,#4ab2f5,#1b2532);
 background-image:-ms-linear-gradient(right,#4ab2f5,#1b2532);
 background-image:-o-linear-gradient(right,#4ab2f5,#1b2532);
 background-image:linear-gradient(right,#4ab2f5,#1b2532);
 text-align:center;
 margin-bottom:.9rem;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px
}
.custom-banner:before {
 content:"";
 background-image:url(../img/header-bg4.jpg);
 background-size:cover;
 background-position:center center;
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 right:0;
 opacity:.2
}
.welcome-msg {
 padding-left:0
}
.welcome-msg .welcome-user-thumb {
 margin-bottom:10px
}
.welcome-msg .welcome-user-thumb img {
 width:60px;
 height:60px;
 -webkit-border-radius:100px;
 -moz-border-radius:100px;
 border-radius:100px
}
.welcome-msg .welcome-title {
 font-size:2rem;
 font-weight:300;
 color:#fff;
 margin:0
}
.welcome-msg .welcome-title span {
 font-weight:500
}
.welcome-msg .welcome-designation {
 color:#fff;
 line-height:150%;
 margin-bottom:1rem;
 font-weight:100
}
@media (max-width:767px) {
 .welcome-msg .btn {
  display:none
 }
 .welcome-msg .welcome-title {
  margin-bottom:0;
  font-size:1.5rem
 }
 .welcome-msg .welcome-designation {
  margin-bottom:0
 }
 .welcome-msg .welcome-user-thumb img {
  width:32px;
  height:32px
 }
}
.user-plans {
 margin:2rem 0 0
}
.user-plans.sm {
 margin:1rem 0 0
}
@media (max-width:767px) {
 .user-plans,
 .user-plans.sm {
  margin:1rem 0 0
 }
}
.share-footer a:not(.btn) {
 margin-top:4px;
 margin-right:10px;
 font-size:1rem;
 display:inline-block
}
.daterange-container {
 float:right;
 margin:8px 0
}
.daterange-container .form-control {
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 border-radius:3px;
 padding:.4rem .7rem .4rem 1rem;
 color:#8796af;
 font-size:.8rem;
 border:0
}
.daterange-container .form-control>span {
 float:left;
 margin-top:5px
}
.daterange-container .form-control i.down-arrow {
 -webkit-border-radius:30px;
 -moz-border-radius:30px;
 border-radius:30px;
 background-color:#f23f3f;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#FF7E39),to(#f23f3f));
 background-image:-webkit-linear-gradient(right,#FF7E39,#f23f3f);
 background-image:-moz-linear-gradient(right,#FF7E39,#f23f3f);
 background-image:-ms-linear-gradient(right,#FF7E39,#f23f3f);
 background-image:-o-linear-gradient(right,#FF7E39,#f23f3f);
 background-image:linear-gradient(right,#FF7E39,#f23f3f);
 font-size:1rem;
 color:#fff;
 width:24px;
 height:24px;
 text-align:center;
 line-height:24px;
 margin-left:20px;
 float:right
}
@media (max-width:767px) {
 .daterange-container {
  margin:8px auto;
  float:none
 }
}
.logo-block {
 min-width:230px;
 max-width:230px;
 margin:0;
 float:left
}
a.logo {
 padding:10px 0 10px 5px;
 float:left;
 min-width:180px
}
a.logo img {
 max-width:140px;
 max-height:35px
}
.custom-search {
 margin:0 auto;
 position:relative;
 top:12px;
 line-height:36px;
 float:right
}
.custom-search ::-webkit-input-placeholder {
 color:#4d4d4d
}
.custom-search :-moz-placeholder {
 color:#4d4d4d
}
.custom-search ::-moz-placeholder {
 color:#4d4d4d
}
.custom-search :-ms-input-placeholder {
 color:#4d4d4d
}
.custom-search .search-query {
 padding:7px 15px;
 margin-bottom:0;
 -webkit-border-radius:2px;
 -moz-border-radius:2px;
 border-radius:2px;
 color:#fff;
 background:rgba(0,0,0,.2);
 -webkit-transition:all .5s ease;
 -moz-transition:all .5s ease;
 -ms-transition:all .5s ease;
 -o-transition:all .5s ease;
 transition:all .5s ease;
 line-height:20px;
 border:1px solid #000;
 width:240px;
 box-shadow:0 0 1px #4d4d4d
}
.custom-search .search-query:focus {
 outline:0;
 background:rgba(0,0,0,.3);
 width:280px
}
.custom-search i {
 padding:0 20px;
 height:36px;
 line-height:36px;
 cursor:pointer;
 position:absolute;
 right:0;
 top:0;
 color:#fff;
 border-left:1px solid rgba(0,0,0,.3);
 font-size:16px
}
@media (max-width:767px) {
 .logo-block {
  min-width:190px;
  max-width:190px
 }
 .custom-search {
  display:none
 }
}
.header-actions {
 float:right;
 margin-right:5px
}
.header-actions>li {
 float:left
}
.header-actions>li>a {
 padding:18px 20px;
 display:block;
 position:relative
}
.header-actions>li>a>i {
 font-size:1.2rem;
 vertical-align:middle;
 color:#fff
}
.header-actions>li>a .count-label {
 position:absolute;
 top:10px;
 right:8px;
 width:20px;
 height:20px;
 border:2px solid #000;
 background:#2698e2;
 -webkit-border-radius:8px;
 -moz-border-radius:8px;
 border-radius:8px;
 text-align:center;
 font-size:.65rem;
 color:#fff;
 line-height:17px
}
.header-actions>li>a .count-label.red {
 background:#f23f3f
}
.header-actions>li>a .count-label.green {
 background:#27b963
}
.header-actions>li>a .count-label.yellow {
 background:#ffc107
}
.header-actions>li>a.user-settings {
 padding:8px 0 8px 18px
}
.header-actions>li>a.user-settings .avatar {
 position:relative;
 width:40px;
 height:40px;
 -webkit-border-radius:8px;
 -moz-border-radius:8px;
 border-radius:8px;
 background:#2698e2;
 float:left;
 text-align:center
}
.header-actions>li>a.user-settings .avatar i {
 color:#fff;
 font-size:1.5rem;
 line-height:40px
}
.header-actions>li>a.user-settings span.user-name {
 color:#fff;
 margin:12px 0 0 10px;
 vertical-align:middle;
 font-size:.75rem;
 float:left;
 font-weight:500
}
.header-actions>li>a.user-settings span.user-name i {
 -webkit-border-radius:30px;
 -moz-border-radius:30px;
 border-radius:30px;
 background-color:#b3b3b3;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#b3b3b3));
 background-image:-webkit-linear-gradient(right,#666,#b3b3b3);
 background-image:-moz-linear-gradient(right,#666,#b3b3b3);
 background-image:-ms-linear-gradient(right,#666,#b3b3b3);
 background-image:-o-linear-gradient(right,#666,#b3b3b3);
 background-image:linear-gradient(right,#666,#b3b3b3);
 font-size:1rem;
 color:#fff;
 margin-left:10px;
 float:right
}
.toggle-switch,
ul.imp-notify li .icon {
 background-image:-webkit-gradient(linear,left top,left bottom,from(#1ad0fc),to(#118cf1))
}
.header-actions>li .dropdown-menu {
 margin-top:0
}
.header-actions>li:first-child {
 border-left:0
}
@media (max-width:992px) {
 .header-actions>li {
  display:none
 }
 .header-actions>li:last-child {
  display:block;
  border-left:0
 }
}
.logout-btn {
 margin:10px 10px 0
}
.logout-btn .btn {
 display:block;
 width:100%
}
ul.imp-notify li {
 padding:10px 15px;
 border-bottom:1px solid #e6ecf3
}
ul.imp-notify li:last-child {
 border-bottom:0
}
ul.imp-notify li .icon {
 float:left;
 width:40px;
 height:40px;
 line-height:40px;
 text-align:center;
 -webkit-border-radius:50px;
 -moz-border-radius:50px;
 border-radius:50px;
 color:#fff;
 background-color:#118cf1;
 background-image:-webkit-linear-gradient(right,#1ad0fc,#118cf1);
 background-image:-moz-linear-gradient(right,#1ad0fc,#118cf1);
 background-image:-ms-linear-gradient(right,#1ad0fc,#118cf1);
 background-image:-o-linear-gradient(right,#1ad0fc,#118cf1);
 background-image:linear-gradient(right,#1ad0fc,#118cf1)
}
ul.imp-notify li .icon.green {
 background-color:#27b963;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#a5b936),to(#27b963));
 background-image:-webkit-linear-gradient(right,#a5b936,#27b963);
 background-image:-moz-linear-gradient(right,#a5b936,#27b963);
 background-image:-ms-linear-gradient(right,#a5b936,#27b963);
 background-image:-o-linear-gradient(right,#a5b936,#27b963);
 background-image:linear-gradient(right,#a5b936,#27b963)
}
ul.imp-notify li .icon.red {
 background-color:#FFB280;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#f23f3f),to(#FFB280));
 background-image:-webkit-linear-gradient(right,#f23f3f,#FFB280);
 background-image:-moz-linear-gradient(right,#f23f3f,#FFB280);
 background-image:-ms-linear-gradient(right,#f23f3f,#FFB280);
 background-image:-o-linear-gradient(right,#f23f3f,#FFB280);
 background-image:linear-gradient(right,#f23f3f,#FFB280)
}
ul.imp-notify li .icon.yellow {
 background-color:#ffc107;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#27b963),to(#ffc107));
 background-image:-webkit-linear-gradient(right,#27b963,#ffc107);
 background-image:-moz-linear-gradient(right,#27b963,#ffc107);
 background-image:-ms-linear-gradient(right,#27b963,#ffc107);
 background-image:-o-linear-gradient(right,#27b963,#ffc107);
 background-image:linear-gradient(right,#27b963,#ffc107)
}
ul.imp-notify li .details {
 display:block;
 margin-left:55px
}
ul.imp-notify li .details h6.username {
 font-weight:600;
 font-size:.9rem
}
ul.imp-notify li .details p.desc {
 font-size:.8rem;
 margin:0;
 line-height:130%;
 color:#8796af
}
ul.imp-notify li .details p.time {
 font-size:.7rem;
 margin:5px 0 0;
 color:#8796af
}
ul.tasks-widget {
 margin:0;
 padding:0
}
ul.tasks-widget li {
 padding:15px;
 border-bottom:1px solid #e1e5f1
}
ul.tasks-widget li p {
 margin:0 0 10px;
 padding:0;
 line-height:100%
}
ul.tasks-widget li p span {
 float:right;
 font-size:.75rem;
 color:#8796af
}
ul.tasks-widget li .progress {
 margin-bottom:0;
 height:5px
}
ul.tasks-widget li:last-child {
 border-bottom:0 solid transparent
}
.admin-settings ul.admin-settings-list {
 margin:0
}
.admin-settings ul.admin-settings-list>li {
 border-bottom:1px solid #e6ecf3;
 display:block;
 color:#8796af
}
.admin-settings ul.admin-settings-list>li a {
 font-size:.8rem;
 display:block;
 padding:7px 15px
}
.admin-settings ul.admin-settings-list>li a span.icon {
 margin-right:10px;
 font-size:1rem;
 vertical-align:middle
}
.admin-settings ul.admin-settings-list>li a span.text-name {
 margin-right:10px;
 vertical-align:middle
}
.admin-settings ul.admin-settings-list>li a .badge {
 float:right;
 font-size:.65rem;
 margin-top:1px;
 -webkit-border-radius:20px;
 -moz-border-radius:20px;
 border-radius:20px
}
.message-wrapper li.in .empty-avatar,
.message-wrapper li.in .plain-avatar,
.message-wrapper li.in img.avatar,
ul.product-status li .customer {
 float:left
}
.admin-settings ul.admin-settings-list>li:hover {
 background:#f7f9fb
}
.admin-settings .actions {
 margin:10px 15px 3px
}
.admin-settings .actions .btn {
 display:inline-block;
 font-size:1rem
}
ul.project-activity li.activity-list:after,
ul.project-activity li.activity-list:before {
 content:" ";
 display:table
}
ul.product-status li {
 margin-bottom:15px
}
ul.product-status li:last-child,
ul.product-status li:last-child .product-details p {
 margin-bottom:0
}
ul.product-status li .customer img {
 width:48px;
 height:48px;
 -webkit-border-radius:30px;
 -moz-border-radius:30px;
 border-radius:30px;
 padding:2px;
 border:1px solid #d1d1d1
}
ul.product-status li .product-details {
 margin-left:65px
}
ul.product-status li .product-details .badge {
 font-size:.7rem;
 padding:3px 10px 4px;
 margin:5px 0
}
ul.product-status li .product-details h5 {
 margin:0;
 line-height:180%;
 font-size:.9rem
}
ul.product-status li .product-details p {
 line-height:160%;
 font-size:.7rem
}
ul.project-activity {
 margin-left:10px
}
ul.project-activity li.activity-list {
 position:relative;
 border-left:2px solid #d9d9d9
}
ul.project-activity li.activity-list:after {
 background-color:#fff;
 -webkit-border-radius:20px;
 -moz-border-radius:20px;
 border-radius:20px;
 border:2px solid #f23f3f;
 height:9px;
 left:0;
 margin-left:-6px;
 position:absolute;
 width:10px;
 clear:both;
 bottom:auto;
 top:7px
}
ul.project-activity li.activity-list .detail-info {
 margin:0 0 0 15px;
 padding-bottom:17px
}
ul.project-activity li.activity-list p.message {
 padding:0;
 margin:0
}
ul.project-activity li.activity-list.success {
 border-left-color:#27b963
}
ul.project-activity li.activity-list.success:after {
 border-color:#27b963
}
ul.project-activity li.activity-list.danger {
 border-left-color:#f23f3f
}
ul.project-activity li.activity-list.danger:after {
 border-color:#f23f3f
}
ul.project-activity li.activity-list.info {
 border-left-color:#2698e2
}
ul.project-activity li.activity-list.info:after {
 border-color:#2698e2
}
ul.project-activity li.activity-list.warning {
 border-left-color:#ffc107
}
ul.project-activity li.activity-list.warning:after {
 border-color:#ffc107
}
ul.project-activity li.activity-list:last-child .detail-info {
 padding-bottom:0
}
.notifi {
 position:absolute
}
.notifi.tr {
 top:1rem;
 right:1rem
}
.notifi.tl {
 top:1rem;
 left:1rem
}
.notifi.bl {
 bottom:1rem;
 left:1rem
}
.notifi.br {
 bottom:1rem;
 right:1rem
}
.notifi a {
 display:inline-block
}
.notifi a i {
 font-size:30px
}
.toggle-switch {
 position:relative;
 width:40px;
 height:20px;
 background-color:#118cf1;
 background-image:-webkit-linear-gradient(right,#1ad0fc,#118cf1);
 background-image:-moz-linear-gradient(right,#1ad0fc,#118cf1);
 background-image:-ms-linear-gradient(right,#1ad0fc,#118cf1);
 background-image:-o-linear-gradient(right,#1ad0fc,#118cf1);
 background-image:linear-gradient(right,#1ad0fc,#118cf1);
 overflow:hidden;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 border-radius:10px
}
.toggle-switch .check {
 position:absolute;
 display:block;
 cursor:pointer;
 top:0;
 left:0;
 width:100%;
 height:100%;
 opacity:0;
 z-index:6;
 margin:0
}
.toggle-switch .check:checked~.track {
 background-color:#FFB280;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#FF7E39),to(#FFB280));
 background-image:-webkit-linear-gradient(right,#FF7E39,#FFB280);
 background-image:-moz-linear-gradient(right,#FF7E39,#FFB280);
 background-image:-ms-linear-gradient(right,#FF7E39,#FFB280);
 background-image:-o-linear-gradient(right,#FF7E39,#FFB280);
 background-image:linear-gradient(right,#FF7E39,#FFB280)
}
.toggle-switch .check:checked~.switch {
 right:2px;
 left:20px;
 transition:.35s cubic-bezier(.7,.1,.15,.8);
 transition-property:left,right;
 transition-delay:.05s,0s
}
.toggle-switch .check:checked~.switch:after {
 position:absolute;
 content:"\e900";
 font-size:.75rem;
 color:#FF7E39;
 font-family:icomoon;
 line-height:100%;
 top:2px;
 left:3px
}
.toggle-switch .switch {
 position:absolute;
 left:2px;
 top:2px;
 bottom:2px;
 right:20px;
 background-color:#f2f2f2;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f2f2f2));
 background-image:-webkit-linear-gradient(right,#fff,#f2f2f2);
 background-image:-moz-linear-gradient(right,#fff,#f2f2f2);
 background-image:-ms-linear-gradient(right,#fff,#f2f2f2);
 background-image:-o-linear-gradient(right,#fff,#f2f2f2);
 background-image:linear-gradient(right,#fff,#f2f2f2);
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 border-radius:10px;
 z-index:1;
 transition:.35s cubic-bezier(.7,.1,.15,.8);
 transition-property:left,right;
 transition-delay:0s,.05s
}
.toggle-switch .switch:after {
 position:absolute;
 content:"\e901";
 font-size:.75rem;
 color:#118cf1;
 font-family:icomoon;
 line-height:100%;
 top:2px;
 left:3px
}
.toggle-switch .track {
 position:absolute;
 left:0;
 top:0;
 right:0;
 bottom:0;
 transition:.35s cubic-bezier(.7,.1,.15,.8);
 box-shadow:inset 0 0 0 2px rgba(0,0,0,.05)
}
.toggle-switch.tr {
 position:absolute;
 top:10px;
 right:15px
}
.toggle-switch.tr-xl {
 position:absolute;
 top:16px;
 right:15px
}
.message-wrapper li {
 padding:16px 0 17px;
 border-bottom:1px dotted #e1e5f1
}
.message-wrapper li img.avatar {
 height:60px;
 width:60px;
 -webkit-border-radius:50px;
 -moz-border-radius:50px;
 border-radius:50px
}
.message-wrapper li .empty-avatar {
 height:60px;
 width:60px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 color:#fff;
 text-align:center;
 line-height:60px;
 background-color:#118cf1;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#1ad0fc),to(#118cf1));
 background-image:-webkit-linear-gradient(right,#1ad0fc,#118cf1);
 background-image:-moz-linear-gradient(right,#1ad0fc,#118cf1);
 background-image:-ms-linear-gradient(right,#1ad0fc,#118cf1);
 background-image:-o-linear-gradient(right,#1ad0fc,#118cf1);
 background-image:linear-gradient(right,#1ad0fc,#118cf1)
}
.message-wrapper li .empty-avatar.green {
 background-color:#27b963;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#a5b936),to(#27b963));
 background-image:-webkit-linear-gradient(right,#a5b936,#27b963);
 background-image:-moz-linear-gradient(right,#a5b936,#27b963);
 background-image:-ms-linear-gradient(right,#a5b936,#27b963);
 background-image:-o-linear-gradient(right,#a5b936,#27b963);
 background-image:linear-gradient(right,#a5b936,#27b963)
}
.message-wrapper li .empty-avatar.red {
 background-color:#ff7f34;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#f23f3f),to(#ff7f34));
 background-image:-webkit-linear-gradient(right,#f23f3f,#ff7f34);
 background-image:-moz-linear-gradient(right,#f23f3f,#ff7f34);
 background-image:-ms-linear-gradient(right,#f23f3f,#ff7f34);
 background-image:-o-linear-gradient(right,#f23f3f,#ff7f34);
 background-image:linear-gradient(right,#f23f3f,#ff7f34)
}
.message-wrapper li .empty-avatar.yellow {
 background-color:#ffc107;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda3e),to(#ffc107));
 background-image:-webkit-linear-gradient(right,#ffda3e,#ffc107);
 background-image:-moz-linear-gradient(right,#ffda3e,#ffc107);
 background-image:-ms-linear-gradient(right,#ffda3e,#ffc107);
 background-image:-o-linear-gradient(right,#ffda3e,#ffc107);
 background-image:linear-gradient(right,#ffda3e,#ffc107)
}
.message-wrapper li .empty-avatar.orange {
 background-color:#FF7E39;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#f23f3f),to(#FF7E39));
 background-image:-webkit-linear-gradient(right,#f23f3f,#FF7E39);
 background-image:-moz-linear-gradient(right,#f23f3f,#FF7E39);
 background-image:-ms-linear-gradient(right,#f23f3f,#FF7E39);
 background-image:-o-linear-gradient(right,#f23f3f,#FF7E39);
 background-image:linear-gradient(right,#f23f3f,#FF7E39)
}
.message-wrapper li .name {
 color:#8796af;
 line-height:180%
}
.message-wrapper li .date-time {
 color:#118cf1;
 font-size:.65rem
}
.message-wrapper li.out .empty-avatar,
.message-wrapper li.out .plain-avatar,
.message-wrapper li.out img.avatar {
 float:right
}
.message-wrapper li .message {
 display:block;
 padding:0;
 position:relative;
 line-height:180%
}
.message-wrapper li.in .message {
 text-align:left;
 margin-left:80px
}
.message-wrapper li.out {
 text-align:right
}
.message-wrapper li.out .message {
 margin-right:80px;
 text-align:right
}
.message-wrapper li .message .body {
 display:block;
 padding-top:5px
}
.message-wrapper li .message .body span {
 font-style:italic
}
.message-wrapper li:first-child {
 padding-top:0
}
.message-wrapper li:last-child {
 border-bottom:none
}
ul.stats li {
 line-height:36px;
 margin-bottom:12px;
 overflow:hidden;
 font-weight:300;
 color:#fff
}
ul.stats li span.icon {
 background:#118cf1;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#1ad0fc),to(#118cf1));
 background-image:-webkit-linear-gradient(right,#1ad0fc,#118cf1);
 background-image:-moz-linear-gradient(right,#1ad0fc,#118cf1);
 background-image:-ms-linear-gradient(right,#1ad0fc,#118cf1);
 background-image:-o-linear-gradient(right,#1ad0fc,#118cf1);
 background-image:linear-gradient(right,#1ad0fc,#118cf1);
 width:36px;
 height:36px;
 text-align:center;
 display:inline-block;
 -webkit-border-radius:50px;
 -moz-border-radius:50px;
 border-radius:50px;
 margin-right:15px;
 float:left
}
ul.stats li span.icon i {
 color:#fff;
 font-size:1rem;
 line-height:36px
}
ul.stats li span.icon.red {
 background-color:#f23f3f;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#ff7f34),to(#f23f3f));
 background-image:-webkit-linear-gradient(right,#ff7f34,#f23f3f);
 background-image:-moz-linear-gradient(right,#ff7f34,#f23f3f);
 background-image:-ms-linear-gradient(right,#ff7f34,#f23f3f);
 background-image:-o-linear-gradient(right,#ff7f34,#f23f3f);
 background-image:linear-gradient(right,#ff7f34,#f23f3f)
}
ul.stats li span.icon.green {
 background-color:#27b963;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#a5b936),to(#27b963));
 background-image:-webkit-linear-gradient(right,#a5b936,#27b963);
 background-image:-moz-linear-gradient(right,#a5b936,#27b963);
 background-image:-ms-linear-gradient(right,#a5b936,#27b963);
 background-image:-o-linear-gradient(right,#a5b936,#27b963);
 background-image:linear-gradient(right,#a5b936,#27b963)
}
ul.stats li span.icon.yellow {
 background-color:#ffc107;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda3e),to(#ffc107));
 background-image:-webkit-linear-gradient(right,#ffda3e,#ffc107);
 background-image:-moz-linear-gradient(right,#ffda3e,#ffc107);
 background-image:-ms-linear-gradient(right,#ffda3e,#ffc107);
 background-image:-o-linear-gradient(right,#ffda3e,#ffc107);
 background-image:linear-gradient(right,#ffda3e,#ffc107)
}
ul.stats li span.icon.orange {
 background-color:#FF7E39;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#FFB280),to(#FF7E39));
 background-image:-webkit-linear-gradient(right,#FFB280,#FF7E39);
 background-image:-moz-linear-gradient(right,#FFB280,#FF7E39);
 background-image:-ms-linear-gradient(right,#FFB280,#FF7E39);
 background-image:-o-linear-gradient(right,#FFB280,#FF7E39);
 background-image:linear-gradient(right,#FFB280,#FF7E39)
}
ul.stats li:last-child {
 margin-bottom:0
}
.task-list li {
 display:block;
 padding:10px 0;
 margin:0;
 cursor:pointer
}
.task-list li.list span {
 float:left;
 margin-top:20px;
 color:#f23f3f
}
.task-list li.list span:before {
 font-size:1.5rem;
 content:"\e5ca";
 font-family:icomoon;
 vertical-align:middle;
 border:3px solid #f23f3f;
 -webkit-border-radius:50px;
 -moz-border-radius:50px;
 border-radius:50px;
 padding:4px
}
.task-list li.completed {
 text-decoration:line-through;
 color:#8796af;
 -webkit-transition:all .3s ease-out;
 -moz-transition:all .3s ease-out;
 -ms-transition:all .3s ease-out;
 -o-transition:all .3s ease-out;
 transition:all .3s ease-out
}
.task-list li.completed span:before {
 color:#2698e2;
 border:3px solid #2698e2;
 content:"\e5ca";
 font-family:icomoon;
 text-decoration:none
}
.task-list li:first-child {
 padding-top:0
}
.task-list li:last-child {
 padding-bottom:0;
 border-bottom:0
}
.task-list li .task-details {
 margin-left:60px
}
.task-list li .task-details p {
 margin:0;
 padding:5px 0;
 line-height:120%
}
.task-list li .task-details p small {
 padding:0;
 color:#f23f3f
}
.task-list li .task-details p.date {
 padding:0;
 margin:0;
 font-size:.75rem
}
.task-list li .task-details p.date small {
 text-transform:uppercase
}
ul.email-quotes {
 background-color:#fafafa;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fafafa));
 background-image:-webkit-linear-gradient(right,#fff,#fafafa);
 background-image:-moz-linear-gradient(right,#fff,#fafafa);
 background-image:-ms-linear-gradient(right,#fff,#fafafa);
 background-image:-o-linear-gradient(right,#fff,#fafafa);
 background-image:linear-gradient(right,#fff,#fafafa);
 -webkit-border-radius:2px;
 -moz-border-radius:2px;
 border-radius:2px;
 border:1px solid #dbdbdb
}
ul.email-quotes li {
 width:20%;
 padding:15px 10px;
 float:left;
 box-sizing:border-box;
 text-align:center;
 border-right:1px solid #dbdbdb;
 border-left:1px solid #fff
}
ul.email-quotes li:last-child {
 border-right:0
}
ul.email-quotes li:first-child {
 border-left:0
}
ul.email-quotes li h3 {
 font-weight:600;
 margin:0;
 padding:0
}
ul.email-quotes li p {
 margin:0
}
@media (max-width:767px) {
 ul.email-quotes li {
  width:50%;
  border:0
 }
 ul.email-quotes li:last-child {
  width:100%
 }
}
.todo-container #today-date {
 margin:0;
 padding:0;
 font-size:1rem;
 font-weight:600
}
.todo-container .todo-body {
 margin-left:10px;
 padding:0;
 border-left:1px solid #e6e6e6
}
.todo-container .todo-body li.todo-list {
 position:relative;
 display:block;
 cursor:pointer;
 color:#000
}
.todo-container .todo-body li.todo-list .dot {
 border:2px solid #118cf1;
 background:#fff;
 -webkit-border-radius:50px;
 -moz-border-radius:50px;
 border-radius:50px;
 content:"";
 height:19px;
 width:19px;
 text-align:center;
 text-transform:uppercase;
 position:absolute;
 top:4px;
 left:-10px
}
.plan-one .plan-features li:before,
.todo-container .todo-body li.todo-list .dot:before,
.todo-container .todo-body li.todo-list.done .dot:before {
 content:"\e901";
 font-family:icomoon
}
.todo-container .todo-body li.todo-list .dot:before {
 font-size:.7rem;
 color:rgba(0,0,0,.2)
}
.todo-container .todo-body li.todo-list .dot.red {
 border:2px solid #f23f3f
}
.todo-container .todo-body li.todo-list .dot.green {
 border:2px solid #27b963
}
.todo-container .todo-body li.todo-list .dot.yellow {
 border:2px solid #ffc107
}
.todo-container .todo-body li.todo-list .dot.pink {
 border:2px solid #f15f79
}
.todo-container .todo-body li.todo-list .dot.orange {
 border:2px solid #FF7E39
}
.todo-container .todo-body li.todo-list .dot.violet {
 border:2px solid #712c69
}
.todo-container .todo-body li.todo-list.done {
 text-decoration:line-through;
 -webkit-transition:all .3s ease-out;
 -moz-transition:all .3s ease-out;
 -ms-transition:all .3s ease-out;
 -o-transition:all .3s ease-out;
 transition:all .3s ease-out;
 color:#000
}
.todo-container .todo-body li.todo-list.done .dot {
 border:2px solid #0c71c3;
 background:#118cf1
}
.todo-container .todo-body li.todo-list.done .dot:before {
 color:#fff;
 text-decoration:none
}
.todo-container .todo-body li.todo-list.done .dot.red {
 background:#f23f3f;
 border:2px solid #ee1010
}
.todo-container .todo-body li.todo-list.done .dot.green {
 background:#27b963;
 border:2px solid #1e8f4c
}
.todo-container .todo-body li.todo-list.done .dot.yellow {
 background:#ffc107;
 border:2px solid #a07800
}
.todo-container .todo-body li.todo-list.done .dot.pink {
 background:#f15f79;
 border:2px solid #ed3052
}
.todo-container .todo-body li.todo-list.done .dot.orange {
 background:#FF7E39;
 border:2px solid #ff5d06
}
.todo-container .todo-body li.todo-list.done .dot.violet {
 background:#712c69;
 border:2px solid #4c1e47
}
.todo-container .todo-body li.todo-list.done .todo-info p,
.todo-container .todo-body li.todo-list.done .todo-info small {
 opacity:.3
}
.todo-container .todo-body li.todo-list:last-child .detail-info {
 padding-bottom:0
}
.todo-container .todo-body li.todo-list .todo-info {
 line-height:100%;
 margin:0 0 0 20px;
 padding-bottom:25px
}
.todo-container .todo-body li.todo-list .todo-info p {
 margin:0 0 5px;
 line-height:150%
}
.todo-container .todo-body li.todo-list .todo-info p span.time {
 font-size:.7rem;
 float:right
}
ul.traffic-sources {
 margin:0
}
ul.traffic-sources li {
 padding:8px 0;
 border-bottom:1px solid rgba(0,0,0,.1)
}
ul.traffic-sources li .source-graph {
 float:right
}
ul.traffic-sources li:first-child {
 padding-top:0
}
ul.traffic-sources li:last-child {
 padding-bottom:0;
 border-bottom:0
}
ul.traffic-sources .symbol {
 width:16px;
 height:16px;
 background:#2698e2;
 display:inline-block;
 margin-top:3px
}
ul.traffic-sources .symbol.orange {
 background:#FF7E39
}
ul.traffic-sources .symbol.green {
 background:#27b963
}
ul.traffic-sources .symbol.yellow {
 background:#ffc107
}
ul.traffic-sources .symbol.pink {
 background:#f15f79
}
.revenue-container {
 min-height:208px
}
.revenue-container .revenue-footer p {
 font-size:.8rem;
 margin:0;
 color:#000
}
.revenue-container .revenue-footer h2 {
 color:#000
}
.revenue-container .revenue-footer .live-sales {
 float:right;
 margin-top:10px
}
.revenue-container .revenue-footer .live-sales ul.sales-ticker li {
 line-height:30px
}
.revenue-container .revenue-footer .live-sales ul.sales-ticker li a {
 color:#000;
 font-size:.8rem
}
.revenue-container .revenue-footer .live-sales ul.sales-ticker li a .num {
 background:#2698e2;
 padding:5px;
 -webkit-border-radius:30px;
 -moz-border-radius:30px;
 border-radius:30px;
 width:30px;
 height:30px;
 font-size:1rem;
 text-align:center;
 margin-right:10px;
 line-height:20px;
 float:left;
 color:#fff
}
.traffic-source {
 text-align:center
}
.traffic-source p {
 line-height:100%;
 margin:0;
 padding:0;
 font-size:.8rem
}
.traffic-source .circliful text {
 fill:#000
}
.traffic-source .svg-container {
 margin-top:-10px
}
.mini-widget {
 margin:0 0 15px;
 color:#fff
}
.mini-widget .mini-widget-heading {
 padding:7px 15px;
 -webkit-border-radius:4px 4px 0 0;
 -moz-border-radius:4px 4px 0 0;
 border-radius:4px 4px 0 0;
 text-transform:uppercase;
 background:#1c8bd2
}
.mini-widget .mini-widget-body {
 padding:15px;
 background:#2698e2;
 -webkit-border-radius:0 0 4px 4px;
 -moz-border-radius:0 0 4px 4px;
 border-radius:0 0 4px 4px
}
.mini-widget .mini-widget-body i {
 -webkit-transition:All .5s ease-in;
 -moz-transition:All .5s ease-in;
 -ms-transition:All .5s ease-in;
 -o-transition:All .5s ease-in;
 transition:All .5s ease-in;
 font-size:3.5rem;
 line-height:48px;
 vertical-align:middle;
 opacity:.3
}
.gallery a,
.icons span {
 -webkit-transition:all .3s ease-out;
 -moz-transition:all .3s ease-out;
 -ms-transition:all .3s ease-out;
 -o-transition:all .3s ease-out
}
.mini-widget .mini-widget-body .number {
 font-size:36px;
 line-height:50px
}
.mini-widget.grey .mini-widget-heading {
 background:#404040
}
.mini-widget.grey .mini-widget-body {
 background:#4d4d4d
}
.mini-widget.red .mini-widget-heading {
 background:#f02727
}
.mini-widget.red .mini-widget-body {
 background:#f34949
}
.mini-widget.green .mini-widget-heading {
 background:#1e8f4c
}
.mini-widget.green .mini-widget-body {
 background:#27b963
}
.mini-widget.yellow .mini-widget-heading {
 background:#d39e00
}
.mini-widget.yellow .mini-widget-body {
 background:#ffc107
}
.plain-widget {
 position:relative;
 padding:15px;
 -webkit-border-radius:.3rem;
 -moz-border-radius:.3rem;
 border-radius:.3rem;
 margin-bottom:.9rem;
 background:#fff
}
.plain-widget.bdr {
 border:1px solid #e0e0e0
}
.plain-widget.dark {
 background:#333;
 color:#fff
}
.plain-widget.dark p {
 color:#fff
}
.plain-widget.dark .growth {
 background-color:#000;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#262626),to(#000));
 background-image:-webkit-linear-gradient(right,#262626,#000);
 background-image:-moz-linear-gradient(right,#262626,#000);
 background-image:-ms-linear-gradient(right,#262626,#000);
 background-image:-o-linear-gradient(right,#262626,#000);
 background-image:linear-gradient(right,#262626,#000)
}
.plain-widget.blue {
 background:#2698e2;
 color:#fff
}
.plain-widget.blue p {
 color:#fff
}
.plain-widget.blue .growth {
 background-color:#2698e2;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#69b8eb),to(#2698e2));
 background-image:-webkit-linear-gradient(right,#69b8eb,#2698e2);
 background-image:-moz-linear-gradient(right,#69b8eb,#2698e2);
 background-image:-ms-linear-gradient(right,#69b8eb,#2698e2);
 background-image:-o-linear-gradient(right,#69b8eb,#2698e2);
 background-image:linear-gradient(right,#69b8eb,#2698e2)
}
.plain-widget.orange {
 background:#FF7E39;
 color:#fff
}
.plain-widget.orange p {
 color:#fff
}
.plain-widget.orange .growth {
 background-color:#FF7E39;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#ffb086),to(#FF7E39));
 background-image:-webkit-linear-gradient(right,#ffb086,#FF7E39);
 background-image:-moz-linear-gradient(right,#ffb086,#FF7E39);
 background-image:-ms-linear-gradient(right,#ffb086,#FF7E39);
 background-image:-o-linear-gradient(right,#ffb086,#FF7E39);
 background-image:linear-gradient(right,#ffb086,#FF7E39)
}
.plain-widget.pink {
 background:#f15f79;
 color:#fff
}
.plain-widget.pink p {
 color:#fff
}
.plain-widget.pink .growth {
 background-color:#f15f79;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#f7a5b4),to(#f15f79));
 background-image:-webkit-linear-gradient(right,#f7a5b4,#f15f79);
 background-image:-moz-linear-gradient(right,#f7a5b4,#f15f79);
 background-image:-ms-linear-gradient(right,#f7a5b4,#f15f79);
 background-image:-o-linear-gradient(right,#f7a5b4,#f15f79);
 background-image:linear-gradient(right,#f7a5b4,#f15f79)
}
.plain-widget.red {
 background:#f23f3f;
 color:#fff
}
.plain-widget.red p {
 color:#fff
}
.plain-widget.red .growth {
 background-color:#f23f3f;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#f78787),to(#f23f3f));
 background-image:-webkit-linear-gradient(right,#f78787,#f23f3f);
 background-image:-moz-linear-gradient(right,#f78787,#f23f3f);
 background-image:-ms-linear-gradient(right,#f78787,#f23f3f);
 background-image:-o-linear-gradient(right,#f78787,#f23f3f);
 background-image:linear-gradient(right,#f78787,#f23f3f)
}
.plain-widget .growth {
 position:absolute;
 right:15px;
 top:15px;
 -webkit-border-radius:50px;
 -moz-border-radius:50px;
 border-radius:50px;
 width:48px;
 height:48px;
 line-height:48px;
 color:#fff;
 font-weight:600;
 text-align:center;
 background-color:#2698e2;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#69b8eb),to(#2698e2));
 background-image:-webkit-linear-gradient(right,#69b8eb,#2698e2);
 background-image:-moz-linear-gradient(right,#69b8eb,#2698e2);
 background-image:-ms-linear-gradient(right,#69b8eb,#2698e2);
 background-image:-o-linear-gradient(right,#69b8eb,#2698e2);
 background-image:linear-gradient(right,#69b8eb,#2698e2);
 box-shadow:0 10px 10px rgba(0,0,0,.5)
}
.plain-widget h3 {
 margin:0 0 15px;
 font-size:2rem;
 font-weight:300
}
.plain-widget p {
 margin:0;
 padding:0 0 10px;
 color:#8796af
}
.plain-widget .progress {
 -webkit-border-radius:.3rem;
 -moz-border-radius:.3rem;
 border-radius:.3rem;
 height:5px;
 background:rgba(0,0,0,.05);
 box-shadow:none
}
.plain-widget .progress .progress-bar {
 background:#fff
}
.settings li {
 border-bottom:1px dotted #c4d2e2;
 padding:10px 0
}
.settings li p {
 overflow:hidden;
 margin:0;
 line-height:150%
}
.settings li .toggle-switch {
 float:right
}
.settings li a.cancel {
 float:right;
 margin-left:10px;
 border:2px solid #a1b8d2;
 width:24px;
 height:24px;
 line-height:24px;
 text-align:center
}
.settings li a.cancel i {
 font-size:18px;
 color:#a1b8d2
}
.settings li a.cancel.cancelled {
 border:2px solid #f23f3f
}
.chat-list .chat-img img,
.chat-list .chat-message {
 -webkit-border-radius:50px;
 -moz-border-radius:50px
}
.settings li a.cancel.cancelled i {
 color:#f23f3f
}
.settings li:first-child {
 padding-top:0
}
.settings li:last-child {
 padding-bottom:0;
 border-bottom:0
}
.deals-widget h5 {
 margin:0;
 padding:0;
 font-size:.8rem;
 color:#000
}
.deals-widget p {
 padding:0;
 margin:0;
 font-size:1.5rem
}
.deals-widget p small {
 margin-left:5px;
 font-size:85%
}
.deals-widget p i {
 margin-right:5px;
 font-size:1.5rem;
 vertical-align:middle
}
.deals-widget .small-graph {
 margin:10px 0 4px
}
.chat-list {
 padding:0;
 font-size:.8rem
}
.chat-list li {
 margin-bottom:10px;
 overflow:auto;
 color:#fff
}
.chat-list .chat-img {
 float:left;
 width:48px
}
.chat-list .chat-img img {
 border-radius:50px;
 width:100%
}
.chat-list .chat-message {
 border-radius:50px;
 background:#2698e2;
 display:inline-block;
 padding:10px 20px;
 position:relative
}
.chat-list .chat-message:before {
 content:"";
 position:absolute;
 top:15px;
 width:0;
 height:0
}
.gallery a,
ul.top-clients li,
ul.top-clients li .avatar {
 position:relative;
 overflow:hidden
}
.chat-list .chat-message h5 {
 margin:0 0 5px;
 font-weight:600;
 line-height:100%;
 font-size:.9rem
}
.chat-list .chat-message p {
 line-height:18px;
 margin:0;
 padding:0 0 0 15px
}
.chat-list .chat-body {
 margin-left:20px;
 float:left;
 width:70%
}
.chat-list .in .chat-message:before {
 left:-12px;
 border-bottom:20px solid transparent;
 border-right:20px solid #2698e2
}
.chat-list .out .chat-img {
 float:right
}
.chat-list .out .chat-body {
 float:right;
 margin-right:20px;
 text-align:right
}
.chat-list .out .chat-message {
 background:#FF7E39
}
.chat-list .out .chat-message p {
 padding-right:15px
}
.chat-list .out .chat-message:before {
 right:-12px;
 border-bottom:20px solid transparent;
 border-left:20px solid #FF7E39
}
.invoices-widget h5 {
 margin:0;
 padding:0;
 font-size:.8rem
}
.invoices-widget p {
 padding:0;
 margin:0;
 font-size:1.5rem
}
.invoices-widget p small {
 margin-left:5px;
 font-size:85%
}
.invoices-widget p i {
 margin-right:5px;
 font-size:1.5rem;
 vertical-align:middle
}
.invoices-widget .progress {
 margin:14px 0 15px
}
ul.top-clients li {
 display:block;
 padding:0;
 width:100%;
 margin-bottom:35px;
 cursor:pointer
}
ul.top-clients li .progress {
 height:5px;
 margin:5px 0 0
}
ul.top-clients li .avatar {
 float:left;
 width:48px;
 height:48px;
 z-index:2
}
ul.top-clients li .avatar img {
 width:48px;
 height:48px;
 -webkit-border-radius:50px;
 -moz-border-radius:50px;
 border-radius:50px
}
ul.top-clients li .biz {
 margin-left:60px;
 font-size:13px
}
ul.top-clients li .biz p.biz-name {
 margin:8px 0 0;
 line-height:100%
}
ul.top-clients li .biz .value {
 margin:0;
 font-size:16px;
 line-height:100%;
 font-weight:600
}
ul.top-clients li:first-child {
 padding-top:0
}
ul.top-clients li:last-child {
 margin-bottom:0;
 padding-bottom:0
}
.sale-by-location .badge {
 margin-right:5px
}
.invoice-container {
 padding:0;
 background-color:#fff;
 border:1px solid #d0d6e9
}
.invoice-container .invoice-header {
 padding:1rem 1.5rem
}
.invoice-container .invoice-header img.invoice-logo {
 max-width:120px
}
.invoice-container .invoice-address {
 background:#f0f4f8;
 padding:1rem 1.5rem
}
.invoice-container address {
 margin-top:10px;
 font-size:.8rem;
 color:#8796af
}
.invoice-container .invoice-details {
 margin-top:2.5rem;
 text-align:right
}
.invoice-container .invoice-body {
 padding:3rem 1.5rem 1rem
}
.invoice-container .invoice-footer {
 background:#f0f4f8;
 padding:1rem 1.5rem;
 text-align:center;
 font-size:.7rem
}
.invoice-container .invoice-payment {
 background:#f0f4f8;
 padding:0 1.5rem;
 text-align:right;
 font-size:.8rem;
 line-height:200%
}
.blog-wrapper,
.icons,
.icons span,
.socail-stats {
 text-align:center
}
.icons span {
 font-size:1.5rem;
 cursor:pointer;
 display:inline-block;
 width:60px;
 height:60px;
 line-height:60px;
 transition:all .3s ease-out;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 border-radius:4px;
 background:#f0f4f8;
 margin-bottom:3px
}
.icons span:before {
 background:#c6d2e1;
 background:-moz-linear-gradient(top,#c6d2e1 0,#29394c 100%);
 background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#c6d2e1),color-stop(100%,#29394c));
 background:-webkit-linear-gradient(top,#c6d2e1 0,#29394c 100%);
 background:-o-linear-gradient(top,#c6d2e1 0,#29394c 100%);
 background:-ms-linear-gradient(top,#c6d2e1 0,#29394c 100%);
 background:linear-gradient(to bottom,#c6d2e1 0,#29394c 100%);
 background-clip:text;
 text-fill-color:transparent;
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent
}
.icons span:hover {
 background-color:#e6ecf3;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#f7f9fb),to(#e6ecf3));
 background-image:-webkit-linear-gradient(right,#f7f9fb,#e6ecf3);
 background-image:-moz-linear-gradient(right,#f7f9fb,#e6ecf3);
 background-image:-ms-linear-gradient(right,#f7f9fb,#e6ecf3);
 background-image:-o-linear-gradient(right,#f7f9fb,#e6ecf3);
 background-image:linear-gradient(right,#f7f9fb,#e6ecf3)
}
.gallery {
 margin:0 auto
}
.gallery a {
 border:3px solid #e3e9f1;
 transition:all .3s ease-out;
 display:block;
 margin:0 0 15px;
 opacity:1;
 padding:3px
}
.gallery a .overlay {
 top:0;
 bottom:0;
 left:0;
 right:0;
 opacity:0;
 position:absolute;
 z-index:20;
 background:rgba(0,0,0,.8);
 overflow:hidden;
 -webkit-transition:all .3s ease-out;
 -moz-transition:all .3s ease-out;
 -ms-transition:all .3s ease-out;
 -o-transition:all .3s ease-out;
 transition:all .3s ease-out
}
.gallery a .expand {
 position:absolute;
 top:50%;
 left:50%;
 z-index:100;
 border:2px solid #ffc107;
 text-align:center;
 color:#ffc107;
 line-height:44px;
 font-size:30px;
 margin-left:-20px;
 margin-top:-20px;
 width:48px;
 height:48px;
 -webkit-transition:all .5s;
 -moz-transition:all .5s;
 -o-transition:all .5s;
 transition:all .5s
}
.gallery a:hover,
.gallery a:hover .overlay {
 opacity:1
}
.gallery a:hover span.expand {
 width:48px;
 height:48px;
 -webkit-border-radius:2px;
 -moz-border-radius:2px;
 border-radius:2px
}
ul.news-feed {
 width:100%
}
ul.news-feed li {
 border-bottom:1px dotted #fff;
 padding:25px 0
}
ul.news-feed li:last-child {
 border-bottom:0;
 padding-bottom:0
}
ul.news-feed li:first-child {
 border-bottom:0
}
ul.news-feed li img.avatar {
 float:left;
 width:48px;
 height:48px
}
ul.news-feed li blockquote {
 padding:0;
 font-size:.85rem;
 line-height:150%
}
ul.news-feed li .message-wrapper {
 margin-left:60px
}
ul.news-feed li .message-wrapper .url {
 font-size:.8rem
}
ul.news-feed li .message-wrapper .url a {
 text-decoration:underline
}
ul.news-feed li .message-wrapper .url i {
 font-size:1rem;
 margin-right:5px;
 vertical-align:middle
}
ul.news-feed li .message-wrapper h6 {
 margin:15px 0
}
ul.news-feed li .message-wrapper h6 .message-date {
 font-size:.75rem;
 color:#8796af
}
ul.users-group li {
 margin-right:10px;
 width:36px;
 float:left;
 padding:0
}
ul.users-group li a {
 padding:0;
 margin:0;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 border-radius:3px
}
ul.users-group li a img {
 -webkit-border-radius:2px;
 -moz-border-radius:2px;
 border-radius:2px;
 width:36px;
 height:36px
}
.socail-stats {
 margin-bottom:.8rem;
 -webkit-border-radius:.3rem;
 -moz-border-radius:.3rem;
 border-radius:.3rem;
 padding:10px;
 display:block;
 -webkit-transition:all .3s ease-in-out;
 -moz-transition:all .3s ease-in-out;
 -ms-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
 transition:all .3s ease-in-out;
 color:#fff
}
.socail-stats h6 {
 margin:10px 0 0
}
.socail-stats p {
 margin:5px 0 20px;
 font-size:.75rem
}
.socail-stats .social-graph {
 display:block;
 max-height:50px;
 margin-bottom:18px
}
.gallery-sm {
 margin:0
}
.gallery-sm img {
 margin:5px auto
}
.search-results {
 border:1px solid #e0e0e0;
 -webkit-border-radius:.3rem;
 -moz-border-radius:.3rem;
 border-radius:.3rem;
 margin-bottom:.8rem;
 box-shadow:none;
 background:#fff
}
.search-results .results-header {
 background:no-repeat #fcfcfc;
 background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),color-stop(85%,#fff),to(#f2f2f2));
 background-image:-webkit-linear-gradient(#fff,#fff 85%,#f2f2f2);
 background-image:-moz-linear-gradient(top,#fff,#fff 85%,#f2f2f2);
 background-image:-o-linear-gradient(#fff,#fff 85%,#f2f2f2);
 background-image:linear-gradient(#fff,#fff 85%,#f2f2f2);
 border-bottom:1px solid #e0e0e0;
 font-size:1.2rem;
 padding:.8rem 1.5rem;
 font-weight:600;
 color:#000
}
.search-results .search-results-body {
 padding:1.5rem
}
.search-results .search-section {
 margin-bottom:3rem;
 max-width:60%
}
.search-results .search-section a {
 color:#2698e2;
 font-size:1rem;
 margin:0 0 10px;
 font-weight:700;
 display:inline-block
}
.search-results .search-section p.title {
 font-size:.9rem;
 color:#8796af;
 margin:0 0 10px
}
.search-results .search-section p.desc {
 font-size:.9rem;
 margin:0;
 line-height:150%
}
@media (max-width:767px) {
 .search-results .search-section {
  width:100%;
  max-width:100%
 }
}
.blog-wrapper {
 margin-bottom:15px;
 border:1px solid #e6ecf3;
 background:#fff;
 -webkit-border-radius:.3rem;
 -moz-border-radius:.3rem;
 border-radius:.3rem
}
.blog-wrapper h1 {
 margin:30px auto;
 line-height:60px;
 font-size:2.5rem;
 font-weight:300
}
.blog-wrapper h2 {
 margin:20px auto;
 line-height:60px;
 font-size:2rem;
 font-weight:300
}
.blog-wrapper .blog-title {
 font-size:20px;
 margin-bottom:15px
}
.blog-wrapper p.blog-info {
 margin:30px 0;
 line-height:24px
}
.blog-wrapper p.blog-info-lg {
 font-size:1.2rem;
 margin:30px 0;
 line-height:32px;
 padding:0 10%
}
.blog-wrapper .img-fluid {
 -webkit-border-radius:.3rem;
 -moz-border-radius:.3rem;
 border-radius:.3rem
}
.blog-wrapper .blog-body {
 padding:1rem;
 border-top:0;
 position:relative
}
.blog-wrapper .date {
 font-size:.8rem;
 color:#f23f3f;
 font-weight:600;
 margin:15px 0
}
.blog-wrapper .date.left {
 text-align:left
}
.blog-wrapper a.blog-btn {
 padding:10px 30px;
 margin-bottom:10px;
 background:#e1e5f1;
 text-align:center;
 text-transform:uppercase;
 -webkit-border-radius:30px;
 -moz-border-radius:30px;
 border-radius:30px;
 color:#000;
 display:inline-block
}
.blog-wrapper a.blog-btn:hover {
 background:#dce4ee;
 color:#000
}
.writtern-by {
 margin:50px auto 80px;
 width:150px;
 text-align:left
}
.writtern-by img.writer {
 width:48px;
 height:48px;
 -webkit-border-radius:50px;
 -moz-border-radius:50px;
 border-radius:50px;
 float:left
}
.writtern-by .writer-info {
 margin:8px 0 0 10px;
 display:inline-block
}
.writtern-by .writer-info h4 {
 font-size:.8rem;
 font-weight:400;
 margin:0
}
.writtern-by .writer-info h4 span {
 display:block;
 font-size:.7rem
}
.form-block {
 background:#fff;
 border:1px solid #e1e5f1;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 border-radius:3px
}
.form-block .form-block-header {
 background:#f7f9fb;
 border-bottom:1px solid #e1e5f1;
 padding:1rem 1.5rem
}
.form-block .form-block-header h5 {
 margin:0 0 8px
}
.form-block .form-block-header h4 {
 margin:0 0 15px
}
.form-block .form-block-header h6 {
 margin:0;
 font-size:.8rem;
 color:#8796af
}
.form-block .form-block-body {
 padding:1.5rem
}
.plan-one {
 margin:0 0 20px;
 width:100%;
 position:relative;
 background:#fff;
 -webkit-border-radius:10px 10px 10px 10px;
 -moz-border-radius:10px;
 border-radius:10px
}
.plan-one .pricing-header {
 padding:0;
 margin-bottom:0;
 text-align:center
}
.plan-one .pricing-header .plan-title {
 -webkit-border-radius:10px 10px 0 0;
 -moz-border-radius:10px 10px 0 0;
 border-radius:10px 10px 0 0;
 font-size:1.2rem;
 color:#fff;
 padding:10px 0;
 text-transform:uppercase;
 font-weight:600;
 background:#2698e2;
 margin:0
}
.plan-one .pricing-header .plan-cost {
 color:#fff;
 background:#3ca3e5;
 padding:15px 0;
 font-size:2.5rem;
 font-weight:700
}
.plan-one .pricing-header .plan-save {
 color:#fff;
 background:#4eabe7;
 padding:10px 0;
 font-size:1rem;
 font-weight:700
}
.plan-one .pricing-header.green .plan-title {
 background:#1abaca
}
.plan-one .pricing-header.green .plan-cost {
 background:#1dcfe1
}
.plan-one .pricing-header.green .plan-save {
 background:#2ed4e4
}
.plan-one .pricing-header.orange .plan-title {
 background:#f45757
}
.plan-one .pricing-header.orange .plan-cost {
 background:#f56f6f
}
.plan-one .pricing-header.orange .plan-save {
 background:#f78787
}
.plan-one .plan-features {
 border:1px solid #e6ecf3;
 border-top:0;
 border-bottom:0;
 padding:0;
 margin:0;
 text-align:left
}
.plan-one .plan-features li {
 padding:10px 15px 10px 40px;
 margin:5px 0;
 overflow:hidden;
 position:relative;
 border-bottom:1px solid #e6ecf3;
 line-height:100%
}
.plan-one .plan-features li:before {
 position:absolute;
 left:15px;
 top:10px;
 font-size:1rem;
 color:#000
}
.plan-one .plan-footer {
 border:1px solid #e6ecf3;
 border-top:0;
 background:#fff;
 -webkit-border-radius:0 0 10px 10px;
 -moz-border-radius:0 0 10px 10px;
 border-radius:0 0 10px 10px;
 text-align:center;
 padding:10px 0 30px
}
@media (max-width:767px) {
 .plan-one .pricing-header {
  text-align:center
 }
 .plan-one .pricing-header i {
  display:block;
  float:none;
  margin-bottom:20px
 }
}
.task-checkbox {
 position:relative
}
.task-checkbox .check,
.task-checkbox .label,
.task-checkbox input {
 display:inline-block;
 vertical-align:middle
}
.task-checkbox .check {
 position:absolute;
 top:0;
 right:0
}
.task-checkbox input[type=checkbox] {
 opacity:0;
 width:100%;
 height:100%;
 position:absolute;
 cursor:pointer
}
.task-checkbox input[type=checkbox]:checked+.ripple-container .check-off {
 border-color:#fff
}
.task-checkbox input[type=checkbox]:checked+.ripple-container .check-on {
 -webkit-transform:scale(.8);
 -moz-transform:scale(.8);
 -ms-transform:scale(.8);
 -o-transform:scale(.8);
 transform:scale(.8);
 -webkit-transition:-webkit-transform .3s;
 -moz-transition:-moz-transform .3s;
 transition:transform .3s;
 color:#fff
}
.task-checkbox input[type=checkbox]:checked+.ripple-container .check-ripple:after,
.task-checkbox input[type=checkbox]:checked+.ripple-container .check-ripple:before {
 -webkit-transition:all .65s cubic-bezier(.25,.8,.25,1);
 -moz-transition:all .65s cubic-bezier(.25,.8,.25,1);
 transition:all .65s cubic-bezier(.25,.8,.25,1);
 opacity:0
}
.task-checkbox input[type=checkbox]:checked+.ripple-container .check-ripple:before {
 -webkit-transform:scale(3);
 -moz-transform:scale(3);
 -ms-transform:scale(3);
 -o-transform:scale(3);
 transform:scale(3)
}
.task-checkbox input[type=checkbox]:checked+.ripple-container .check-ripple:after {
 -webkit-transform:scale(1.5);
 -moz-transform:scale(1.5);
 -ms-transform:scale(1.5);
 -o-transform:scale(1.5);
 transform:scale(1.5)
}
.task-checkbox input[type=checkbox]+.ripple-container {
 position:relative;
 display:inline-block;
 width:25px;
 height:25px;
 top:0;
 pointer-events:none
}
.task-checkbox input[type=checkbox]+.ripple-container:before {
 content:"";
 position:absolute;
 -webkit-border-radius:2px;
 -moz-border-radius:2px;
 border-radius:2px;
 display:block;
 height:auto;
 left:0;
 top:0;
 right:0;
 bottom:0;
 -webkit-transition:all .5s;
 -moz-transition:all .5s;
 transition:all .5s
}
.task-checkbox input[type=checkbox]+.ripple-container .check-off {
 position:absolute;
 width:25px;
 height:25px;
 left:0;
 top:0;
 -webkit-border-radius:2px;
 -moz-border-radius:2px;
 border-radius:2px;
 border:2px solid rgba(255,255,255,.6);
 transition:border-color ease .28s
}
.task-container.high-priority ul li,
.task-container.low-priority ul li {
 border-top:1px solid rgba(255,255,255,.2)
}
.task-checkbox input[type=checkbox]+.ripple-container .check-on {
 -webkit-transform:scale(0);
 -moz-transform:scale(0);
 -ms-transform:scale(0);
 -o-transform:scale(0);
 transform:scale(0);
 -webkit-transition:all 0s;
 -moz-transition:all 0s;
 transition:all 0s;
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 text-align:center;
 line-height:25px
}
.task-checkbox input[type=checkbox]+.ripple-container .check-ripple:after,
.task-checkbox input[type=checkbox]+.ripple-container .check-ripple:before {
 -webkit-transition:all 0s;
 -moz-transition:all 0s;
 transition:all 0s;
 -webkit-transform:scale(0);
 -moz-transform:scale(0);
 -ms-transform:scale(0);
 -o-transform:scale(0);
 transform:scale(0);
 content:"";
 position:absolute;
 display:block;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 border-radius:50%;
 width:25px;
 height:25px;
 opacity:1
}
.task-container .tasks-list ul li,
.task-container .tasks-list ul li .label {
 -webkit-transition:all .3s ease-out;
 -moz-transition:all .3s ease-out;
 -ms-transition:all .3s ease-out;
 -o-transition:all .3s ease-out
}
.task-container:after,
.timeline:after {
 height:100%;
 content:""
}
.task-checkbox input[type=checkbox]+.ripple-container .check-ripple:before {
 background-color:rgba(255,255,255,.35)
}
.task-checkbox input[type=checkbox]+.ripple-container .check-ripple:after {
 background-color:rgba(219,213,213,.6)
}
.task-container {
 position:relative;
 -webkit-border-radius:0;
 -moz-border-radius:0;
 border-radius:0
}
.task-container:after {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 opacity:.05;
 z-index:0;
 background-image:url(../img/header-bg4.jpg);
 background-repeat:no-repeat;
 background-size:cover;
 background-position:5% 5%
}
.task-container.high-priority {
 -webkit-border-radius:4px 0 0 4px;
 -moz-border-radius:4px 0 0 4px;
 border-radius:4px 0 0 4px;
 color:#fff;
 background-color:#2698e2;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#1c8bd2),to(#2698e2));
 background-image:-webkit-linear-gradient(right,#1c8bd2,#2698e2);
 background-image:-moz-linear-gradient(right,#1c8bd2,#2698e2);
 background-image:-ms-linear-gradient(right,#1c8bd2,#2698e2);
 background-image:-o-linear-gradient(right,#1c8bd2,#2698e2);
 background-image:linear-gradient(right,#1c8bd2,#2698e2);
 z-index:1
}
.task-container.low-priority {
 -webkit-border-radius:0 4px 4px 0;
 -moz-border-radius:0 4px 4px 0;
 border-radius:0 4px 4px 0;
 color:#fff;
 background-color:#27b963;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#23a458),to(#27b963));
 background-image:-webkit-linear-gradient(right,#23a458,#27b963);
 background-image:-moz-linear-gradient(right,#23a458,#27b963);
 background-image:-ms-linear-gradient(right,#23a458,#27b963);
 background-image:-o-linear-gradient(right,#23a458,#27b963);
 background-image:linear-gradient(right,#23a458,#27b963)
}
.task-container h4.task-header {
 padding:1.5rem 1.5rem 0;
 font-weight:300;
 color:#fff;
 font-size:1.5rem;
 opacity:.8;
 text-align:center
}
.task-container .tasks-list {
 color:#fff;
 padding:1rem 1.5rem
}
.task-container .tasks-list .task-name {
 color:#fff;
 margin-bottom:15px;
 font-size:1rem;
 font-weight:600
}
.task-container .tasks-list .task-desc {
 color:#fff;
 margin-bottom:15px;
 font-size:.9rem;
 line-height:180%;
 font-weight:300;
 opacity:.6
}
.task-container .tasks-list .task-time {
 font-weight:300;
 font-size:.8rem
}
.task-container .tasks-list .task-types {
 margin-top:15px
}
.task-container .tasks-list .task-types .badge {
 -webkit-border-radius:0;
 -moz-border-radius:0;
 border-radius:0;
 background:rgba(255,255,255,.2)
}
.task-container .tasks-list ul {
 position:relative;
 z-index:1
}
.task-container .tasks-list ul li {
 transition:all .3s ease-out;
 padding:1rem 0;
 position:relative
}
.task-container .tasks-list ul li .label {
 transition:all .3s ease-out;
 opacity:1;
 line-height:120%;
 margin-right:60px
}
.task-container .tasks-list ul li .task-msg {
 -webkit-transition:all .3s ease-out;
 -moz-transition:all .3s ease-out;
 -ms-transition:all .3s ease-out;
 -o-transition:all .3s ease-out;
 transition:all .3s ease-out;
 right:35px;
 top:12px;
 position:absolute;
 font-size:.75rem;
 opacity:0
}
.task-container .tasks-list ul li.task-checked .task-msg {
 -webkit-animation:fadeInOut 2s;
 -moz-animation:fadeInOut 2s;
 animation:fadeInOut 2s
}
.task-container .tasks-list ul li.task-checked .label {
 opacity:.5;
 text-decoration:line-through
}
.task-container .tasks-list ul li:last-child {
 padding-bottom:0
}
.task-container .tasks-list ul li:first-child {
 border-top:0
}
@media (max-width:767px) {
 .task-container.high-priority,
 .task-container.low-priority {
  margin-bottom:1rem;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px
 }
}
@-webkit-keyframes fadeInOut {
 0% {
  opacity:0;
  -webkit-transform:translate3d(10px,-50%,0)
 }
 30%,
 75% {
  opacity:1;
  -webkit-transform:translate3d(0,-50%,0)
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(-10px,-50%,0)
 }
}
@-moz-keyframes fadeInOut {
 0% {
  opacity:0;
  -moz-transform:translate3d(10px,-50%,0)
 }
 30%,
 75% {
  opacity:1;
  -moz-transform:translate3d(0,-50%,0)
 }
 100% {
  opacity:0;
  -moz-transform:translate3d(-10px,-50%,0)
 }
}
@keyframes fadeInOut {
 0% {
  opacity:0;
  -webkit-transform:translate3d(10px,-50%,0);
  -moz-transform:translate3d(10px,-50%,0);
  -ms-transform:translate3d(10px,-50%,0);
  -o-transform:translate3d(10px,-50%,0);
  transform:translate3d(10px,-50%,0)
 }
 30%,
 75% {
  opacity:1;
  -webkit-transform:translate3d(0,-50%,0);
  -moz-transform:translate3d(0,-50%,0);
  -ms-transform:translate3d(0,-50%,0);
  -o-transform:translate3d(0,-50%,0);
  transform:translate3d(0,-50%,0)
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(-10px,-50%,0);
  -moz-transform:translate3d(-10px,-50%,0);
  -ms-transform:translate3d(-10px,-50%,0);
  -o-transform:translate3d(-10px,-50%,0);
  transform:translate3d(-10px,-50%,0)
 }
}
.timeline {
 position:relative;
 padding:10px;
 margin:0 auto;
 overflow:hidden;
 color:#fff
}
.timeline:after {
 position:absolute;
 top:0;
 left:50%;
 margin-left:-1px;
 border-right:2px dashed #c4d2e2;
 display:block
}
.timeline-row {
 padding-left:50%;
 position:relative;
 margin-bottom:30px
}
.timeline-row .timeline-time {
 position:absolute;
 right:50%;
 top:31px;
 text-align:right;
 margin-right:20px;
 color:#000;
 font-size:1.5rem
}
.timeline-row .timeline-time small {
 display:block;
 font-size:.8rem;
 color:#8796af
}
.timeline-row .timeline-content {
 position:relative;
 padding:20px 30px;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 border-radius:10px
}
.timeline-row .timeline-content:after {
 content:"";
 position:absolute;
 top:20px;
 height:3px;
 width:40px
}
.timeline-row .timeline-content:before {
 content:"";
 position:absolute;
 top:20px;
 right:-50px;
 width:20px;
 height:20px;
 -webkit-border-radius:100px;
 -moz-border-radius:100px;
 border-radius:100px;
 z-index:100;
 background:#fff;
 border:2px dashed #c4d2e2
}
.timeline-row .timeline-content h4 {
 margin:0 0 20px;
 overflow:hidden;
 line-height:150%
}
.timeline-row .timeline-content p {
 margin-bottom:30px;
 line-height:150%
}
.timeline-row .timeline-content i {
 font-size:2rem;
 color:#fff;
 line-height:100%;
 padding:10px;
 border:2px solid #fff;
 -webkit-border-radius:100px;
 -moz-border-radius:100px;
 border-radius:100px;
 margin-bottom:10px;
 display:inline-block
}
.timeline-row .timeline-content .thumbs {
 margin-bottom:20px
}
.timeline-row .timeline-content .thumbs img {
 margin-bottom:10px
}
.timeline-row:nth-child(even) .timeline-content {
 background-color:#FF7E39;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#f23f3f),to(#FF7E39));
 background-image:-webkit-linear-gradient(right,#f23f3f,#FF7E39);
 background-image:-moz-linear-gradient(right,#f23f3f,#FF7E39);
 background-image:-ms-linear-gradient(right,#f23f3f,#FF7E39);
 background-image:-o-linear-gradient(right,#f23f3f,#FF7E39);
 background-image:linear-gradient(right,#f23f3f,#FF7E39);
 margin-left:40px;
 text-align:left
}
.timeline-row:nth-child(even) .timeline-content:after {
 left:-39px;
 border-right:18px solid #FF7E39;
 border-top:10px solid transparent;
 border-bottom:10px solid transparent
}
.timeline-row:nth-child(even) .timeline-content:before {
 left:-50px;
 right:initial
}
.timeline-row:nth-child(odd) {
 padding-left:0;
 padding-right:50%
}
.timeline-row:nth-child(odd) .timeline-time {
 right:auto;
 left:50%;
 text-align:left;
 margin-right:0;
 margin-left:20px
}
.timeline-row:nth-child(odd) .timeline-content {
 background-color:#118cf1;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#1ad0fc),to(#118cf1));
 background-image:-webkit-linear-gradient(right,#1ad0fc,#118cf1);
 background-image:-moz-linear-gradient(right,#1ad0fc,#118cf1);
 background-image:-ms-linear-gradient(right,#1ad0fc,#118cf1);
 background-image:-o-linear-gradient(right,#1ad0fc,#118cf1);
 background-image:linear-gradient(right,#1ad0fc,#118cf1);
 margin-right:40px;
 margin-left:0;
 text-align:right
}
.timeline-row:nth-child(odd) .timeline-content:after {
 right:-39px;
 border-left:18px solid #1ad0fc;
 border-top:10px solid transparent;
 border-bottom:10px solid transparent
}
@media (max-width:767px) {
 .timeline {
  padding:15px 10px
 }
 .timeline:after {
  left:28px
 }
 .timeline .timeline-row {
  padding-left:0;
  margin-bottom:16px
 }
 .timeline .timeline-row .timeline-time {
  position:relative;
  right:auto;
  top:0;
  text-align:left;
  margin:0 0 6px 56px
 }
 .timeline .timeline-row .timeline-time strong {
  display:inline-block;
  margin-right:10px
 }
 .timeline .timeline-row .timeline-icon {
  top:52px;
  left:-2px;
  margin-left:0
 }
 .timeline .timeline-row .timeline-content {
  padding:15px;
  margin-left:56px;
  box-shadow:0 1px 2px rgba(0,0,0,.1);
  position:relative
 }
 .timeline .timeline-row .timeline-content:after {
  right:auto;
  left:-39px;
  top:32px
 }
 .timeline .timeline-row:nth-child(odd) {
  padding-right:0
 }
 .timeline .timeline-row:nth-child(odd) .timeline-time {
  position:relative;
  right:auto;
  left:auto;
  top:0;
  text-align:left;
  margin:0 0 6px 56px
 }
 .timeline .timeline-row:nth-child(odd) .timeline-content {
  margin-right:0;
  margin-left:55px
 }
 .timeline .timeline-row:nth-child(odd) .timeline-content:after {
  right:auto;
  left:-39px;
  top:32px;
  border-right:18px solid #118cf1;
  border-left:inherit
 }
 .timeline.animated .timeline-row:nth-child(odd) .timeline-content {
  left:20px
 }
 .timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {
  left:0
 }
}
figure.user-card {
 background:#fff;
 padding:20px;
 border:1px solid #e1e5f1;
 text-align:center
}
.map,
.map-xl {
 background:#e6ecf3;
 width:100%
}
figure.user-card.red {
 border-top:3px solid #f23f3f
}
figure.user-card.green {
 border-top:3px solid #27b963
}
figure.user-card.blue {
 border-top:3px solid #2698e2
}
figure.user-card.yellow {
 border-top:3px solid #ffc107
}
figure.user-card.orange {
 border-top:3px solid #FF7E39
}
figure.user-card.teal {
 border-top:3px solid #1abaca
}
figure.user-card.pink {
 border-top:3px solid #f15f79
}
figure.user-card.brown {
 border-top:3px solid #79574b
}
figure.user-card.purple {
 border-top:3px solid #5a66b5
}
figure.user-card.fb {
 border-top:3px solid #3B5998
}
figure.user-card.gp {
 border-top:3px solid #E02F2F
}
figure.user-card .profile {
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 max-width:72px;
 margin-bottom:20px
}
figure.user-card h5 {
 margin:0 0 5px
}
figure.user-card h6 {
 margin:0 0 15px;
 color:#8796af;
 font-size:14px
}
figure.user-card p,
figure.user-card ul.contacts {
 margin:0;
 padding:0 0 15px;
 font-size:.85rem;
 line-height:150%
}
figure.user-card p {
 color:#8796af
}
figure.user-card ul.contacts li {
 padding:.2rem 0
}
figure.user-card ul.contacts li a {
 color:#2698e2
}
figure.user-card ul.contacts li a i {
 min-width:36px;
 float:left;
 font-size:1rem
}
figure.user-card ul.contacts li:last-child a {
 color:#FF7E39
}
.chart-height {
 position:relative;
 height:210px
}
.chart-height-2 {
 position:relative;
 height:124px
}
.chart-height-md {
 position:relative;
 height:190px
}
.chart-height-lg {
 position:relative;
 height:280px;
 text-align:center;
 overflow:hidden
}
.chart-height-lgx {
 position:relative;
 height:261px
}
.chart-height-xl {
 position:relative;
 height:360px
}
.map {
 height:320px
}
.map-xl {
 height:500px
}
.jvectormap-container {
 width:100%;
 height:100%;
 position:relative;
 overflow:hidden;
 touch-action:none
}
.jvectormap-tip {
 position:absolute;
 display:none;
 -webkit-border-radius:0;
 -moz-border-radius:0;
 border-radius:0;
 background:#000;
 color:#fff;
 font-size:.75rem;
 padding:6px 12px
}
.login-screen,
.or {
 position:relative
}
@keyframes showHideDot {
 0%,
 100% {
  opacity:0
 }
 50%,
 60% {
  opacity:1
 }
}
.jvectormap-marker {
 opacity:0;
 animation:showHideDot 1.5s ease-in-out infinite
}
.legendLabel {
 padding-left:5px;
 padding-right:10px;
 font-size:10px
}
.notify-notifications .btn {
 margin:3px;
 min-width:120px;
 float:left
}
.stars {
 margin:5px 0 0;
 width:100%!important
}
.stars img {
 width:18px;
 height:18px
}
.map-xl *,
.map-xl::after,
.map-xl::before {
 box-sizing:initial
}
.gm-style-mtc div[role=button] {
 background-color:#FF7E39!important;
 color:#fff!important;
 font-size:13px!important
}
.login-screen {
 box-shadow:0 30px 50px #c4d2e2;
 background:#fff;
 margin:60px auto;
 -webkit-border-radius:8px;
 -moz-border-radius:8px;
 border-radius:8px
}
.login-screen .login-logo {
 margin:20px 0 30px;
 display:block
}
.login-screen .login-logo>img {
 margin:0;
 max-height:126px;
}
.login-screen .login-box {
 padding:30px
}
.login-screen .login-box h5 {
 margin:0 0 20px;
 color:#118cf1;
 text-align:center
}
.login-screen .actions {
 display:block;
 margin-bottom:20px;
 text-align:center
}
.login-screen .actions a {
 color:#118cf1;
 text-decoration:none;
 margin-top:12px;
 display:block;
 font-size:.8rem
}
.login-screen .actions a:hover {
 text-decoration:underline
}
.login-screen .actions .btn {
 padding:8px 25px;
 text-transform:uppercase
}
.login-screen a.additional-link {
 text-decoration:none;
 margin:30px auto 0;
 text-align:center;
 display:block
}
.login-screen a.additional-link span {
 text-decoration:underline;
 color:#118cf1
}
.login-screen p.info {
 padding:0;
 margin:0 0 20px;
 line-height:150%;
 color:#8796af;
 text-align:center
}
.or {
 text-align:center;
 margin-bottom:20px
}
.or::before {
 content:'';
 position:absolute;
 top:50%;
 left:15%;
 width:70%;
 height:1px;
 background-color:#e6ecf3
}
.or span {
 position:relative;
 background-color:#fff;
 padding:0 10px;
 z-index:10
}
.lock-screen {
 position:absolute;
 top:120px;
 left:50%;
 width:300px;
 margin-left:-150px;
 text-align:center
}
.lock-screen .avatar {
 position:relative;
 width:90px;
 margin:10px auto
}
.lock-screen .avatar img {
 width:90px;
 height:90px;
 -webkit-border-radius:100%;
 -moz-border-radius:100%;
 border-radius:100%
}
.lock-screen .avatar .status {
 position:absolute;
 top:3px;
 right:3px;
 width:18px;
 height:18px;
 background:#27b963;
 -webkit-border-radius:100%;
 -moz-border-radius:100%;
 border-radius:100%
}
.lock-screen h6 {
 margin:0 0 30px
}
.lock-screen-input {
 margin:20px auto;
 height:52px;
 position:relative
}
.lock-screen-input .form-control {
 height:52px;
 padding:12px 5px 12px 20px;
 border:1px solid #FF7E39;
 -webkit-border-radius:30px;
 -moz-border-radius:30px;
 border-radius:30px
}
.lock-screen-input .lock-btn {
 position:absolute;
 right:5px;
 top:5px;
 border:none;
 height:42px;
 width:70px;
 text-align:center;
 color:#fff;
 cursor:pointer;
 background-color:#FF7E39;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#FFB280),to(#FF7E39));
 background-image:-webkit-linear-gradient(right,#FFB280,#FF7E39);
 background-image:-moz-linear-gradient(right,#FFB280,#FF7E39);
 background-image:-ms-linear-gradient(right,#FFB280,#FF7E39);
 background-image:-o-linear-gradient(right,#FFB280,#FF7E39);
 background-image:linear-gradient(right,#FFB280,#FF7E39);
 -webkit-border-radius:30px;
 -moz-border-radius:30px;
 border-radius:30px
}
.lock-screen-input .lock-btn i {
 font-size:21px;
 vertical-align:middle;
 line-height:42px
}
.error-screen {
 max-width:600px;
 margin:100px auto 50px;
 text-align:center
}
.error-screen img {
 max-width:480px;
 max-height:480px;
 margin-bottom:1rem
}
.error-screen h5 {
 margin-bottom:2rem
}
.error-screen h6 {
 margin-bottom:1rem;
 font-weight:600;
 line-height:150%
}
.error-screen .btn i {
 font-size:1.2rem;
 margin-top:3px;
 float:right!important;
 margin-left:3px
}
.subscribe-form {
 background:#fff;
 border:5px solid #2698e2;
 padding:3rem
}
.subscribe-form.danger {
 border:5px solid #f23f3f
}
#loading-wrapper {
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:5000;
 background:#e6ecf3
}
.modal-danger .modal-content,
.modal-danger .modal-header {
 background:#f75851;
 border:0
}
#loading-wrapper #loader {
 position:absolute;
 top:50%;
 left:50%;
 margin-left:-30px;
 margin-top:-30px;
 width:60px;
 height:60px
}
#loading-wrapper #loader:before {
 content:'';
 box-sizing:border-box;
 position:absolute;
 top:50%;
 left:50%;
 width:48px;
 height:48px;
 margin-left:-24px;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 border-radius:50%;
 border:2px solid #d0d6e9;
 border-top-color:#118cf1;
 -moz-animation:spinner .6s linear infinite;
 -webkit-animation:spinner .6s linear infinite;
 animation:spinner .6s linear infinite
}
@-moz-keyframes spinner {
 from {
  transform:rotate(0)
 }
 to {
  transform:rotate(360deg)
 }
}
@-webkit-keyframes spinner {
 from {
  transform:rotate(0)
 }
 to {
  transform:rotate(360deg)
 }
}
@keyframes spinner {
 from {
  transform:rotate(0)
 }
 to {
  transform:rotate(360deg)
 }
}
.badges-inline .badge {
 margin-right:5px;
 float:left
}
.acc-secure {
 max-width:280px;
 margin:100px auto 50px;
 text-align:center
}
.acc-secure img {
 max-width:250px;
 max-height:250px;
 margin-bottom:1rem
}
.acc-secure .btn i {
 font-size:1.2rem;
 margin-top:3px;
 float:right!important;
 margin-left:3px
}
.modal-content {
 border:1px solid #e1e5f1
}
.modal-header {
 padding:10px 15px;
 border-bottom:1px solid #e1e5f1
}
.modal-title {
 font-size:1rem
}
.modal-danger .modal-header .modal-title {
 color:#fff
}
.modal-danger .modal-body {
 background:#f86f69
}
.modal-danger .form-control,
.modal-danger .form-control:focus,
.modal-danger .modal-footer {
 border:0
}
.carousel-item {
 max-height:450px
}
.btn {
 -webkit-border-radius:2px;
 -moz-border-radius:2px;
 border-radius:2px;
 border:0;
 padding:.375rem 1rem
}
.btn .icon {
 font-size:1.4rem;
 vertical-align:middle;
 margin-top:-4px;
 display:inline-block
}
.btn.focus,
.btn:focus {
 color:#fff
}
.btn-sm {
 padding:.25rem .75rem
}
.btn-sm .icon {
 font-size:1rem;
 vertical-align:middle;
 margin-top:-2px;
 display:inline-block
}
.btn-rounded {
 -webkit-border-radius:50px;
 -moz-border-radius:50px;
 border-radius:50px
}
.btn-lighter,
.btn-white {
 border:1px solid #e1e5f1
}
.btn-primary {
 background:#118cf1;
 color:#fff
}
.btn-primary:hover {
 background:#0d7edc;
 color:#fff
}
.btn-primary:focus {
 box-shadow:0 0 0 3px #baddfb
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
 background:#118cf1
}
.btn-secondary {
 background:#f23f3f;
 color:#fff
}
.btn-secondary:hover {
 background:#f02727;
 color:#fff
}
.btn-secondary:focus {
 box-shadow:0 0 0 3px #f9a3a3
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
 background:#f23f3f
}
.btn-success {
 background:#27b963
}
.btn-success:hover {
 background:#23a458
}
.btn-success:focus {
 box-shadow:0 0 0 3px #9eebbd
}
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
 background:#27b963
}
.btn-danger {
 background:#f23f3f
}
.btn-danger:hover {
 background:#f02727
}
.btn-danger:focus {
 box-shadow:0 0 0 3px #f9a8a8
}
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
 background:#f23f3f
}
.btn-warning {
 background:#ffc107;
 color:#000
}
.btn-warning:hover {
 background:#ecb100;
 color:#000
}
.btn-warning:focus {
 box-shadow:0 0 0 3px #ffe7a0;
 color:#000
}
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
 background:#ffc107
}
.btn-info {
 background:#2698e2
}
.btn-info:hover {
 background:#1c8bd2
}
.btn-info:focus {
 box-shadow:0 0 0 3px #c3e3f7
}
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
 background:#2698e2
}
.btn-white {
 background:#fff;
 color:#000
}
.btn-white:hover {
 background:#f2f2f2;
 color:#1a1a1a
}
.btn-white:focus {
 box-shadow:0 0 0 3px #f2f2f2;
 color:#1a1a1a
}
.btn-white:not(:disabled):not(.disabled).active,
.btn-white:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
 background:#fff
}
.btn-light {
 background:#dae4ef
}
.btn-light:hover {
 background:#c8d7e7
}
.btn-light:focus {
 box-shadow:0 0 0 3px #fefefe
}
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
 background:#dae4ef
}
.btn-dark {
 background:#292929;
 color:#fff
}
.btn-dark:hover {
 background:#363636;
 color:#fff
}
.btn-dark:focus {
 box-shadow:0 0 0 3px #434343
}
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
 background:#767676
}
.btn-lighter {
 background:#e6ecf3;
 color:#000
}
.btn-lighter:hover {
 color:#1a1a1a;
 background:#dce4ee
}
.btn-lighter:focus {
 box-shadow:0 0 0 3px #fefefe;
 color:#1a1a1a
}
.btn-lighter:not(:disabled):not(.disabled).active,
.btn-lighter:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
 background:#e6ecf3
}
.btn-fb {
 background:#3B5998;
 color:#fff
}
.btn-fb:hover {
 background:#344e86;
 color:#fff
}
.btn-fb:focus {
 box-shadow:0 0 0 3px #4c70ba
}
.btn-fb:not(:disabled):not(.disabled).active,
.btn-fb:not(:disabled):not(.disabled):active,
.show>.btn-fb.dropdown-toggle {
 background:#3B5998
}
.btn-tw {
 background:twitter;
 color:#fff
}
.btn-tw:hover {
 background:#3ea1ec;
 color:#fff
}
.btn-tw:focus {
 box-shadow:0 0 0 3px #2795e9
}
.btn-tw:not(:disabled):not(.disabled).active,
.btn-tw:not(:disabled):not(.disabled):active,
.show>.btn-tw.dropdown-toggle {
 background:#55ACEE
}
.btn-orange {
 background:#FF7E39;
 color:#fff
}
.btn-orange:hover {
 background:#ff6d20;
 color:#fff
}
.btn-orange:focus {
 box-shadow:0 0 0 3px #ffe2d2;
 color:#fff
}
.btn-orange:not(:disabled):not(.disabled).active,
.btn-orange:not(:disabled):not(.disabled):active,
.show>.btn-orange.dropdown-toggle {
 background:#FF7E39
}
.btn-link {
 color:#118cf1
}
.btn-link:hover {
 text-decoration:none
}
.btn-outline-primary {
 border:1px solid #118cf1
}
.btn-outline-primary:hover {
 background:#118cf1
}
.btn-outline-secondary {
 border:1px solid #f23f3f
}
.btn-outline-secondary:hover {
 background:#f23f3f
}
.btn-outline-success {
 border:1px solid #27b963
}
.btn-outline-success:hover {
 background:#27b963
}
.btn-outline-danger {
 border:1px solid #f23f3f
}
.btn-outline-danger:hover {
 background:#f23f3f
}
.btn-outline-warning {
 border:1px solid #ffc107
}
.btn-outline-warning:hover {
 background:#ffc107
}
.btn-outline-info {
 border:1px solid #2698e2;
 color:#2698e2
}
.btn-outline-info:hover {
 background:#2698e2
}
.btn-outline-light {
 border:1px solid #dae4ef;
 color:#8796af
}
.btn-outline-light:hover {
 background:#dae4ef;
 border:1px solid #c1d2e4
}
.btn-outline-dark {
 border:1px solid #292929
}
.btn-outline-dark:hover {
 background-color:#1c1c1c;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#292929),to(#1c1c1c));
 background-image:-webkit-linear-gradient(right,#292929,#1c1c1c);
 background-image:-moz-linear-gradient(right,#292929,#1c1c1c);
 background-image:-ms-linear-gradient(right,#292929,#1c1c1c);
 background-image:-o-linear-gradient(right,#292929,#1c1c1c);
 background-image:linear-gradient(right,#292929,#1c1c1c)
}
.btn-outline-orange {
 border:1px solid #FF7E39;
 color:#FF7E39
}
.btn-outline-orange:hover {
 background-color:#ff6d20;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#FF7E39),to(#ff6d20));
 background-image:-webkit-linear-gradient(right,#FF7E39,#ff6d20);
 background-image:-moz-linear-gradient(right,#FF7E39,#ff6d20);
 background-image:-ms-linear-gradient(right,#FF7E39,#ff6d20);
 background-image:-o-linear-gradient(right,#FF7E39,#ff6d20);
 background-image:linear-gradient(right,#FF7E39,#ff6d20);
 color:#fff
}
.btn-bdr-white {
 border:2px solid #fff;
 background:0 0;
 color:#fff;
 padding:.5rem 1.5rem
}
.dropdown-menu.dropdown-menu-right:before,
.dropdown-menu:before {
 background:url(../img/dropdown-before.png);
 content:"";
 position:absolute;
 top:-7px;
 width:40px;
 height:10px
}
.btn-bdr-white:hover {
 opacity:.9;
 color:#fff
}
.btn-bdr-white:focus {
 box-shadow:0 0 0 3px #fff
}
.alert,
.card,
.card.bdr .card-header,
.progress.no-shadow {
 box-shadow:none
}
.dropdown-menu {
 -webkit-border-radius:.15rem;
 -moz-border-radius:.15rem;
 border-radius:.15rem;
 border:0;
 min-width:12rem
}
.badge-pill,
.media.comments a .empty-avatar {
 -webkit-border-radius:50px;
 -moz-border-radius:50px
}
.dropdown-menu.md {
 min-width:15rem
}
.dropdown-menu.lg {
 min-width:18rem
}
.dropdown-menu:before {
 left:10px;
 background-size:100%
}
.dropdown-menu .dropdown-item {
 font-size:.8rem;
 padding:.4rem 1rem;
 color:#000
}
.dropdown-menu .dropdown-item:hover {
 background:#e6ecf3
}
.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active {
 color:#fff;
 background-color:#2698e2
}
.dropdown-menu.dropdown-menu-right:before {
 right:10px;
 left:initial;
 background-size:100%
}
.dropup .dropdown-menu:before {
 content:"";
 position:absolute;
 top:-7px;
 left:10px;
 width:40px;
 height:10px;
 background:url(../img/dropdown-before.png);
 background-size:100%
}
.media.comments {
 margin-top:0
}
.media.comments .media-left a {
 display:block
}
.media.comments a .empty-avatar {
 height:64px;
 width:64px;
 border-radius:50px;
 color:#fff;
 text-align:center;
 display:block;
 line-height:60px
}
.media.comments a .empty-avatar.sm {
 width:48px;
 height:48px;
 line-height:48px
}
.media.comments .media-body h5.media-heading {
 font-size:1rem
}
.media.comments .media-body h5.media-heading span.date {
 color:#8796af;
 font-size:.75rem;
 padding-left:5px
}
.media.comments .media-body p {
 padding:0 0 0 15px;
 margin:15px 0;
 line-height:170%;
 border-left:3px solid #e1e5f1
}
.media.comments .comments-footer {
 margin:25px 0 50px 20px
}
.media.comments .comments-footer ul li {
 float:left;
 margin-right:10px
}
.media.comments .comments-form .form-group {
 margin-bottom:10px
}
.media.disabled {
 opacity:.3;
 cursor:no-drop
}
@media (max-width:767px) {
 .media.comments {
  overflow:auto
 }
}
.card {
 border:1px solid #e0e0e0;
 -webkit-border-radius:.3rem;
 -moz-border-radius:.3rem;
 border-radius:.3rem;
 margin-bottom:.8rem;
 background:#fff
}
.card .card-header:first-child {
 -webkit-border-radius:.3rem .3rem 0 0;
 -moz-border-radius:.3rem .3rem 0 0;
 border-radius:.3rem .3rem 0 0
}
.card .card-header .sub-title {
 font-size:11px;
 color:gray
}
.card .card-header,
.card .card-header h5 a {
 color:#000;
 font-weight:600
}
.card.custom-bdr {
 border:0;
 -webkit-border-radius:.3rem;
 -moz-border-radius:.3rem;
 border-radius:.3rem
}
.card.custom-bdr .card-header {
 background:#fff;
 border-bottom:1px solid #e1e5f1
}
.card.no-bdr {
 border:0
}
.card.bdr {
 border:1px solid #e1e5f1;
 -webkit-border-radius:0;
 -moz-border-radius:0;
 border-radius:0
}
.card.bdr .collapse.show {
 border-top:1px solid #e1e5f1
}
.card.top-blue-bdr {
 border-top:2px solid #118cf1
}
.card.top-grey-bdr {
 border-top:2px solid #333
}
.card.top-red-bdr {
 border-top:2px solid #f23f3f
}
.card.top-green-bdr {
 border-top:2px solid #27b963
}
.card.top-pink-bdr {
 border-top:2px solid #f15f79
}
.card.top-orange-bdr {
 border-top:2px solid #FF7E39
}
.card .card-body {
 padding:1rem;
 position:relative
}
.card .card-header {
 background:no-repeat #fcfcfc;
 background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),color-stop(85%,#fff),to(#f2f2f2));
 background-image:-webkit-linear-gradient(#fff,#fff 85%,#f2f2f2);
 background-image:-moz-linear-gradient(top,#fff,#fff 85%,#f2f2f2);
 background-image:-o-linear-gradient(#fff,#fff 85%,#f2f2f2);
 background-image:linear-gradient(#fff,#fff 85%,#f2f2f2);
 border-bottom:1px solid #e0e0e0;
 font-size:1rem;
 padding:.65rem 1rem;
 position:relative
}
.card .card-header h5 {
 font-size:.9rem
}
.card .card-header a.link {
 position:absolute;
 right:15px;
 top:15px;
 font-size:.75rem;
 color:#fff
}
.card .card-footer {
 background:#fff;
 border-top:0;
 font-size:1rem;
 padding:.75rem 1rem;
 position:relative
}
.card .card-footer h5 {
 font-size:1rem
}
.card .card-footer h5 a {
 color:#2698e2
}
.card h6.card-title {
 text-align:center;
 margin:1rem
}
.card.primary {
 background:#118cf1;
 border:1px solid #118cf1
}
.card.primary .card-header {
 color:#fff;
 background-color:#1089ec;
 background-image:-webkit-gradient(linear,0 0,0 100%,from(#118cf1),color-stop(85%,#118cf1),to(#0d7edc));
 background-image:-webkit-linear-gradient(#118cf1,#118cf1 85%,#0d7edc);
 background-image:-moz-linear-gradient(top,#118cf1,#118cf1 85%,#0d7edc);
 background-image:-o-linear-gradient(#118cf1,#118cf1 85%,#0d7edc);
 background-image:linear-gradient(#118cf1,#118cf1 85%,#0d7edc);
 background-repeat:no-repeat;
 border-bottom:1px solid #0d7edc
}
.card.primary .card-body {
 color:#fff
}
.card.primary .card-footer {
 background:#118cf1
}
.card.secondary {
 background:#f23f3f;
 border:1px solid #f23f3f
}
.card.secondary .card-header {
 color:#fff;
 background-color:#f13a3a;
 background-image:-webkit-gradient(linear,0 0,0 100%,from(#f23f3f),color-stop(85%,#f23f3f),to(#f02727));
 background-image:-webkit-linear-gradient(#f23f3f,#f23f3f 85%,#f02727);
 background-image:-moz-linear-gradient(top,#f23f3f,#f23f3f 85%,#f02727);
 background-image:-o-linear-gradient(#f23f3f,#f23f3f 85%,#f02727);
 background-image:linear-gradient(#f23f3f,#f23f3f 85%,#f02727);
 background-repeat:no-repeat;
 border-bottom:1px solid #f02727
}
.card.secondary .card-body {
 color:#fff
}
.card.secondary .card-footer {
 background:#f23f3f
}
.card.dark {
 background:#17202b;
 border:1px solid #17202b
}
.card.dark .card-header {
 color:#fff;
 background-color:#151d27;
 background-image:-webkit-gradient(linear,0 0,0 100%,from(#17202b),color-stop(85%,#17202b),to(#0e141a));
 background-image:-webkit-linear-gradient(#17202b,#17202b 85%,#0e141a);
 background-image:-moz-linear-gradient(top,#17202b,#17202b 85%,#0e141a);
 background-image:-o-linear-gradient(#17202b,#17202b 85%,#0e141a);
 background-image:linear-gradient(#17202b,#17202b 85%,#0e141a);
 background-repeat:no-repeat;
 border-bottom:1px solid #0e141a
}
.card.dark .card-body {
 color:#fff
}
.card.dark .card-footer {
 background:#17202b
}
.card.light {
 background:#dae4ef;
 border:1px solid #dae4ef
}
.card.light .card-header {
 color:#000;
 background-color:#d6e1ed;
 background-image:-webkit-gradient(linear,0 0,0 100%,from(#dae4ef),color-stop(85%,#dae4ef),to(#c8d7e7));
 background-image:-webkit-linear-gradient(#dae4ef,#dae4ef 85%,#c8d7e7);
 background-image:-moz-linear-gradient(top,#dae4ef,#dae4ef 85%,#c8d7e7);
 background-image:-o-linear-gradient(#dae4ef,#dae4ef 85%,#c8d7e7);
 background-image:linear-gradient(#dae4ef,#dae4ef 85%,#c8d7e7);
 background-repeat:no-repeat;
 border-bottom:1px solid #c8d7e7
}
.card.light .card-body {
 color:#000
}
.card.light .card-footer {
 background:#000
}
.card.success {
 background:#27b963;
 border:1px solid #27b963
}
.card.success .card-header {
 color:#fff;
 background-color:#26b460;
 background-image:-webkit-gradient(linear,0 0,0 100%,from(#27b963),color-stop(85%,#27b963),to(#23a458));
 background-image:-webkit-linear-gradient(#27b963,#27b963 85%,#23a458);
 background-image:-moz-linear-gradient(top,#27b963,#27b963 85%,#23a458);
 background-image:-o-linear-gradient(#27b963,#27b963 85%,#23a458);
 background-image:linear-gradient(#27b963,#27b963 85%,#23a458);
 background-repeat:no-repeat;
 border-bottom:1px solid #23a458
}
.card.success .card-body {
 color:#fff
}
.card.success .card-footer {
 background:#27b963
}
.card.info {
 background:#2698e2;
 border:1px solid #2698e2
}
.card.info .card-header {
 color:#fff;
 background-color:#2495de;
 background-image:-webkit-gradient(linear,0 0,0 100%,from(#2698e2),color-stop(85%,#2698e2),to(#1c8bd2));
 background-image:-webkit-linear-gradient(#2698e2,#2698e2 85%,#1c8bd2);
 background-image:-moz-linear-gradient(top,#2698e2,#2698e2 85%,#1c8bd2);
 background-image:-o-linear-gradient(#2698e2,#2698e2 85%,#1c8bd2);
 background-image:linear-gradient(#2698e2,#2698e2 85%,#1c8bd2);
 background-repeat:no-repeat;
 border-bottom:1px solid #1c8bd2
}
.card.info .card-body {
 color:#fff
}
.card.info .card-footer {
 background:#2698e2
}
.card.warning {
 background:#ffda3e;
 border:1px solid #ffda3e
}
.card.warning .card-header {
 color:#000;
 background-color:#fcd531;
 background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffda3e),color-stop(85%,#ffda3e),to(#f1c200));
 background-image:-webkit-linear-gradient(#ffda3e,#ffda3e 85%,#f1c200);
 background-image:-moz-linear-gradient(top,#ffda3e,#ffda3e 85%,#f1c200);
 background-image:-o-linear-gradient(#ffda3e,#ffda3e 85%,#f1c200);
 background-image:linear-gradient(#ffda3e,#ffda3e 85%,#f1c200);
 background-repeat:no-repeat;
 border-bottom:1px solid #ffd00b
}
.card.warning .card-body {
 color:#000
}
.card.warning .card-footer {
 background:#ffda3e
}
.card.danger {
 background:#ff4f4f;
 border:1px solid #ff4f4f
}
.card.danger .card-header {
 color:#fff;
 background-color:#ff4949;
 background-image:-webkit-gradient(linear,0 0,0 100%,from(#ff4f4f),color-stop(85%,#ff4f4f),to(#ff3535));
 background-image:-webkit-linear-gradient(#ff4f4f,#ff4f4f 85%,#ff3535);
 background-image:-moz-linear-gradient(top,#ff4f4f,#ff4f4f 85%,#ff3535);
 background-image:-o-linear-gradient(#ff4f4f,#ff4f4f 85%,#ff3535);
 background-image:linear-gradient(#ff4f4f,#ff4f4f 85%,#ff3535);
 background-repeat:no-repeat;
 border-bottom:1px solid #ff3535
}
.card.danger .card-body {
 color:#fff
}
.card.danger .card-footer {
 background:#f23f3f
}
.card.orange {
 background:#FF7E39;
 border:1px solid #FF7E39
}
.card.orange .card-header {
 color:#fff;
 background-color:#ff7a34;
 background-image:-webkit-gradient(linear,0 0,0 100%,from(#FF7E39),color-stop(85%,#FF7E39),to(#ff6d20));
 background-image:-webkit-linear-gradient(#FF7E39,#FF7E39 85%,#ff6d20);
 background-image:-moz-linear-gradient(top,#FF7E39,#FF7E39 85%,#ff6d20);
 background-image:-o-linear-gradient(#FF7E39,#FF7E39 85%,#ff6d20);
 background-image:linear-gradient(#FF7E39,#FF7E39 85%,#ff6d20);
 background-repeat:no-repeat;
 border-bottom:1px solid #ff6d20
}
.card.orange .card-body {
 color:#fff
}
.card.orange .card-footer {
 background:#FF7E39
}
.card.pink {
 background:#f15f79;
 border:1px solid #f15f79
}
.card.pink .card-header {
 color:#fff;
 background-color:#f05a75;
 background-image:-webkit-gradient(linear,0 0,0 100%,from(#f15f79),color-stop(85%,#f15f79),to(#ef4865));
 background-image:-webkit-linear-gradient(#f15f79,#f15f79 85%,#ef4865);
 background-image:-moz-linear-gradient(top,#f15f79,#f15f79 85%,#ef4865);
 background-image:-o-linear-gradient(#f15f79,#f15f79 85%,#ef4865);
 background-image:linear-gradient(#f15f79,#f15f79 85%,#ef4865);
 background-repeat:no-repeat;
 border-bottom:1px solid #ef4865
}
.card.pink .card-footer {
 background:#f15f79
}
.card.grey {
 background:#333;
 border:1px solid #333
}
.card.grey .card-header {
 color:#fff;
 background-color:#303030;
 background-image:-webkit-gradient(linear,0 0,0 100%,from(#333),color-stop(85%,#333),to(#262626));
 background-image:-webkit-linear-gradient(#333,#333 85%,#262626);
 background-image:-moz-linear-gradient(top,#333,#333 85%,#262626);
 background-image:-o-linear-gradient(#333,#333 85%,#262626);
 background-image:linear-gradient(#333,#333 85%,#262626);
 background-repeat:no-repeat;
 border-bottom:1px solid #262626
}
.card.grey .card-body {
 color:#fff
}
.card.grey .card-footer {
 background:#000;
 color:#fff
}
.card.teal {
 background:#1abaca;
 border:1px solid #1abaca
}
.card.teal .card-header {
 color:#fff;
 background-color:#19b5c5;
 background-image:-webkit-gradient(linear,0 0,0 100%,from(#1abaca),color-stop(85%,#1abaca),to(#17a5b3));
 background-image:-webkit-linear-gradient(#1abaca,#1abaca 85%,#17a5b3);
 background-image:-moz-linear-gradient(top,#1abaca,#1abaca 85%,#17a5b3);
 background-image:-o-linear-gradient(#1abaca,#1abaca 85%,#17a5b3);
 background-image:linear-gradient(#1abaca,#1abaca 85%,#17a5b3);
 background-repeat:no-repeat;
 border-bottom:1px solid #17a5b3
}
.card.teal .card-body {
 color:#fff
}
.card.teal .card-footer {
 background:#1abaca
}
.card.brown {
 background:#79574b;
 border:1px solid #79574b
}
.card.brown .card-header {
 color:#fff;
 background-color:#755449;
 background-image:-webkit-gradient(linear,0 0,0 100%,from(#79574b),color-stop(85%,#79574b),to(#694c41));
 background-image:-webkit-linear-gradient(#79574b,#79574b 85%,#694c41);
 background-image:-moz-linear-gradient(top,#79574b,#79574b 85%,#694c41);
 background-image:-o-linear-gradient(#79574b,#79574b 85%,#694c41);
 background-image:linear-gradient(#79574b,#79574b 85%,#694c41);
 background-repeat:no-repeat;
 border-bottom:1px solid #694c41
}
.card.brown .card-body {
 color:#fff
}
.card.brown .card-footer {
 background:#79574b
}
.card.purple {
 background:#5a66b5;
 border:1px solid #5a66b5
}
.card.purple .card-header {
 color:#fff;
 background-color:#5763b2;
 background-image:-webkit-gradient(linear,0 0,0 100%,from(#5a66b5),color-stop(85%,#5a66b5),to(#4c58a9));
 background-image:-webkit-linear-gradient(#5a66b5,#5a66b5 85%,#4c58a9);
 background-image:-moz-linear-gradient(top,#5a66b5,#5a66b5 85%,#4c58a9);
 background-image:-o-linear-gradient(#5a66b5,#5a66b5 85%,#4c58a9);
 background-image:linear-gradient(#5a66b5,#5a66b5 85%,#4c58a9);
 background-repeat:no-repeat;
 border-bottom:1px solid #4c58a9
}
.card.purple .card-body {
 color:#fff
}
.card.purple .card-footer {
 background:#5a66b5
}
.card.violet {
 background:#712c69;
 border:1px solid #712c69
}
.card.violet .card-header {
 color:#fff;
 background-color:#6d2a65;
 background-image:-webkit-gradient(linear,0 0,0 100%,from(#712c69),color-stop(85%,#712c69),to(#5f2558));
 background-image:-webkit-linear-gradient(#712c69,#712c69 85%,#5f2558);
 background-image:-moz-linear-gradient(top,#712c69,#712c69 85%,#5f2558);
 background-image:-o-linear-gradient(#712c69,#712c69 85%,#5f2558);
 background-image:linear-gradient(#712c69,#712c69 85%,#5f2558);
 background-repeat:no-repeat;
 border-bottom:1px solid #5f2558
}
.card.violet .card-body {
 color:#fff
}
.card.violet .card-footer {
 background:#712c69
}
.card.facebook {
 background:#3B5998;
 border:1px solid #3B5998
}
.card.facebook .card-header {
 color:#fff;
 background-color:#395694;
 background-image:-webkit-gradient(linear,0 0,0 100%,from(#3B5998),color-stop(85%,#3B5998),to(#344e86));
 background-image:-webkit-linear-gradient(#3B5998,#3B5998 85%,#344e86);
 background-image:-moz-linear-gradient(top,#3B5998,#3B5998 85%,#344e86);
 background-image:-o-linear-gradient(#3B5998,#3B5998 85%,#344e86);
 background-image:linear-gradient(#3B5998,#3B5998 85%,#344e86);
 background-repeat:no-repeat;
 border-bottom:1px solid #344e86
}
.card.facebook .card-body {
 color:#fff
}
.card.facebook .card-footer {
 background:#3B5998
}
.card-deck {
 margin-right:-7px;
 margin-left:-7px
}
.card-deck .card {
 margin:0 7px .8rem
}
.card-message {
 background-color:#fff;
 padding:12px 20px;
 border-bottom:1px solid #e1e5f1
}
.card-message i {
 font-size:2rem;
 margin-right:10px;
 float:left
}
.card-header-tabs {
 margin-right:0;
 margin-left:0
}
.card-accordion .card {
 margin-bottom:.3rem;
 -webkit-border-radius:0;
 -moz-border-radius:0;
 border-radius:0
}
.card-accordion .card .card-header {
 border:0
}
.progress,
.tooltip-inner {
 -webkit-border-radius:0;
 -moz-border-radius:0
}
.card-accordion .card .collapse.show {
 border-top:1px solid #e0e0e0
}
.accordion-icons a {
 position:relative;
 padding-left:30px
}
.accordion-icons a:before {
 position:absolute;
 left:0;
 content:"\ea8a";
 font-family:icomoon;
 font-size:18px
}
.alert,
.nav-link {
 position:relative
}
.accordion-icons a.collapsed:before {
 content:"\ea7f"
}
.tooltip {
 font-size:.75rem
}
.tooltip-inner {
 border-radius:0
}
.badge {
 padding:.4em .5em;
 -webkit-border-radius:2px;
 -moz-border-radius:2px;
 border-radius:2px;
 font-weight:400
}
.badge-pill {
 padding:.4em 1em;
 border-radius:50px
}
.badge-primary {
 background:#118cf1
}
.badge-primary[href]:focus,
.badge-primary[href]:hover {
 background:#0d7edc
}
.badge-secondary {
 background:#FF7E39
}
.badge-secondary[href]:focus,
.badge-secondary[href]:hover {
 background:#f02727
}
.badge-success {
 background:#27b963
}
.badge-success[href]:focus,
.badge-success[href]:hover {
 background:#23a458
}
.badge-danger {
 background:#f23f3f
}
.badge-danger[href]:focus,
.badge-danger[href]:hover {
 background:#f02727
}
.badge-warning {
 background:#ffc107
}
.badge-warning[href]:focus,
.badge-warning[href]:hover {
 background:#ecb100
}
.badge-info {
 background:#2698e2
}
.badge-info[href]:focus,
.badge-info[href]:hover {
 background:#1c8bd2
}
.badge-light {
 background:#dae4ef;
 color:#000
}
.badge-light[href]:focus,
.badge-light[href]:hover {
 background:#c8d7e7
}
.badge-dark {
 background-color:#000;
 color:#fff
}
.badge-dark[href]:focus,
.badge-dark[href]:hover {
 background:#4d4d4d
}
.badge-white {
 background:#fff;
 color:#000
}
.badge-white[href]:focus,
.badge-white[href]:hover {
 background:#f3f6fa
}
.badge-orange {
 background:#FF7E39;
 color:#fff
}
.badge-orange[href]:focus,
.badge-orange[href]:hover {
 background:#ff6d20
}
.badge-bdr,
.badge-bdr-pill {
 background:0 0
}
.badge-bdr-pill.badge-bdr-pill,
.badge-bdr.badge-bdr-pill {
 -webkit-border-radius:50px;
 -moz-border-radius:50px;
 border-radius:50px
}
.badge-bdr-pill.badge-primary,
.badge-bdr.badge-primary {
 color:#118cf1;
 border:1px solid #118cf1
}
.badge-bdr-pill.badge-danger,
.badge-bdr-pill.badge-secondary,
.badge-bdr.badge-danger,
.badge-bdr.badge-secondary {
 color:#f23f3f;
 border:1px solid #f23f3f
}
.badge-bdr-pill.badge-success,
.badge-bdr.badge-success {
 color:#27b963;
 border:1px solid #27b963
}
.badge-bdr-pill.badge-warning,
.badge-bdr.badge-warning {
 color:#ffc107;
 border:1px solid #ffc107
}
.badge-bdr-pill.badge-info,
.badge-bdr.badge-info {
 color:#2698e2;
 border:1px solid #2698e2
}
.badge-bdr-pill.badge-dark,
.badge-bdr.badge-dark {
 color:#c246f8;
 border:1px solid #c246f8
}
.badge-bdr-pill.badge-light,
.badge-bdr.badge-light {
 color:#1ad0fc;
 border:1px solid #1ad0fc
}
.badge-bdr-pill.badge-white,
.badge-bdr.badge-white {
 color:#fff;
 border:1px solid #ededed
}
.badge-bdr-pill.badge-orange,
.badge-bdr.badge-orange {
 color:#FF7E39;
 border:1px solid #FF7E39
}
.alert {
 padding:.75rem 1rem;
 -webkit-border-radius:.3rem;
 -moz-border-radius:.3rem;
 border-radius:.3rem;
 margin-bottom:1rem;
 line-height:160%
}
.alert i {
 font-size:24px;
 margin-right:10px;
 vertical-align:middle
}
.alert hr {
 border-top-color:rgba(255,255,255,.2)
}
.alert-dismissible .close {
 padding:.5rem 1rem;
 top:-.7rem
}
.close {
 text-shadow:none
}
.alert-primary {
 background:#2698e2;
 border-color:#2698e2;
 color:#fff
}
.alert-primary .alert-link {
 color:#fff;
 text-decoration:underline
}
.alert-primary i {
 color:#fff
}
.alert-secondary {
 background:#f23f3f;
 border-color:#f23f3f;
 color:#fff
}
.alert-secondary .alert-link {
 color:#fff;
 text-decoration:underline
}
.alert-secondary i {
 color:#fff
}
.alert-success {
 background:#27b963;
 border-color:#27b963;
 color:#fff
}
.alert-success .alert-link {
 color:#fff;
 text-decoration:underline
}
.alert-success i {
 color:#fff
}
.alert-danger {
 background:#f23f3f;
 border-color:#f23f3f;
 color:#fff
}
.alert-danger .alert-link {
 color:#fff;
 text-decoration:underline
}
.alert-danger i {
 color:#fff
}
.alert-warning {
 background:#ffa63e;
 border-color:#ffa63e;
 color:#fff
}
.alert-warning .alert-link {
 color:#fff;
 text-decoration:underline
}
.alert-warning i {
 color:#fff
}
.alert-info {
 background:#2698e2;
 border-color:#2698e2;
 color:#fff
}
.alert-info .alert-link {
 color:#fff;
 text-decoration:underline
}
.alert-info i {
 color:#fff
}
.alert-light {
 background:#f7f7f7;
 border-color:#e6e6e6;
 color:#000
}
.alert-light .alert-link {
 color:#000;
 text-decoration:underline
}
.alert-light i {
 color:#000
}
.alert-dark {
 background:#333;
 border-color:#333;
 color:#fff
}
.alert-dark .alert-link {
 color:#fff;
 text-decoration:underline
}
.alert-dark i {
 color:#fff
}
.progress {
 border-radius:0;
 background-color:#f2f2f2
}
.progress .progress-bar-striped {
 background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.progress .progress-bar-striped.bg-info {
 background-color:#2698e2!important
}
.progress .progress-bar-striped.bg-success {
 background-color:#27b963!important
}
.progress .progress-bar-striped.bg-danger {
 background-color:#f23f3f!important
}
.progress .progress-bar-striped.bg-warning {
 background-color:#ffc107!important
}
.progress .progress-bar-striped.bg-orange {
 background-color:#FF7E39!important
}
.progress .progress-bar-striped.bg-pink {
 background-color:#f15f79!important
}
.progress.xl {
 height:20px
}
.progress.md {
 height:8px
}
.progress.sm {
 height:5px
}
.progress.xs {
 height:2px
}
.popover {
 -webkit-border-radius:0;
 -moz-border-radius:0;
 border-radius:0;
 border:1px solid #17202b;
 background:#17202b
}
.popover .popover-header {
 background:#202c3c;
 color:#fff;
 border-bottom:1px solid #202c3c
}
.popover .popover-body {
 color:#fff
}
.bs-popover-auto[x-placement^=top] .arrow::after,
.bs-popover-top .arrow::after {
 border-top-color:#17202b
}
.bs-popover-auto[x-placement^=right] .arrow::after,
.bs-popover-right .arrow::after {
 border-right-color:#17202b
}
.bs-popover-auto[x-placement^=bottom] .arrow::after,
.bs-popover-bottom .arrow::after {
 border-bottom-color:#17202b
}
.bs-popover-auto[x-placement^=left] .arrow::after,
.bs-popover-left .arrow::after {
 border-left-color:#17202b
}
.navbar .form-control {
 border:0
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
 border-color:#e1e5f1 #e1e5f1 #fff;
 color:#2e323c;
 background:#fff
}
.nav-tabs {
 border:1px solid #e1e5f1;
 padding:10px 10px 0;
 background:#fff
}
.nav-tabs .nav-link {
 -webkit-border-radius:0;
 -moz-border-radius:0;
 border-radius:0
}
.nav-link {
 border:none;
 color:#118cf1
}
.nav-link i {
 font-size:1.3rem;
 float:left;
 margin-right:5px
}
.blockquote,
.breadcrumb .breadcrumb-item a i,
.breadcrumb.light .breadcrumb-item a i {
 font-size:1rem
}
.nav-link:hover {
 color:#0c79d2
}
.nav-link.active {
 text-decoration:none;
 color:#FF7E39;
 font-weight:700
}
.nav-link.disabled {
 color:#8796af
}
.tab-content {
 padding:1rem 1.5rem;
 border:1px solid #e1e5f1;
 border-top:0;
 background:#fff
}
.breadcrumb,
.nav-pills .nav-link {
 -webkit-border-radius:0;
 -moz-border-radius:0
}
.tab-content .tab-pane {
 line-height:180%
}
.nav-pills .nav-link {
 border-radius:0
}
.nav-pills .nav-link:after {
 background:0 0
}
.nav-pills .nav-link.active {
 background:#2698e2
}
.page-item.active .page-link {
 background:#2698e2;
 border-color:#2698e2
}
.breadcrumb {
 background-color:#e6ecf3;
 border-radius:0
}
.breadcrumb .breadcrumb-item a {
 color:#FF7E39
}
.breadcrumb .breadcrumb-item.active,
.breadcrumb.light .breadcrumb-item a {
 color:#8796af
}
.breadcrumb.light {
 background-color:#118cf1
}
.breadcrumb.light .breadcrumb-item.active {
 color:#fff
}
.jumbotron {
 background-color:#f7f9fb
}
.list-group-item {
 padding:.5rem 1rem
}
.list-group-item,
a.list-group-item {
 background:#fff
}
.list-group-item.disabled,
.list-group-item:disabled,
a.list-group-item.disabled,
a.list-group-item:disabled {
 color:#8796af
}
.list-group-item.active:focus,
.list-group-item.active:hover,
.list-group-item.list-group-item-action.active:focus,
.list-group-item.list-group-item-action.active:hover,
a.list-group-item.active:focus,
a.list-group-item.active:hover,
a.list-group-item.list-group-item-action.active:focus,
a.list-group-item.list-group-item-action.active:hover {
 background-color:#118cf1;
 border-color:#118cf1;
 color:#fff
}
.list-group-item.active,
a.list-group-item.active {
 background-color:#118cf1;
 border-color:#118cf1
}
.list-group-item.list-group-item-action.active,
a.list-group-item.list-group-item-action.active {
 background-color:#118cf1;
 border-color:#118cf1
}
.list-group-item.list-group-item-action:focus,
.list-group-item.list-group-item-action:hover,
a.list-group-item.list-group-item-action:focus,
a.list-group-item.list-group-item-action:hover {
 background:#e6ecf3;
 color:#000
}
.list-group-item-primary,
a.list-group-item-primary {
 background:#dbeefd;
 color:#118cf1
}
.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover,
a.list-group-item-primary.list-group-item-action:focus,
a.list-group-item-primary.list-group-item-action:hover {
 background:#cde7fc;
 color:#118cf1
}
.list-group-item-secondary,
a.list-group-item-secondary {
 background:#fddddd;
 color:#f23f3f
}
.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover,
a.list-group-item-secondary.list-group-item-action:focus,
a.list-group-item-secondary.list-group-item-action:hover {
 background:#fccece;
 color:#f23f3f
}
.list-group-item-success,
a.list-group-item-success {
 background:#d9f7e5;
 color:#27b963
}
.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover,
a.list-group-item-success.list-group-item-action:focus,
a.list-group-item-success.list-group-item-action:hover {
 background:#d0f5df;
 color:#27b963
}
.list-group-item-danger,
a.list-group-item-danger {
 background:#fde6e6;
 color:#f23f3f
}
.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover,
a.list-group-item-danger.list-group-item-action:focus,
a.list-group-item-danger.list-group-item-action:hover {
 background:#fddddd;
 color:#f23f3f
}
.list-group-item-info,
a.list-group-item-info {
 background:#daedfa;
 color:#2698e2
}
.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover,
a.list-group-item-info.list-group-item-action:focus,
a.list-group-item-info.list-group-item-action:hover {
 background:#d1e9f9;
 color:#2698e2
}
.list-group-item-warning,
a.list-group-item-warning {
 background:#ffeaaa;
 color:#a07800
}
.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover,
a.list-group-item-warning.list-group-item-action:focus,
a.list-group-item-warning.list-group-item-action:hover {
 background:#ffe69b;
 color:#a07800
}
.list-group-item-light,
a.list-group-item-light {
 background:#cff5fe;
 color:#028cae
}
.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover,
a.list-group-item-light.list-group-item-action:focus,
a.list-group-item-light.list-group-item-action:hover {
 background:#c0f2fe;
 color:#028cae
}
.list-group-item-dark,
a.list-group-item-dark {
 background:#fcf7ff;
 color:#9308d0
}
.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover,
a.list-group-item-dark.list-group-item-action:focus,
a.list-group-item-dark.list-group-item-action:hover {
 background:#f7e8fe;
 color:#9308d0
}
.page-item:first-child .page-link,
.page-item:last-child .page-link,
.pagination-lg .page-item:first-child .page-link,
.pagination-lg .page-item:last-child .page-link,
.pagination-sm .page-item:first-child .page-link,
.pagination-sm .page-item:last-child .page-link {
 -webkit-border-radius:0;
 -moz-border-radius:0;
 border-radius:0
}
.page-link {
 color:#118cf1;
 border:1px solid #e1e5f1
}
.page-link:hover {
 background:#e6ecf3;
 border-color:#e1e5f1
}
.card.dark ul.pagination .page-item .page-link {
 background:#17202b;
 border-color:#29394c;
 color:#8796af
}
.card.dark ul.pagination .page-item.active .page-link {
 background:#FF7E39;
 border-color:#FF7E39;
 color:#fff
}
.blockquote {
 line-height:150%;
 margin-bottom:2rem
}
.blockquote p {
 margin:0
}
.custom-file-label {
 border:1px solid #c9d0e6;
 -webkit-border-radius:0;
 -moz-border-radius:0;
 border-radius:0
}
.custom-file-label::after {
 background:#e6ecf3;
 -webkit-border-radius:0;
 -moz-border-radius:0;
 border-radius:0;
 border:1px solid #e6ecf3
}
.custom-file-label-primary {
 border:1px solid #118cf1;
 -webkit-border-radius:0;
 -moz-border-radius:0;
 border-radius:0
}
.custom-file-label-primary::after {
 background:#118cf1;
 -webkit-border-radius:0;
 -moz-border-radius:0;
 border-radius:0;
 border:1px solid #118cf1;
 color:#fff
}
.custom-file-label-secondary {
 border:1px solid #FF7E39;
 -webkit-border-radius:0;
 -moz-border-radius:0;
 border-radius:0
}
.custom-file-label-secondary::after {
 background:#FF7E39;
 -webkit-border-radius:0;
 -moz-border-radius:0;
 border-radius:0;
 border:1px solid #FF7E39;
 color:#fff
}
.input-group-text {
 border:1px solid #c9d0e6;
 background:#e6ecf3
}
.input-group-text.min-w-120 {
 width:120px
}
.form-control {
 border:1px solid #c9d0e6;
 -webkit-border-radius:0;
 -moz-border-radius:0;
 border-radius:0;
 font-size:.85rem
}
.form-control.no-bdr {
 border:1px solid transparent
}
.form-control:focus {
 border:1px solid #118cf1
}
.form-control::-webkit-input-placeholder {
 color:#8796af
}
.form-control:-moz-placeholder {
 color:#8796af
}
.form-control::-moz-placeholder {
 color:#8796af
}
.form-control:-ms-input-placeholder {
 color:#8796af
}
.input-group-text {
 -webkit-border-radius:0;
 -moz-border-radius:0;
 border-radius:0
}
.custom-select.is-invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.was-validated .form-control:invalid {
 border-color:#f23f3f
}
.custom-select.is-valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.was-validated .form-control:valid {
 border-color:#27b963
}
.custom-select.is-warning,
.form-control.is-warning {
 border-color:#ffa63e
}
.input-group-addon {
 border:1px solid #e1e5f1;
 background:#e6ecf3;
 -webkit-border-radius:0;
 -moz-border-radius:0;
 border-radius:0;
 color:#8796af
}
.form-check {
 padding-bottom:.5rem;
 font-size:1rem
}
.form-check-label {
 font-size:.85rem
}
.form-check-input {
 margin-top:.25rem
}
.custom-control-label::after,
.custom-control-label::before {
 top:.1rem
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::before {
 background-color:#FF7E39
}
.navbar .navbar-brand {
 font-size:1.2rem;
 font-weight:600
}
.navbar .navbar-brand img {
 max-height:30px;
 margin-right:10px
}
.navbar.navbar-menu {
 background:0 0;
 padding:0
}
.navbar.navbar-menu .navbar-nav .nav-link {
 position:relative;
 color:#4d4d4d;
 padding:10px 15px;
 margin-right:1px;
 min-width:100px;
 text-align:center;
 font-size:.75rem;
 text-transform:uppercase;
 -webkit-border-radius:5px 5px 0 0;
 -moz-border-radius:5px 5px 0 0;
 border-radius:5px 5px 0 0;
 background-color:#f4f4f4;
 background-image:-webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),color-stop(85%,#fff),to(#ccc));
 background-image:-webkit-linear-gradient(#f2f2f2,#fff 85%,#ccc);
 background-image:-moz-linear-gradient(top,#f2f2f2,#fff 85%,#ccc);
 background-image:-o-linear-gradient(#f2f2f2,#fff 85%,#ccc);
 background-image:linear-gradient(#f2f2f2,#fff 85%,#ccc);
 background-repeat:no-repeat
}
.navbar.navbar-menu .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover,
.navbar.navbar-menu .navbar-nav .nav-item.dropdown.show>a {
 background:#2698e2;
 color:#fff
}
.navbar.navbar-menu .navbar-nav .nav-link i.nav-icon {
 display:block;
 margin:0 auto 3px;
 float:none;
 font-size:18px
}
.navbar.navbar-menu .navbar-nav .nav-item .dropdown-menu {
 box-shadow:0 6px 12px rgba(0,0,0,.08)
}
.navbar.navbar-menu .navbar-nav .nav-item.active .nav-link {
 color:#fff;
 background:#1c8bd2
}
.navbar.navbar-menu .navbar-nav .nav-item.active .nav-link i.nav-icon {
 color:#fff
}
@media (max-width:992px) {
 .navbar.navbar-menu {
  background:#2698e2;
  -webkit-border-radius:.2rem;
  -moz-border-radius:.2rem;
  border-radius:.2rem;
  padding:5px 10px
 }
 .navbar.navbar-menu .navbar-toggler {
  border:0;
  background:#fff
 }
 .navbar.navbar-menu .navbar-toggler .navbar-toggler-icon {
  width:2rem
 }
 .navbar.navbar-menu .navbar-toggler .navbar-toggler-icon i {
  color:#2698e2;
  font-size:1.8rem;
  margin:2px 0;
  display:block
 }
 .navbar.navbar-menu .navbar-toggler:focus {
  outline:0;
  border:0
 }
 .navbar.navbar-menu .navbar-nav {
  margin-top:3px
 }
 .navbar.navbar-menu .navbar-nav .nav-link {
  background:#fff!important;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  margin-bottom:2px;
  text-align:left;
  text-transform:capitalize
 }
 .navbar.navbar-menu .navbar-nav .nav-link i.nav-icon {
  float:left;
  margin:0 5px 0 0
 }
 .navbar.navbar-menu .navbar-nav .nav-link .dropdown-toggle::after {
  float:right;
  margin-top:8px
 }
 .navbar.navbar-menu .navbar-nav .nav-item.active .nav-link {
  background:#ff6d20!important
 }
 .navbar.navbar-menu .navbar-nav .nav-item.dropdown.show>a {
  background:#166da5!important
 }
 .navbar.navbar-menu .navbar-nav .dropdown-menu {
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0
 }
 .navbar.navbar-menu .navbar-nav .dropdown-menu:before {
  background-image:none
 }
}
@media (max-width:1100px) {
 .navbar.navbar-menu .navbar-nav .nav-link {
  min-width:95px
 }
}
.table {
 font-size:.85rem;
 color:#737373
}
.table-dark {
 color:#a6a6a6
}
.table.no-border {
 border:0
}
.table-bordered,
.table-bordered td,
.table-bordered th {
 border:1px solid #e6ecf3
}
.table-hover tbody tr:hover {
 background-color:#f0f4f8
}
.table thead th {
 border-top:0;
 border-bottom:0
}
.table td {
 vertical-align:middle;
 border-top:1px solid #e6ecf3
}
.table.table-dark thead th {
 border-color:#404040
}
.table.table-dark td {
 border-color:#333
}
.table .thead-light th {
 border-color:#f0f4f8;
 background:#f0f4f8
}
.table-success,
.table-success>td,
.table-success>th {
 background:#d0f5df;
 border:0;
 color:#0c3b1f
}
.table-danger,
.table-danger>td,
.table-danger>th {
 background:#fef0f0;
 border:0;
 color:#8e0a0a
}
.table-warning,
.table-warning>td,
.table-warning>th {
 background:#ffe7a0;
 border:0;
 color:#6d5200
}
.table-info,
.table-info>td,
.table-info>th {
 background:#daedfa;
 border:0;
 color:#0d4162
}
.table-light,
.table-light>td,
.table-light>th {
 background:#dae4ef;
 border-color:#c1d2e4;
 color:#81a3c9
}
.table-striped tbody tr:nth-of-type(odd) {
 background-color:#f7f9fb
}
.table-active,
.table-active>td,
.table-active>th {
 background:#f0f8fd
}
.gutters {
 margin-right:-7px;
 margin-left:-7px
}
.gutters>.col,
.gutters>[class*=col-] {
 padding-right:7px;
 padding-left:7px
}
.no-gutters {
 margin-right:0;
 margin-left:0
}
.no-gutters>.col,
.no-gutters>[class*=col-] {
 padding-right:0;
 padding-left:0
}
.hll {
 background-color:#ffc
}
.c {
 color:#999
}
.k {
 color:#069
}
.o {
 color:#555
}
.cm {
 color:#999
}
.cp {
 color:#099
}
.c1,
.cs {
 color:#999
}
.gd {
 background-color:#fcc;
 border:1px solid #c00
}
.ge {
 font-style:italic
}
.gr {
 color:red
}
.gh {
 color:#030
}
.gi {
 background-color:#cfc;
 border:1px solid #0c0
}
.go {
 color:#aaa
}
.gp {
 color:#009
}
.gu {
 color:#030
}
.gt {
 color:#9c6
}
.kc,
.kd,
.kn,
.kp,
.kr {
 color:#069
}
.kt {
 color:#078
}
.m {
 color:#f60
}
.s {
 color:#d44950
}
.na {
 color:#4f9fcf
}
.nb {
 color:#366
}
.nc {
 color:#0a8
}
.no {
 color:#360
}
.nd {
 color:#99f
}
.ni {
 color:#999
}
.ne {
 color:#c00
}
.nf {
 color:#c0f
}
.nl {
 color:#99f
}
.nn {
 color:#0cf
}
.nt {
 color:#2f6f9f
}
.nv {
 color:#033
}
.ow {
 color:#000
}
.w {
 color:#bbb
}
.mf,
.mh,
.mi,
.mo {
 color:#f60
}
.s2,
.sb,
.sc,
.sd,
.se,
.sh {
 color:#c30
}
.sd {
 font-style:italic
}
.si {
 color:#a00
}
.sx {
 color:#c30
}
.sr {
 color:#3aa
}
.s1 {
 color:#c30
}
.ss {
 color:#fc3
}
.bp {
 color:#366
}
.vc,
.vg,
.vi {
 color:#033
}
.il {
 color:#f60
}
.css .nt+.nt,
.css .o,
.css .o+.nt {
 color:#999
}
.language-bash::before,
.language-sh::before {
 color:#009;
 content:"$ ";
 user-select:none
}
.language-powershell::before {
 color:#009;
 content:"PM> ";
 user-select:none
}
.highlight {
 font-size:1rem;
 line-height:150%;
 margin-bottom:30px
}
.highlight pre {
 padding:0;
 margin-top:0;
 margin-bottom:0;
 background-color:transparent;
 border:0
}
.highlight pre code {
 font-size:inherit;
 color:#8796af
}
