@import url(../plugins/jquery.scrollbar/jquery.scrollbar.css);


@import url(../plugins/themify/themify-icons.css);


@import url(../plugins/font-awesome/css/font-awesome.min.css);


@import url(../plugins/switchery/switchery.min.css);


#page-container, #page-container2, body, html {


  width: 100%;


  height: 100%


}


.powered{


  position:absolute;


  bottom: 0;


  right: 0;


  background:#fff;


  padding: 5px 10px;


  font-size: 12px;


  color:#d1d1d1;


  border-top-left-radius: 7px;


}


#sidebar, .search-container input, input.expand-search {


  -webkit-transition: all ease .3s;


  -moz-transition: all ease .3s


}


.powered a{


  color:#999;


}


body {


  font-size: 14px;


  background-color: #f9f9f9;


  line-height: 1.6;


  color: rgba(0, 0, 0, .75)


}





:focus {


  outline: 0 !important;


  box-shadow: none !important


}





blockquote {


  font-size: 1.7rem;


  line-height: 1;


  font-weight: 300;


  padding: 0 20px 10px 50px;


  position: relative


}





blockquote:after {


  position: absolute;


  left: 0;


  top: 0;


  font-family: FontAwesome;


  content: "\f10d";


  color: rgba(0, 0, 0, .1)


}





.help-list li a.pr-help:after, .main-menu li a.pr-mn:after, .whatsnew li:after {


  font-family: themify


}





blockquote footer {


  font-size: 1rem;


  font-weight: 500


}





blockquote footer cite {


  font-weight: 700


}





.font-underline {


  text-decoration: underline


}





.font-linethrough {


  text-decoration: line-through


}





.font-overline {


  text-decoration: overline


}





#page-container2 {


  position: absolute;


  display: table


}





.page-helper {


  display: table-cell;


  vertical-align: middle


}





#sidebar {


  position: fixed;


  width: 240px;


  background-color: #efefef;


  height: 100%;


  z-index: 998;


  transition: all ease .3s


}





.sidenav {


  margin-left: 0


}





.sidenav-off {


  margin-left: -240px


}





.sidebar-wrapper {


  max-height: 100%;


  height: 100%;


  min-height: 1px;


  overflow-y: none


}





.profile-sidebar {


  padding: 30px 0 20px;


  text-align: center;


  margin: 0 20px 20px;


  border-bottom: 2px solid #E3E1E1;


  line-height: 1.35


}





.profile-sidebar .avatar {


  width: 65px;


  height: 65px;


  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .08), 0 0 3px 0 rgba(0, 0, 0, .06);


  border-radius: 50%;


  overflow: hidden;


  margin: 0 auto 10px


}





.profile-sidebar .avatar img {


  width: 100%


}





.profile-sidebar .profile-name {


  font-size: 15px;


  font-weight: 500;


  color: rgba(0, 0, 0, .9);


  position: relative


}





.profile-sidebar .profile-name button {


  position: absolute;


  right: 0;


  top: -2px;


  padding: 0;


  width: 25px;


  height: 25px;


  border-radius: 50%;


  border: 0;


  font-size: 13px;


  color: rgba(0, 0, 0, .3);


  background-color: transparent


}





.card-options .btn-option:hover, .card-options.show .btn-option:focus, .profile-sidebar .profile-name button:hover, .profile-sidebar .profile-name.show button {


  background-color: rgba(0, 0, 0, .08);


  color: rgba(0, 0, 0, .8)


}





.main-menu li.header, .profile-name .dropdown-menu .dropdown-item .icon, .status-card .dropdown-menu .dropdown-item .icon {


  color: rgba(0, 0, 0, .4)


}





.profile-sidebar .profile-title {


  color: rgba(0, 0, 0, .4);


  font-size: 13px


}





.profile-name .dropdown-menu {


  border: 1px solid rgba(0, 0, 0, .15);


  padding: 0;


  width: 120px;


  right: 40% !important


}





.profile-name .dropdown-menu .dropdown-item, .status-card .dropdown-menu .dropdown-item {


  box-sizing: border-box;


  font-size: 14px;


  padding: 8px 12px


}





.main-menu {


  padding: 0;


  list-style: none


}





.main-menu li.header {


  padding: 21px 20px 7px;


  text-transform: uppercase;


  font-size: 12px;


  font-weight: 700


}





.main-menu li a {


  display: block;


  padding: 7px 20px;


  color: rgba(0, 0, 0, .7);


  font-weight: 500


}





.main-menu li .show .active a, .main-menu li a:hover, .main-menu li>a.pr-mn:not(.collapsed) {


  text-decoration: none;


  color: rgba(0, 0, 0, 1)


}





.main-menu li a:hover .icon, .main-menu li>a.pr-mn:not(.collapsed) .icon {


  color: #e8233f


}





.main-menu li a.pr-mn:after {


  float: right;


  content: "\e64b";


  font-size: 10px;


  line-height: 25px;


  color: rgba(0, 0, 0, .35)


}





.main-menu li a.pr-mn.collapsed:after {


  content: "\e649"


}





.main-menu li a .icon {


  display: inline-block;


  width: 30px;


  color: rgba(0, 0, 0, .35)


}





.main-menu li ul {


  background-color: #e9e9e9;


  border-left: 5px solid #e8233f;


  list-style: none;


  padding: 0


}





.main-menu li ul li a {


  padding: 6px 20px 6px 47px;


  font-size: 14px;


  font-weight: 400;


  color: rgba(0, 0, 0, .6)


}





#page-header {


  position: fixed;


  z-index: 999


}





.pageheader {


  background-color: #e8233f;


  width: 100%;


  height: 65px;


  margin-left: 240px


}





.pageheader-off {


  margin-left: 0


}





#page-header .content-header-container {


  padding: 10px 30px


}





.pageheader .content-header {


  width: calc(100% - 240px);


  margin: 0;


  color: #fff;


  position: relative


}





.pageheader-off .content-header {


  width: 1066px;


  margin: 0 auto;


  color: #fff;


  position: relative


}





.content-header .navbar-header {


  padding: 15px 30px


}





#page-header .content-header .btn-bars {


  float: left;


  color: rgba(255, 255, 255, .7);


  padding: 0;


  margin: 0 10px 0 0;


  width: 32px;


  height: 32px;


  border-radius: 50%;


  background-color: transparent


}





#page-header .content-header .btn-bars:hover {


  background-color: rgba(255, 255, 255, .15);


  color: rgba(255, 255, 255, 1)


}





#page-header .content-header .app-title {


  margin-left: 32px;


  width: calc(100% - 32px);


  font-weight: 500;


  font-size: 20px;


  text-transform: uppercase


}





#page-header .content-header .app-title img {


  height: 100%


}





.content-header .navbar-right {


  position: absolute;


  right: 30px;


  top: 15px;


  flex-direction: row;


  -webkit-flex-direction: row


}





.content-header .mobile-nav {


  position: absolute;


  right: 20px;


  top: 10px


}





.content-header .navbar-nav>li {


  float: left;


  position: relative


}





.content-header .mobile-nav, .content-header .navbar-nav li.dropdown-search .search-btn {


  display: none


}





.content-header .dropdown-toggle:after {


  border: 0;


  margin: 0;


  padding: 0;


  content: none


}





.mobile-nav .btn, .navbar-right .btn {


  padding: 0;


  background-color: transparent;


  width: 32px;


  height: 32px;


  text-align: center;


  border-radius: 50%;


  color: rgba(255, 255, 255, .7);


  margin: 0 1px;


  font-size: 17px;


  position: relative


}





.navbar-right .btn .badge {


  position: absolute;


  top: 0;


  left: 0;


  padding: 0;


  font-size: 73%;


  width: 17px;


  height: 17px;


  line-height: 1.3


}





.navbar-right .btn .badge.badge-pill {


  padding: 0;


  border-radius: 50%


}





.mobile-nav .btn.show, .mobile-nav .btn:hover, .navbar-right .btn-r_sidebar.r_on, .navbar-right .btn:hover, .navbar-right .dropdown.show .btn {


  background-color: rgba(255, 255, 255, .15);


  color: rgba(255, 255, 255, 1)


}





.navbar-right .btn-r_sidebar.r_on:after {


  display: block;


  content: '';


  border: 16px solid transparent;


  border-bottom-color: #fff;


  z-index: 2;


  height: 0;


  width: 0;


  position: absolute;


  left: 0;


  bottom: -22px


}





.dropdown-help .dropdown-menu, .dropdown-notifications .dropdown-menu, .dropdown-search .dropdown-menu {


  padding: 0 !important;


  position: absolute;


  transform: none !important;


  right: -30%;


  top: 150% !important;


  left: auto !important;


  width: 300px !important;


  border-radius: 0;


  border: 1px solid rgba(0, 0, 0, .15)


}





.dropdown-search .dropdown-menu {


  padding: 15px;


  width: 350px


}





.dropdown-help .dropdown-menu:after, .dropdown-notifications .dropdown-menu:after, .dropdown-search .dropdown-menu:after {


  display: block;


  content: '';


  border: 16px solid transparent;


  border-bottom-color: #fff;


  z-index: 2;


  height: 0;


  width: 0;


  position: absolute;


  right: 7px;


  top: -28px


}





.dropdown-help .dropdown-menu .dropdown-header, .dropdown-notifications .dropdown-menu .dropdown-header {


  border-bottom: 1px solid #eee;


  font-weight: 500;


  color: rgba(0, 0, 0, .9)


}





.notification-list {


  max-height: 200px;


  height: 200px;


  min-height: 1px


}





.notification-list .list-group-item {


  border-left: 0;


  border-right: 0;


  border-bottom: 1px solid #eee;


  font-size: 14px;


  line-height: 1.2;


  width: 100% !important;


  box-sizing: border-box


}





.notification-list .list-group-item.active {


  border-top: 0;


  border-bottom: 0


}





.notification-list .list-group-item.active, .notification-list .list-group-item.active:focus, .notification-list .list-group-item.active:hover {


  color: rgba(0, 0, 0, .75);


  background-color: rgba(0, 0, 0, .03)


}





.notification-list .list-group-item.active:focus, .notification-list .list-group-item.active:hover {


  border-top: 0


}





.notification-list .list-group-item-action:focus, .notification-list .list-group-item-action:hover {


  color: #495057;


  text-decoration: none;


  background-color: rgba(0, 0, 0, .03);


  border-top: 1px solid #eee


}





.notification-list .list-group-item:first-child {


  border-top-left-radius: 0;


  border-top-right-radius: 0


}





.notification-list .list-group-item:last-child {


  border-bottom-left-radius: 0;


  border-bottom-right-radius: 0


}





.notification-list a .notif-icon {


  float: left;


  border-radius: 50%;


  width: 33px;


  height: 33px;


  overflow: hidden;


  text-align: center;


  color: #fff;


  line-height: 2.3


}





.notification-list a .notif-icon img {


  width: 100%


}





.notification-list a .notif-info {


  width: calc(100% - 65px);


  margin-left: 50px


}





.notification-list a .read, .notification-list a .unread {


  position: absolute;


  top: 20px;


  right: 20px;


  width: 7px;


  height: 7px;


  border: 1px solid #046AD6;


  border-radius: 50%


}





.notification-list a .unread {


  background-color: #046AD6


}





.notification-list a .notif-info span {


  display: block;


  color: rgba(0, 0, 0, .4);


  font-size: 12px;


  margin-top: 5px


}





.notification-list a .notif-info strong {


  font-weight: 500


}





.dropdown-help .dropdown-menu .dropdown-footer, .dropdown-notifications .dropdown-menu .dropdown-footer {


  text-align: center;


  background-color: rgba(0, 0, 0, .09)


}





.dropdown-help .dropdown-menu .dropdown-footer a, .dropdown-notifications .dropdown-menu .dropdown-footer a {


  display: block;


  padding: 7px 10px;


  font-weight: 500;


  text-decoration: none


}





.dropdown-help .help-list {


  list-style: none;


  padding: 0


}





.dropdown-help .help-list>li {


  border-bottom: 1px solid #eee


}





.dropdown-help .help-list>li>a {


  display: block;


  padding: .75rem 1.25rem;


  color: rgba(0, 0, 0, .8);


  font-weight: 500;


  text-decoration: none


}





.dropdown-help .help-list>li>a span {


  display: inline-block;


  width: 35px;


  color: rgba(0, 0, 0, .4)


}





.help-list li a.pr-help:after {


  float: right;


  content: "\e648";


  font-size: 10px;


  line-height: 2.3;


  color: rgba(0, 0, 0, .35)


}





.help-list li a.pr-help.collapsed:after {


  content: "\e64b"


}





.dropdown-help .help-list>li>ul {


  background-color: #eee;


  padding: 0;


  list-style: none;


  line-height: 1.3


}





.dropdown-help .help-list>li>ul li {


  padding: .55rem 1.25rem;


  font-size: 14px;


  border-bottom: 1px solid #ddd


}





.dropdown-help .help-list>li>ul .icon {


  display: block;


  float: left;


  width: 35px;


  color: rgba(0, 0, 0, .4);


  line-height: 1.8


}





.dropdown-help .help-list>li>ul .ctn-info {


  margin-left: 35px;


  width: calc(100% - 35px)


}





.dropdown-search .dropdown-search-container {


  padding: 10px !important


}





.search-container, .search-expand-container {


  background-color: rgba(255, 255, 255, .3);


  border-radius: 15px;


  margin-right: 15px


}





.search-container {


  background-color: rgba(0, 0, 0, .1);


  border: 1px solid rgba(0, 0, 0, .2)


}





.search-container span, .search-expand-container span {


  display: inline-block;


  width: 30px;


  text-align: right;


  font-size: 12px;


  color: rgba(255, 255, 255, .8) !important


}





.search-container span {


  color: rgba(0, 0, 0, .8) !important


}





.search-container input, input.expand-search {


  background: 0 0;


  border: 0 !important;


  padding: 5px 15px 5px 5px;


  font-size: 14px;


  width: 100px;


  transition: all ease .3s


}





#right-sidebar, #right-sidebar .content-wrapper .close-btn {


  border-left: 1px solid rgba(0, 0, 0, .15);


  background-color: #fff


}





.search-container input {


  width: calc(100% - 40px)


}





input.expand-search::-webkit-input-placeholder {


  color: rgba(255, 255, 255, .8) !important


}





input.expand-search:-moz-placeholder {


  color: rgba(255, 255, 255, .8) !important


}





input.expand-search::-moz-placeholder {


  color: rgba(255, 255, 255, .8) !important


}





input.expand-search:-ms-input-placeholder {


  color: rgba(255, 255, 255, .8) !important


}





input.expand-search.open-search {


  width: 300px;


  -webkit-transition: all ease .3s;


  -moz-transition: all ease .3s;


  transition: all ease .3s


}





input.expand-search[type=date]:focus:not([readonly]), input.expand-search[type=datetime-local]:focus:not([readonly]), input.expand-search[type=email]:focus:not([readonly]), input.expand-search[type=number]:focus:not([readonly]), input.expand-search[type=password]:focus:not([readonly]), input.expand-search[type=search]:focus:not([readonly]), input.expand-search[type=tel]:focus:not([readonly]), input.expand-search[type=text]:focus:not([readonly]), input.expand-search[type=time]:focus:not([readonly]), input.expand-search[type=url]:focus:not([readonly]) {


  border-bottom: none !important;


  box-shadow: none !important


}





#right-sidebar {


  position: fixed;


  width: 250px;


  right: 0;


  top: 0;


  z-index: 990;


  height: 100%;


  padding-top: 65px;


  -webkit-transition: all ease .2s;


  -moz-transition: all ease .2s;


  transition: all ease .2s


}





.r_sidebar {


  display: none


}





.r_sidebar-on {


  display: block


}





#right-sidebar .content-wrapper {


  position: relative;


  height: 100%


}





#right-sidebar .content-wrapper .close-btn {


  position: absolute;


  left: -22px;


  top: 3px;


  display: block;


  width: 22px;


  height: 22px;


  text-align: center;


  line-height: 1.7;


  color: rgba(0, 0, 0, .5);


  text-decoration: none;


  font-size: 12px;


  border-top: 1px solid rgba(0, 0, 0, .15);


  border-bottom: 1px solid rgba(0, 0, 0, .15)


}





#right-sidebar .nav-tabs .nav-item {


  margin-bottom: 0


}





#right-sidebar .nav-tabs .nav-item.show .nav-link, #right-sidebar .nav-tabs .nav-link.active {


  color: rgba(0, 0, 0, .8);


  font-weight: 500;


  background-color: #fff;


  border-color: transparent


}





#right-sidebar .nav-tabs .nav-link {


  border: 0;


  border-top-left-radius: 0;


  border-top-right-radius: 0;


  color: rgba(0, 0, 0, .4)


}





#right-sidebar .nav-tabs .nav-link:focus, #right-sidebar .nav-tabs .nav-link:hover {


  border-color: transparent


}





#right-sidebar .tab-content.sidebar-wrapper {


  position: relative;


  max-height: calc(100% - 40px);


  height: calc(100% - 40px);


  min-height: 1px;


  overflow-y: none;


  padding: 0 20px


}





#right-sidebar .tab-content .today-date {


  text-align: center;


  margin: 20px 0 40px;


  font-size: 22px;


  font-weight: 300


}





#right-sidebar .tab-content .today-date .strong {


  font-weight: 500


}





#right-sidebar .tab-content .today-date #prDay {


  text-align: center;


  display: block;


  font-size: 13px;


  font-weight: 500


}





#right-sidebar .tab-content .block-tab {


  padding: 10px 0;


  border-top: 1px solid #ddd


}





#right-sidebar .tab-content .block-tab .block-title {


  text-transform: uppercase;


  font-size: 13px;


  font-weight: 700;


  margin-bottom: 10px;


  color: rgba(0, 0, 0, .4)


}





#right-sidebar .tab-content .schedule-list li {


  padding: 10px 0;


  position: relative


}





#right-sidebar .tab-content .schedule-list li:not(:last-child):before {


  position: absolute;


  content: '';


  left: 48px;


  top: 25px;


  width: 1px;


  height: calc(100% - 5px);


  background-color: #efefef


}





#right-sidebar .tab-content .schedule-list li .time {


  float: left;


  width: 35px;


  font-size: 13px;


  text-align: right;


  color: #777


}





#right-sidebar .tab-content .schedule-list li .time span {


  display: block;


  font-size: 11px;


  color: #bbb


}





#right-sidebar .tab-content .schedule-list li .point {


  float: left;


  width: 8px;


  height: 8px;


  background-color: #efefef;


  border-radius: 50%;


  margin-top: 7px;


  margin-left: 10px


}





#right-sidebar .tab-content .schedule-list li:hover .point {


  background-color: #e8233f


}





#right-sidebar .tab-content .schedule-list li .schedule-info {


  margin-left: 60px;


  width: calc(100% - 60px)


}





#right-sidebar .tab-content .schedule-list li .schedule-info .location {


  display: block;


  font-size: 12px;


  color: #999


}





#right-sidebar .tab-content .setting-list li {


  padding: 10px 0;


  position: relative;


  border-bottom: 1px solid #efefef


}





#right-sidebar .tab-content .setting-list li.header {


  border-bottom: 3px solid #efefef;


  text-transform: uppercase;


  font-size: 13px;


  font-weight: 700;


  padding-top: 25px;


  color: rgba(0, 0, 0, .6)


}





#right-sidebar .tab-content .setting-list li .setting-name {


  width: calc(100% - 40px)


}





#right-sidebar .tab-content .setting-list li .switch {


  position: absolute;


  right: 0;


  top: 10px


}





#right-sidebar .tab-content .activity-list li {


  padding: 7px 0;


  border-bottom: 1px solid #efefef


}





#right-sidebar .tab-content .activity-list li .icon {


  float: left;


  width: 30px;


  color: #999


}





#right-sidebar .tab-content .activity-list li .log-info {


  width: calc(100% - 30px);


  margin-left: 30px;


  color: #777


}





#right-sidebar .tab-content .activity-list li .log-info small {


  display: block


}





#main-container {


  overflow-x: hidden;


  min-height: calc(100% - 65px)


}





#main-container .content, #main-container .content-full {


  padding: 96px 30px 30px


}





#main-container .content {


  margin: 0 auto 0 240px;


  width: calc(100% - 240px)


}





#main-container .content-full {


  margin: 0 auto;


  width: 1066px


}





.content-heading {


  margin-bottom: 35px;


  padding-bottom: 15px;


  font-size: 25px;


  color: rgba(0, 0, 0, 1);


  border-bottom: 1px solid #efefef


}





.content-subheading {


  margin-bottom: 20px;


  font-size: 20px;


  color: rgba(0, 0, 0, .8)


}





.parallax-heading {


  width: calc(100% - 240px);


  height: 200px;


  background: url(../images/sydney-225571_1920.jpg) center no-repeat;


  background-size: cover;


  position: relative;


  margin: 65px 0 -55px 240px


}





.parallax-heading.full {


  width: 100%;


  margin-left: 0


}





.parallax-heading .overlay {


  width: 100%;


  height: 100%;


  background-color: rgba(0, 0, 0, .5)


}





.parallax-heading .content-heading {


  position: absolute;


  bottom: 0;


  left: 0;


  color: #fff;


  width: 100%;


  padding: 0;


  margin: 0 30px 30px;


  border: 0;


  font-weight: 500


}





.parallax-heading.full .content-heading {


  left: calc(calc(100% - 1066px)/ 2)


}





.block {


  position: relative;


  background-color: #fff;


  margin-bottom: 30px;


  border: 1px solid #efefef


}





.block .block-content, .block .block-header {


  padding: 12px 15px


}





.block .block-header {


  background-color: #efefef;


  border-bottom: 1px solid #fff;


  font-weight: 500;


  color: rgba(0, 0, 0, .9);


  font-size: 15px


}





.block-header-inside, .card-header-inside {


  font-weight: 700;


  font-size: 12px;


  color: rgba(0, 0, 0, .4);


  text-transform: uppercase


}





.block-header-inside {


  margin-bottom: 20px


}





.card-header-inside {


  margin-bottom: 25px;


  margin-top: -6px


}





.card {


  margin-bottom: 25px


}





.card-options {


  position: absolute;


  right: 0;


  top: 0;


  padding: 11px 20px


}





.card-options .btn-option {


  font-size: 13px;


  font-weight: 400;


  width: 22px;


  height: 22px;


  background-color: transparent;


  border: 0;


  color: rgba(0, 0, 0, .4);


  border-radius: 50%


}





.card-options .dropdown-menu {


  width: 80px !important


}





.refresh-container {


  position: absolute;


  top: 0;


  right: 0;


  background: rgba(200, 200, 200, .25);


  width: 100%;


  height: 100%;


  display: none;


  text-align: center;


  z-index: 4


}





.refresh-spinner {


  padding: 90px;


  color: rgba(0, 0, 0, .4)


}





.grid-example {


  background-color: #D8D5DE;


  border: 1px solid #bbb;


  text-align: center;


  font-size: 1.1rem;


  padding: 10px


}





.vertical_alignment_example .row {


  min-height: 10rem;


  background-color: rgba(255, 0, 0, .1)


}





.card.stats-card {


  position: relative


}





.card.stats-card .stats-icon {


  position: absolute;


  height: 100%;


  top: 0;


  left: 0;


  width: 75px;


  background-color: #efefef;


  font-size: 35px;


  text-align: center;


  color: #aaa;


  line-height: 2.9


}





.card.stats-card .stats-ctn-2, .whatsnew li {


  position: relative


}





.card.stats-card .stats-ctn {


  margin-left: 75px;


  width: calc(100% - 75px);


  padding: 25px 5px;


  text-align: center


}





.card.stats-card .stats-ctn .stats-counter {


  display: block;


  font-size: 33px;


  font-weight: 700;


  line-height: 1


}





.card.stats-card .stats-ctn .desc {


  color: #999


}





.card.stats-card .stats-ctn-2 .icon {


  font-size: 35px;


  color: rgba(0, 0, 0, .2)


}





.card.stats-card .stats-ctn-2 .stats-counter {


  font-size: 33px;


  font-weight: 500;


  line-height: 1.1


}





.card.stats-card .stats-ctn-2 .desc {


  font-size: 13px;


  font-weight: 500;


  color: rgba(0, 0, 0, .4)


}





.table.table-server td, .table.table-server th {


  padding: 7px 0


}





.table.table-server .badge {


  font-size: 65%


}





.current-audience .card, .dev-resource-card .card, .login-stat-card .card, .profile-stats .card, .promoting-task .card, .revenue-composition .card, .server-load .card {


  height: 100%;


  margin-bottom: 0


}





.current-audience, .dev-resource-card, .login-stat-card, .profile-stats, .promoting-task, .revenue-composition, .server-load {


  margin-bottom: 25px


}





.profile-stats .account {


  line-height: 1.1;


  padding-top: 30px;


  margin-left: -10px


}





.profile-stats .account .name {


  font-size: 18px;


  font-weight: 500


}





.profile-stats .account .desc {


  font-size: 13px;


  color: #999


}





.profile-stats .avatar {


  margin: 0 auto;


  width: 100px;


  height: 100px;


  border-radius: 50%;


  overflow: hidden


}





.profile-stats .avatar img {


  width: 100%


}





.profile-stats .login-stat {


  padding: 0;


  list-style: none;


  font-size: 13px


}





.profile-stats .login-stat li {


  padding: 5px 7px


}





.profile-stats .login-stat li:nth-of-type(odd) {


  background-color: #f7f7f7


}





.social-feeds .card {


  margin-bottom: -1px


}





.new-members, .whatsnew {


  list-style: none;


  padding: 0


}





.new-members li, .whatsnew li {


  padding-bottom: 13px;


  margin-bottom: 13px;


  border-bottom: 1px solid #efefef


}





.new-members li .avatar {


  width: 40px;


  height: 40px;


  border-radius: 50%;


  overflow: hidden;


  float: left


}





.new-members li .avatar img {


  width: 100%


}





.new-members li .member-ctn {


  width: calc(100% - 55px);


  margin-left: 55px


}





.new-members li .member-ctn .name {


  font-weight: 500


}





.new-members li .member-ctn .desc {


  display: block;


  font-size: 12px;


  color: #999


}





.whatsnew li .topic {


  color: rgba(0, 0, 0, .8);


  text-decoration: none;


  font-weight: 500


}





.whatsnew li .details {


  color: rgba(0, 0, 0, .7);


  padding-left: 30px;


  position: relative


}





.whatsnew li:after {


  position: absolute;


  right: 0;


  top: 0;


  content: "\e64b";


  font-size: 10px;


  line-height: 2.3;


  color: rgba(0, 0, 0, .35)


}





.chart-display {


  display: flex;


  flex-wrap: wrap


}





.chart-display .chart-side {


  flex: 0 0 75%;


  max-width: 75%;


  border-right: 1px solid #efefef;


  position: relative


}





.chart-display .data-side {


  flex: 0 0 25%;


  max-width: 25%;


  position: relative


}





@media only screen and (max-width:1200px) {


  .chart-display .chart-side {


    flex: 0 0 100%;


    max-width: 100%;


    border-right: 0


  }


  .chart-display .data-side {


    flex: 0 0 100%;


    max-width: 100%


  }


}





.dashboard-scroll-3 {


  max-height: 320px;


  height: 320px;


  min-height: 1px


}





.estimated-earnings .stats-counter {


  font-size: 30px


}





.server-load .card.scrollbar-inner .scroll-element.scroll-x {


  display: none !important


}





.pie-chart-container {


  width: calc(100% + 120px);


  margin-left: -60px;


  overflow: hidden


}





.promoting-tasks .icon {


  padding-top: 5px;


  font-size: 22px;


  color: rgba(0, 0, 0, .4)


}





.promoting-tasks .progress {


  height: 7px


}





.social-count .icon {


  font-size: 45px;


  line-height: 1


}





.social-count .icon.twitter {


  color: #32add6


}





.social-count .icon.facebook {


  color: #4267b2


}





.social-count .icon.youtube {


  color: red


}





.social-count .icon.instagram {


  color: #363636


}





.social-count .count {


  font-size: 18px;


  font-weight: 700


}





.top-10 .avatar {


  width: 40px;


  height: 40px;


  border-radius: 50%


}





.invoice {


  margin: 0 20px;


  padding: 12px 15px


}





.invoice .inv-header {


  margin-bottom: 40px


}





.invoice .inv-header .date {


  display: block;


  font-size: 12px;


  color: #bbb


}





.invoice .inv-header .inv-action {


  text-align: right


}





.btn.btn-circle, .form-container .logo, .not-found, .social-share-btn a {


  text-align: center


}





.invoice .inv-header .inv-action a {


  color: #ccc;


  text-decoration: none;


  display: inline-block;


  margin-left: 10px


}





.invoice .inv-header .inv-action a:hover {


  color: #555


}





.invoice .inv-logo {


  font-size: 35px;


  font-weight: 700


}





.invoice .inv-idd .idd-title {


  font-weight: 500;


  text-decoration: underline;


  font-size: 15px


}





.invoice .inv-idd .address {


  line-height: 1.3


}





.invoice .table tbody {


  border-bottom: 2px solid #efefef


}





.invoice .inv-count {


  font-size: 15px;


  line-height: 1.8;


  font-weight: 500


}





.invoice .inv-count .label {


  text-transform: uppercase


}





.invoice .inv-count .total {


  font-weight: 700;


  font-size: 18px


}





.invoice .inv-note {


  color: #aaa;


  font-size: 12px;


  padding: 15px 0 0;


  border-top: 1px solid #eee;


  border-bottom: 1px solid #eee


}





.invoice .inv-footer .org-name {


  font-weight: 700


}





.invoice .inv-footer .org-phone {


  color: #999


}





#faq-accordion {


  padding: 0 0 0 15px


}





#faq-accordion li {


  padding: 0 0 0 10px


}





#faq-accordion li .faq-question {


  display: block;


  padding: 6px 0;


  font-weight: 700;


  color: rgba(0, 0, 0, .8);


  text-decoration: none


}





#faq-accordion li .faq-question.collapsed {


  font-weight: 500


}





#faq-accordion li .faq-answer {


  background-color: #fff;


  padding: 15px;


  border: 1px solid #efefef


}





.search-result .advance-btn {


  display: inline-block;


  padding: 7px 30px 7px 0;


  color: rgba(0, 0, 0, .8);


  text-decoration: none;


  position: relative


}





.search-result .advance-btn:after {


  display: block;


  content: '';


  border: 5px solid transparent;


  border-top-color: rgba(0, 0, 0, .6);


  height: 0;


  width: 0;


  position: absolute;


  right: 0;


  top: 17px


}





.search-result .advanced-search {


  font-weight: 400;


  padding-top: 8px;


  margin-top: 13px;


  border-top: 1px solid #ddd;


  font-size: 14px


}





.external-searchlist li .name, .search-result .advanced-search .field {


  font-weight: 500


}





.search-result .advanced-search .switch {


  float: left;


  padding-right: 20px


}





.search-result .advanced-search .switch span {


  display: inline-block;


  margin-left: 5px


}





.search-result-list {


  padding: 0;


  list-style: none


}





.search-result-list li {


  border-bottom: 1px solid #efefef;


  padding: 15px 0


}





.search-result-list li .icon {


  float: left;


  width: 45px;


  font-size: 18px


}





.search-result-list li .icon .bullet {


  width: 7px;


  height: 7px;


  border-radius: 50%;


  background-color: #ccc;


  overflow: hidden;


  margin: 5px 0 0 5px


}





.search-result-list li .search-ctn {


  margin-left: 45px;


  width: calc(100% - 45px)


}





.search-result-list li .search-ctn .result-name {


  font-weight: 500;


  color: rgba(0, 0, 0, .8);


  text-decoration: none


}





.search-result-list li .search-ctn .desc {


  font-size: 13px;


  color: #999


}





.external-searchlist {


  padding: 0;


  list-style: none


}





.external-searchlist li {


  padding: 15px 0;


  border-bottom: 1px solid #efefef


}





.external-searchlist li .url {


  font-size: 13px;


  color: #66BB6A;


  margin-bottom: 10px


}





.external-searchlist .desc {


  font-size: 13px;


  color: #999


}





.profile-side {


  border: 1px solid #efefef


}





.profile-side .profile-photo {


  background-color: #fff;


  padding: 20px;


  text-align: center


}





.profile-side .profile-photo .circle {


  border-radius: 50%


}





.profile-side .profile-photo img {


  width: 140px;


  height: auto


}





.profile-side .profile-photo .prof-name {


  margin-top: 12px;


  font-size: 18px;


  line-height: 1.3;


  font-weight: 700


}





.profile-side .profile-photo .prof-title {


  color: #999;


  font-size: 13px


}





.profile-side .profile-body {


  background-color: #efefef;


  padding: 12px


}





.profile-side .profile-body .desc, .profile-side .profile-body .prof-misc {


  font-size: 13px


}





.profile-content .subheading {


  border-bottom: 1px solid #efefef;


  font-weight: 700;


  text-transform: uppercase;


  font-size: 12px;


  padding: 8px 0


}





.activity-log {


  padding: 0;


  list-style: none;


  line-height: 1.3


}





.activity-log li {


  padding: 9px 0


}





.activity-log li .icon {


  display: inline-block;


  float: left;


  width: 35px;


  color: #bbb


}





.activity-log li .activity-info {


  width: calc(100% - 35px);


  margin-left: 35px;


  color: #888


}





.activity-log li .activity-info .acc {


  text-decoration: none;


  color: rgba(0, 0, 0, .8);


  font-weight: 700


}





.activity-log li .activity-info .time {


  display: block;


  font-size: 12px;


  color: #bbb


}





.message-list {


  padding: 0;


  list-style: none


}





.message-list li {


  padding: 10px 0;


  border-bottom: 1px solid #ddd


}





.message-list li:nth-of-type(odd) {


  background-color: rgba(0, 0, 0, .02)


}





.message-list li .check, .message-list li .pic-container, .message-list li .sender {


  float: left


}





.message-list li .check {


  width: 20px


}





.message-list li .pic-container {


  width: 50px


}





.message-list li .pic {


  width: 25px;


  height: 25px;


  border-radius: 50%;


  overflow: hidden;


  margin: 0 auto


}





.message-list li .pic img {


  width: 100%


}





.message-list li .sender {


  width: 140px;


  font-weight: 500


}





.message-list li .title {


  margin-left: 270px;


  width: calc(100% - 270px)


}





.status-card.shadow {


  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .08), 0 0 3px 0 rgba(0, 0, 0, .06)


}





.status-card.create-status .card-header {


  background-color: #efefef;


  padding: 0;


  border-bottom: 0


}





.status-card.create-status .card-body {


  padding: 0


}





.status-card.create-status .card-body .form-group, .status-card.create-status .card-body textarea {


  width: 100%;


  height: 100px;


  border: 0;


  padding: 20px


}





.status-card.create-status .btn-option {


  font-size: 13px;


  font-weight: 400;


  width: 22px;


  height: 22px;


  background-color: transparent;


  border: 0;


  color: rgba(0, 0, 0, .4);


  border-radius: 50%


}





.status-card .card-header {


  background-color: transparent


}





.status-card .card-body {


  padding-top: 5px;


  padding-bottom: 5px


}





.status-card .card-header .avatar {


  float: left;


  width: 40px;


  height: 40px;


  border-radius: 50%;


  overflow: hidden


}





.status-card .card-header .avatar img {


  width: 100%


}





.status-card .card-header .header-info {


  margin-left: 60px;


  width: calc(100% - 60px)


}





.status-card .card-header .header-info .time {


  display: block;


  font-size: 11px;


  color: #999;


  font-weight: 400


}





#fontAwesome .title, #themifyIcons .title, .dataTables_wrapper tr.group, .dataTables_wrapper tr.group:hover {


  font-weight: 700


}





.status-card .card-body .social-nav {


  margin-top: 15px


}





.status-card .social-nav a {


  font-size: 20px;


  text-decoration: none;


  margin-right: 20px;


  position: relative


}





.status-card .social-nav a.like {


  color: #28a745


}





.status-card .social-nav a.dislike {


  color: #868e96


}





.status-card .social-nav a.love {


  color: #dc3545


}





.status-card .social-nav a .count {


  position: absolute;


  left: 90%;


  top: 3px;


  font-size: 14px;


  display: inline-block;


  margin-left: 3px


}





.status-card .comment-form {


  padding: 10px 20px


}





.status-card .comment-list {


  margin: 0


}





.status-card .comment-list li {


  padding: 10px 20px;


  border-top: 1px solid #ddd


}





.status-card .comment-list img {


  width: 35px;


  height: 35px


}





.status-card .comment-list .time {


  color: #999;


  display: block


}





.themify-icon {


  padding: 6px 0;


  font-size: 110%;


  color: #bbb


}





.themify-icon span {


  display: inline-block;


  margin-right: 10px;


  color: rgba(0, 0, 0, .8)


}





.fontawesome-icon-list div {


  padding-bottom: 3px;


  padding-top: 3px


}





.fontawesome-icon-list .fa {


  display: inline-block;


  width: 23px


}





.form-container {


  margin: auto;


  width: 420px


}





.login-box {


  background-color: #fff;


  border-top: 5px solid #e8233f;


  border-bottom: 1px solid #efefef;


  border-left: 1px solid #efefef;


  border-right: 1px solid #efefef;


  border-top-left-radius: 10px;


  border-top-right-radius: 10px;


  padding: 30px 50px


}





.login-box.lock-screen {


  background-color: rgba(255, 255, 255, .9)


}





.lock-form-header .thumb {


  width: 100px;


  height: 100px;


  border-radius: 50%;


  overflow: hidden;


  margin: 0 auto


}





.lock-form-header .thumb img {


  width: 100%


}





.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_processing {


  color: #999;


  font-size: 13px


}





.dataTables_length select, .dataTables_wrapper .dataTables_filter input {


  line-height: 1.1;


  margin-left: .5em;


  padding: .5rem .75rem;


  color: #495057;


  background-color: #fff;


  background-image: none;


  background-clip: padding-box;


  border: 1px solid rgba(0, 0, 0, .15);


  border-radius: .25rem;


  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s


}





.dataTables_length select:focus, .dataTables_wrapper .dataTables_filter input:focus {


  border-color: #f04848


}





.dataTables_length select {


  margin-left: 0


}





.dataTables_wrapper .dataTables_paginate .paginate_button {


  border: 1px solid #efefef;


  margin-left: -1px;


  border-radius: 0


}





.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {


  background: #ea2b40 !important;


  color: #fff !important;


  border: 1px solid #ea2b40 !important


}





.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {


  border: 1px solid #efefef !important;


  color: rgba(0, 0, 0, .4) !important


}





.dataTables_wrapper .dataTables_paginate .paginate_button:hover {


  border: 1px solid #efefef !important;


  background: #efefef !important;


  color: #333 !important


}





.not-found {


  width: 420px;


  background-color: #efefef;


  margin: auto;


  padding: 30px 50px


}





.not-found .pg-code {


  font-size: 8em;


  color: #ddd;


  font-weight: 700


}





.not-found .pg-desc {


  font-size: 18px;


  color: #444


}





.not-found p {


  margin: 0;


  color: rgba(0, 0, 0, .6)


}





.blog-item .thumb {


  height: 250px;


  overflow: hidden


}





.blog-item .thumb img {


  width: 100%


}





.blog-item .thumb a {


  display: inline-block;


  transition: opacity .25s ease-out, -webkit-transform .25s ease-out;


  transition: transform .25s ease-out, opacity .25s ease-out;


  transition: transform .25s ease-out, opacity .25s ease-out, -webkit-transform .25s ease-out;


  opacity: .9


}





.blog-item .thumb a:hover {


  -webkit-transform: scale(1.04);


  transform: scale(1.04);


  opacity: 1


}





.blog-item .entry-header {


  margin-bottom: 15px


}





.blog-item .entry-header .title {


  font-size: 20px;


  margin: 0 0 3px


}





.blog-item .entry-header .title a {


  color: rgba(0, 0, 0, .9)


}





.blog-item .entry-header .entry-meta {


  color: #999;


  font-size: 12px


}





.blog-item .entry-footer .read-more {


  color: rgba(0, 0, 0, .8);


  font-weight: 500


}





.blog-item .entry-footer .read-more:hover, .blog-item .entry-header .title a:hover, .blog-popular-list .ctn-side .title a:hover {


  text-decoration: none;


  color: #007bff


}





.blog-item .entry-footer .footer-meta .meta-section .icon {


  float: left;


  width: 20px;


  color: rgba(0, 0, 0, .2)


}





.blog-item .entry-footer .footer-meta .meta-section .cat, .blog-item .entry-footer .footer-meta .meta-section .tags {


  width: calc(100% - 30px);


  margin-left: 30px


}





.blog-item .entry-footer .footer-meta .meta-section .cat a {


  color: rgba(0, 0, 0, .8);


  font-weight: 500


}





.social-share-btn a {


  display: inline-block;


  width: 30px;


  height: 30px;


  color: #fff;


  font-size: 18px;


  line-height: 1.7;


  border-radius: 50%


}





.social-share-btn a.fb {


  background-color: rgba(59, 89, 152, .8)


}





.social-share-btn a.fb:hover {


  background-color: rgba(59, 89, 152, 1)


}





.social-share-btn a.tw {


  background-color: rgba(85, 172, 238, .8)


}





.social-share-btn a.tw:hover {


  background-color: rgba(85, 172, 238, 1)


}





.social-share-btn a.gplus {


  background-color: rgba(219, 68, 55, .8)


}





.social-share-btn a.gplus:hover {


  background-color: rgba(219, 68, 55, 1)


}





.blog-author .avatar {


  float: left;


  width: 100px;


  height: 100px;


  border-radius: 50%;


  overflow: hidden


}





.blog-author .avatar img {


  width: 100%


}





.blog-author .author-info {


  width: calc(100% - 120px);


  margin-left: 120px


}





.blog-author .author-info .name {


  margin: 0 0 5px;


  font-size: 18px;


  font-weight: 500


}





.blog-comment-list .header {


  font-weight: 500;


  padding: 10px 0;


  border-bottom: 1px solid #ddd


}





.blog-comment-list ol li {


  padding: 10px 0;


  border-bottom: 1px solid #efefef


}





.blog-comment-list ol li .avatar {


  float: left;


  width: 60px;


  height: 60px;


  border-radius: 50%;


  overflow: hidden


}





.blog-comment-list ol li .avatar img {


  width: 100%


}





.blog-comment-list ol li .comment-side {


  width: calc(100% - 75px);


  margin-left: 75px


}





.blog-comment-list ol li .comment-side .name {


  font-size: 14px;


  font-weight: 500;


  margin: 0 0 3px


}





.blog-comment-list ol li .comment-side .meta {


  font-size: 11px;


  color: #999


}





.blog-comment-list ol li .comment-side p {


  margin: 0


}





.blog-comment-list ol li>ol {


  padding: 10px 0 0 60px;


  border-top: 1px solid #efefef;


  margin-top: 10px


}





.blog-comment-list ol li>ol li:last-child {


  border-bottom: 0


}





.blog-popular-list {


  margin: 0


}





.blog-popular-list li {


  border-bottom: 1px solid #efefef;


  padding: 10px 0;


  min-height: 60px


}





.blog-popular-list li:first-child {


  padding: 0 0 10px


}





.blog-popular-list li:last-child {


  border-bottom: 0


}





.blog-cat-widget li, .ecom-cat-menu.main-menu li a, .ecom-cat-menu.main-menu li ul {


  border-bottom: 1px solid #efefef


}





.blog-popular-list .thumb {


  float: left;


  width: 65px;


  max-height: 65px;


  overflow: hidden;


  margin-top: 4px


}





.blog-popular-list .thumb img {


  width: 100%


}





.blog-popular-list .ctn-side {


  margin-left: 80px;


  width: calc(100% - 80px)


}





.blog-popular-list .ctn-side .title {


  line-height: 1.3


}





.blog-popular-list .ctn-side .title a {


  color: rgba(0, 0, 0, .8)


}





.blog-popular-list .ctn-side .meta {


  color: #999;


  font-size: 12px


}





.blog-cat-widget {


  padding: 0;


  margin: 0


}





.blog-cat-widget li {


  vertical-align: text-top;


  display: inline-block;


  width: 100%


}





.blog-cat-widget li a {


  display: block;


  padding: 8px 0;


  color: rgba(0, 0, 0, .8);


  text-decoration: none


}





.blog-item .entry-footer .footer-meta .meta-section .tags a, .blog-tags-widget a {


  display: inline-block;


  border: 1px solid #efefef;


  padding: 5px 10px;


  color: rgba(0, 0, 0, .8);


  margin: 0 1px 4px 0;


  text-decoration: none


}





.blog-item .entry-footer .footer-meta .meta-section .tags a:hover, .blog-tags-widget a:hover {


  background-color: #efefef


}





.ecom-cat-menu.main-menu {


  margin: 0


}





.ecom-cat-menu.main-menu li ul {


  background-color: transparent;


  border-left: 0


}





.ecom-cat-menu.main-menu li ul li a {


  border-bottom: 0;


  padding: 6px 20px 6px 52px


}





.ecom-product-list .card-header {


  background-color: transparent;


  font-weight: 400;


  border-bottom: 1px solid #efefef


}





.ecom-product-list .card-header .plist-nav .sort-by.form-control {


  display: inline-block;


  width: auto


}





.ecom-product-list ol li {


  border-bottom: 1px solid #efefef;


  padding: 15px 0


}





.ecom-product-list ol li:first-child {


  padding: 0 0 15px


}





.ecom-product-list ol li .p-thumb {


  float: left;


  width: 150px


}





.ecom-product-list ol li .p-thumb img {


  width: 100%


}





.ecom-product-list ol li .p-info {


  margin-left: 175px;


  width: calc(100% - 175px)


}





.ecom-product-list ol li .p-info .p-name {


  font-size: 15px;


  font-weight: 500;


  margin: 0 0 5px


}





.ecom-rating {


  font-size: 12px;


  color: #ccc


}





.ecom-rating i.fa.active {


  color: #EBE305


}





.ecom-product-list ol li .p-info .desc {


  margin: 10px 0 0


}





.ecom-price {


  font-size: 16px;


  color: #f90;


  font-weight: 500


}





.product-slider, .slider-nav {


  margin: 0;


  padding: 0;


  list-style: none


}





.product-slider .slick-dots button img, .product-slider li img {


  width: 100%;


  height: auto


}





.slider-nav {


  border: 1px solid #efefef;


  padding: 10px


}





.slider-nav .slick-slide img {


  width: 100%


}





.slider-nav .slick-slide {


  opacity: .5;


  border: 2px solid transparent


}





.slider-nav .slick-slide.slick-current {


  opacity: 1;


  border: 2px solid #e8233f


}





.ecom-grid-item .card-img-top, .ecom-product-detail .det-section, .ecom-review {


  border-bottom: 1px solid #efefef


}





.ecom-product-detail .qty-text {


  float: left;


  display: block


}





.ecom-product-detail .qty.form-control {


  margin-left: 40px;


  width: calc(100% - 40px)


}





.ecom-grid-item .product-title a, .ecom-product-list ol li .p-info .p-name a {


  color: rgba(0, 0, 0, .8);


  font-weight: 500


}





.ecom-grid-item .product-title a:hover, .ecom-product-list ol li .p-info .p-name a:hover {


  text-decoration: none;


  color: #007bff


}





.ecom-review {


  padding: 10px 0


}





.ecom-review .name {


  font-weight: 500;


  margin-top: 3px


}





.sidenav .sidebar-wrapper>.scroll-element, .sidenav .sidebar-wrapper>.scroll-element div {


  background: 0 0;


  border: none;


  margin: 0;


  padding: 0;


  position: absolute;


  z-index: 10


}





.sidenav .sidebar-wrapper>.scroll-element div {


  display: block;


  height: 100%;


  left: 0;


  top: 0;


  width: 100%


}





.sidenav .sidebar-wrapper>.scroll-element .scroll-element_track {


  display: none


}





.sidenav .sidebar-wrapper>.scroll-element .scroll-bar {


  background-color: #999;


  display: block;


  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";


  filter: alpha(opacity=0);


  opacity: 0;


  -webkit-border-radius: 0;


  -moz-border-radius: 0;


  border-radius: 0;


  -webkit-transition: opacity .2s linear;


  -moz-transition: opacity .2s linear;


  -o-transition: opacity .2s linear;


  -ms-transition: opacity .2s linear;


  transition: opacity .2s linear


}





.sidenav .sidebar-wrapper:hover>.scroll-element .scroll-bar, .sidenav .sidebar-wrapper>.scroll-element.scroll-draggable .scroll-bar {


  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";


  filter: alpha(opacity=70);


  opacity: .7


}





.sidenav .sidebar-wrapper>.scroll-element.scroll-x {


  bottom: 0;


  height: 0;


  left: 0;


  min-width: 100%;


  overflow: visible;


  width: 100%


}





.sidenav .sidebar-wrapper>.scroll-element.scroll-y {


  height: 100%;


  min-height: 100%;


  right: 0;


  top: 0;


  width: 0


}





.sidenav .sidebar-wrapper>.scroll-element.scroll-x .scroll-bar {


  height: 7px;


  min-width: 10px;


  top: -9px


}





.sidenav .sidebar-wrapper>.scroll-element.scroll-y .scroll-bar {


  left: -7px;


  min-height: 10px;


  width: 7px


}





.sidenav .sidebar-wrapper>.scroll-element.scroll-x .scroll-element_outer {


  left: 2px


}





.sidenav .sidebar-wrapper>.scroll-element.scroll-x .scroll-element_size {


  left: -4px


}





.sidenav .sidebar-wrapper>.scroll-element.scroll-y .scroll-element_outer {


  top: 0


}





.sidenav .sidebar-wrapper>.scroll-element.scroll-y .scroll-element_size {


  top: -4px


}





.sidenav .sidebar-wrapper>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {


  left: -11px


}





.sidenav .sidebar-wrapper>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {


  top: -11px


}





label {


  margin-bottom: .3rem;


  font-weight: 500


}





.btn {


  font-weight: 500;


  border: 1px solid transparent;


  font-size: 14px;


  line-height: 1.1


}





.btn-group-lg>.btn, .btn-lg {


  font-size: 1.25rem;


  line-height: 1.1;


  border-radius: .3rem


}





.btn-group-sm>.btn, .btn-sm {


  font-size: .75rem;


  line-height: 1.5;


  border-radius: .2rem


}





.btn-rounded {


  border-radius: 50px !important


}





.btn-square {


  border-radius: 0 !important


}





.btn-alt-primary {


  color: #fff;


  background-color: #ea2b40;


  border-color: #ea2b40


}





.btn-alt-primary:hover {


  color: #fff;


  background-color: #e8233f;


  border-color: #e8233f


}





.btn-alt-outline-primary {


  color: #e8233f;


  background-color: transparent;


  border-color: #e8233f


}





.btn-alt-outline-primary:hover {


  color: #fff;


  background-color: #e8233f;


  border-color: #e8233f


}





.btn-secondary {


  background-color: #eee;


  border-color: #eee;


  color: #444


}





.btn-secondary:hover {


  background-color: #ddd;


  border-color: #ddd;


  color: #444


}





.btn-secondary.disabled, .btn-secondary:disabled {


  background-color: #eee;


  border-color: #eee


}





.btn-alt-primary.disabled, .btn-alt-primary:disabled {


  background-color: #ea2b40;


  border-color: #ea2b40


}





.btn-success {


  background-color: #4CAF50;


  border-color: #4CAF50


}





.btn-danger {


  background-color: #C62828;


  border-color: #C62828


}





.btn-warning {


  color: #fff


}





.btn-outline-primary {


  border-color: #007bff


}





.btn-outline-secondary {


  border-color: #ddd


}





.btn-outline-success {


  border-color: #28a745


}





.btn-outline-info {


  border-color: #17a2b8


}





.btn-outline-warning {


  border-color: #ffc107


}





.btn-outline-danger {


  border-color: #dc3545


}





.btn-outline-light {


  color: #868e96;


  border-color: #f8f9fa


}





.btn-outline-dark {


  border-color: #343a40


}





.btn-alt-primary.active, .btn-alt-primary:active, .show>.btn-primary.dropdown-toggle {


  background-color: #e8233f;


  background-image: none;


  border-color: #e8233f


}





.btn.btn-circle {


  padding: 9px 0;


  line-height: 1;


  min-width: 34px;


  height: 34px;


  border-radius: 50% !important


}





.btn-group-sm>.btn.btn-circle, .btn.btn-circle.btn-sm {


  padding: 6px 0;


  line-height: 1;


  border-radius: inherit;


  min-width: 28px;


  height: 28px


}





.btn-group-lg>.btn.btn-circle, .btn.btn-circle.btn-lg {


  padding: 8px 0;


  line-height: .8;


  border-radius: inherit;


  min-width: 40px;


  height: 40px


}





.list-group-item {


  border: 1px solid rgba(0, 0, 0, .08)


}





.list-group-item.disabled, .list-group-item:disabled {


  color: rgba(0, 0, 0, .3)


}





.list-group-item.active {


  background-color: #ea2b40;


  border-color: #ea2b40


}





.table-striped tbody tr:nth-of-type(odd) {


  background-color: rgba(0, 0, 0, .02)


}





.table-hover tbody tr:hover {


  background-color: rgba(0, 0, 0, .035)


}





.card-footer, .card-header {


  background-color: rgba(0, 0, 0, .063)


}





.card {


  border: 1px solid rgba(0, 0, 0, .063);


  border-radius: 0


}





.card-footer:last-child, .card-header:first-child, .card-img {


  border-radius: 0


}





.card-header {


  font-weight: 500;


  color: rgba(0, 0, 0, .9);


  border-bottom: 1px solid transparent


}





.card-body {


  padding: 20px


}





.card-img-top {


  border-top-left-radius: 0;


  border-top-right-radius: 0


}





.card-footer {


  border-top: 0


}





.card-header .pr-collapse {


  color: rgba(0, 0, 0, .9);


  display: block


}





.form-control {


  font-size: 14px;


  line-height: 1.1


}





.form-control:focus {


  border-color: #f04848


}





.form-control::-webkit-input-placeholder {


  color: #ccc;


  opacity: 1


}





.form-control:-ms-input-placeholder {


  color: #ccc;


  opacity: 1


}





.form-control::placeholder {


  color: #ccc;


  opacity: 1


}





.form-control:disabled, .form-control[readonly] {


  background-color: #f4f4f4


}





.form-control-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {


  font-size: 13px


}





.form-control-lg, .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {


  font-size: 16px


}





.input-group-addon {


  font-size: 14px;


  background-color: #efefef


}





.dropdown-menu {


  border: 1px solid #eee;


  border-radius: 0


}





.nav-tabs {


  padding: 0 10px


}





.nav-tabs .nav-link {


  color: rgba(0, 0, 0, .6);


  border: 1px solid transparent;


  border-top-left-radius: 0;


  border-top-right-radius: 0


}





.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {


  border-color: transparent


}





.nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {


  border-color: #ddd #ddd #fff


}





.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {


  color: rgba(0, 0, 0, .8);


  font-weight: 500


}





.nav-pills .nav-link.active, .show>.nav-pills .nav-link {


  background-color: #ea2b40


}





.nav-tabs.block-header, .nav-tabs.card-header {


  padding: 10px 5px 0;


  border-bottom: 1px solid #ddd


}





.nav-pills.block-header .nav-link, .nav-tabs.block-header .nav-link {


  color: rgba(0, 0, 0, .4)


}





.nav-tabs.block-header .nav-item.show .nav-link, .nav-tabs.block-header .nav-link.active {


  color: rgba(0, 0, 0, .8)


}





.nav-pills.block-header, .nav-pills.card-header {


  padding: 5px 10px


}





.nav-pills.block-header .nav-item.show .nav-link, .nav-pills.block-header .nav-link.active {


  background-color: #fff;


  border: 1px solid #ddd;


  color: rgba(0, 0, 0, .8)


}





.modal-alt .modal-header, .nav-pills.flex-column.card-sidebar {


  background-color: #efefef


}





.modal-content {


  border-radius: 0


}





.modal-alt .modal-header {


  border: 0


}





.modal-danger, .modal-info, .modal-primary, .modal-success, .modal-warning {


  color: #fff


}





.modal-danger .modal-body, .modal-danger .modal-footer, .modal-danger .modal-header, .modal-danger.modal-content, .modal-info .modal-body, .modal-info .modal-footer, .modal-info .modal-header, .modal-info.modal-content, .modal-primary .modal-body, .modal-primary .modal-footer, .modal-primary .modal-header, .modal-primary.modal-content, .modal-success .modal-body, .modal-success .modal-footer, .modal-success .modal-header, .modal-warning .modal-body, .modal-warning .modal-footer, .modal-warning .modal-header, .modal-warning.modal-content {


  border: 0


}





.modal-primary .modal-footer, .modal-primary .modal-header {


  background-color: #0069d9


}





.modal-primary .modal-body {


  background-color: #007bff


}





.modal-danger .modal-footer, .modal-danger .modal-header {


  background-color: #bd2130


}





.modal-danger .modal-body {


  background-color: #C62828


}





.modal-info .modal-footer, .modal-info .modal-header {


  background-color: #138496


}





.modal-info .modal-body {


  background-color: #17a2b8


}





.modal-success .modal-footer, .modal-success .modal-header {


  background-color: #218838


}





.modal-success .modal-body {


  background-color: #4CAF50


}





.modal-warning .modal-footer, .modal-warning .modal-header {


  background-color: #e0a800


}





.modal-warning .modal-body {


  background-color: #ffc107


}





.alert .close {


  font-size: 20px


}





.alert.alert-success .close {


  color: #155724


}





.alert.alert-info .close {


  color: #0c5460


}





.alert.alert-warning .close {


  color: #856404


}





.alert.alert-danger .close {


  color: #721c24


}





.alert.icon-alert {


  background-color: #fff !important;


  padding: 0


}





.alert.icon-alert .icon {


  padding: .75rem 1rem;


  display: inline-block;


  font-size: 23px;


  margin-right: 10px


}





.alert.icon-alert.alert-success .icon {


  background-color: #d4edda


}





.alert.icon-alert.alert-info .icon {


  background-color: #d1ecf1


}





.alert.icon-alert.alert-warning .icon {


  background-color: #fff3cd


}





.alert.icon-alert.alert-danger .icon {


  background-color: #f8d7da


}





.alert.icon-alert.with-arrow .icon {


  position: relative


}





.alert.icon-alert.with-arrow .icon:after {


  display: block;


  content: '';


  border: 10px solid transparent;


  z-index: 2;


  height: 0;


  width: 0;


  position: absolute;


  left: 100%;


  top: 35%


}





.alert.icon-alert.with-arrow.alert-success .icon:after {


  border-left-color: #d4edda


}





.alert.icon-alert.with-arrow.alert-info .icon:after {


  border-left-color: #d1ecf1


}





.alert.icon-alert.with-arrow.alert-warning .icon:after {


  border-left-color: #fff3cd


}





.alert.icon-alert.with-arrow.alert-danger .icon:after {


  border-left-color: #f8d7da


}





.pagination {


  border-radius: 0


}





.page-link {


  border: 1px solid #efefef;


  color: rgba(0, 0, 0, .6)


}





.page-link:focus, .page-link:hover {


  color: rgba(0, 0, 0, .6);


  background-color: #efefef;


  border-color: transparent


}





.page-item.active .page-link {


  background-color: #ea2b40;


  border-color: #ea2b40


}





.page-item.disabled .page-link {


  color: rgba(0, 0, 0, .2);


  border-color: #efefef


}





.pagination .page-item:first-child .page-link, .pagination-lg .page-item:first-child .page-link, .pagination-sm .page-item:first-child .page-link {


  border-top-left-radius: 0;


  border-bottom-left-radius: 0


}





.pagination .page-item:last-child .page-link, .pagination-lg .page-item:last-child .page-link, .pagination-sm .page-item:last-child .page-link {


  border-top-right-radius: 0;


  border-bottom-right-radius: 0


}





.nav-link {


  color: rgba(0, 0, 0, .8);


  font-weight: 500


}





.popover {


  padding: 0;


  border-radius: 0;


  border: 1px solid #ddd


}





#page-footer.pagefooter {


  width: calc(100% - 240px);


  margin-left: 240px


}





#page-footer.pagefooter-full {


  width: 1066px;


  margin: 0 auto


}





#page-footer .content {


  border-top: 1px solid #efefef;


  margin: 0 30px;


  padding: 20px 0;


  font-size: 13px


}





#page-footer .copyright {


  color: #999


}





#page-footer .footer-nav {


  text-align: right


}





#page-footer .footer-nav a {


  display: inline-block;


  margin-left: 10px


}





@media only screen and (max-width:1066px) {


  #main-container .content-full, #page-footer.pagefooter-full, .pageheader .content-header, .pageheader-off .content-header {


    width: 100%


  }


  .parallax-heading {


    width: 100%;


    margin-left: 0


  }


  .parallax-heading.full .content-heading {


    left: 0


  }


}





@media only screen and (max-width:1200px) {


  .profile-stats .account {


    text-align: center;


    padding-top: 10px;


    margin-left: 10px


  }


  .social-feeds {


    margin-bottom: 25px


  }


}





@media only screen and (max-width:992px) {


  .content-header .navbar-nav li.dropdown-search .search-expand-container {


    display: none


  }


  .content-header .navbar-nav li.dropdown-search .search-btn {


    display: inline-block


  }


  .profile-stats .account {


    text-align: center;


    padding-top: 10px;


    margin-left: 0


  }


}





@media only screen and (max-width:768px) {


  .sidenaf-off, .sidenav {


    margin-top: 65px


  }


  .sidenav {


    margin-left: -240px


  }


  .sidenav-off {


    margin-left: 0


  }


  #main-container .content, #main-container .content-full, #page-footer.pagefooter, #page-footer.pagefooter-full, .pageheader, .pageheader-off {


    width: 100%;


    margin-left: 0


  }


}





@media only screen and (max-width:1200px) and (min-width:960px) {


  .card.stats-card .stats-icon {


    width: 50px;


    font-size: 23px;


    line-height: 3.2


  }


  .card.stats-card .stats-ctn {


    margin-left: 50px;


    width: calc(100% - 50px);


    padding: 20px 5px


  }


  .card.stats-card .stats-ctn .stats-counter {


    font-size: 23px;


    line-height: 1


  }


  .card.stats-card .stats-ctn .desc {


    color: #999


  }


  .card.stats-card .stats-ctn-2 .icon {


    font-size: 23px


  }


  .card.stats-card .stats-ctn-2 .stats-counter {


    font-size: 20px


  }


  .card.stats-card .stats-ctn-2 .desc {


    font-size: 11px


  }


}





@media only screen and (max-width:800px) {


  #page-footer .copyright, #page-footer .footer-nav {


    text-align: center


  }


}





@media only screen and (max-width:576px) {


  .parallax-heading, .sidenaf-off, .sidenav {


    margin-top: 57px


  }


  #main-container .content, #main-container .content-full {


    padding: 96px 15px 15px


  }


  .content-header .mobile-nav {


    display: inline-block


  }


  .pageheader {


    height: 57px


  }


  .content-header .navbar-header {


    padding: 10px 20px


  }


  .content-header .navbar-right {


    display: none;


    top: 58px;


    right: 0;


    width: 100%;


    padding: 5px;


    background-color: rgba(86, 61, 124, 1)


  }


  .content-header .navbar-right .rightSidebar {


    float: right


  }


  .dropdown-help .dropdown-menu, .dropdown-notifications .dropdown-menu, .dropdown-search .dropdown-menu {


    right: auto;


    top: 110% !important;


    left: auto !important;


    width: 250px !important


  }


  .dropdown-help .dropdown-menu:after, .dropdown-notifications .dropdown-menu:after, .dropdown-search .dropdown-menu:after {


    right: auto;


    left: 2px;


    top: -28px


  }


  #right-sidebar {


    padding-top: 100px


  }


  .card-header {


    padding: 10px 15px


  }


  .card-body {


    padding: 15px


  }


  .content-heading {


    margin-bottom: 20px;


    padding-bottom: 10px;


    font-size: 20px


  }


  .content-subheading {


    margin-bottom: 15px;


    font-size: 17px;


    color: rgba(0, 0, 0, .8)


  }


}





@media only screen and (max-width:345px) {


  #main-container .content, #main-container .content-full {


    padding: 96px 10px 10px


  }


  .card-body, .card-header {


    padding: 10px


  }


}