@import url(https://fonts.googleapis.com/css?family=Open+Sans:600,700,400,300);
/* Google Font*/
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600,700');
html, body {

  font-family: 'Poppins', sans-serif;
color: #636363;
    letter-spacing: 1px;
  -webkit-font-smoothing: antialiased; }

  @media (max-width: 419px) {

    html, body {

      font-size: 12px; } }



body {
margin: 0;
    color: #212529;
  background: #e7ebee;

  background-size: 220px 220px; }



h1, h2, h3, h4, h5, h6 {

  font-family: 'Poppins', sans-serif;

  font-weight: 300; }



h1 {

  clear: both;

  color: #03a9f4;

  margin: 0 0 20px 0;

  padding-left: 14px;

  font-size: 2em; }



h2 {

  clear: both;

  font-size: 1.8em;

  margin-bottom: 10px;

  padding: 10px 0 10px 30px; }



h3 {

  border-bottom: 2px solid #b0bec5;

  padding-left: 5px;

  margin-bottom: 15px;

  margin-top: 30px;

  font-size: 1.4em; }

  h3 > span {

    border-bottom: 2px solid #b0bec5;

    display: inline-block;

    padding: 0 5px 5px; }



h4 {

  font-size: 1.2em; }



h5 {

  font-size: 1em; }



h6 {

  font-size: 0.875em; }



a {

  color: #03a9f4;

  outline: none !important; }

  a:hover, a:focus {

    color: #03a9f4; }



.container {

  padding-left: 7px;

  padding-right: 8px; }

  @media (max-width: 767px) {

    .container {

      padding-left: 5px;

      padding-right: 5px; } }



.row {

  margin-left: -7px;

  margin-right: -7px; }

  @media (max-width: 767px) {

    .row {

      margin-left: -5px;

      margin-right: -5px; } }



.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

  padding-left: 8px;

  padding-right: 8px; }

  @media (max-width: 767px) {

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

      padding-left: 5px;

      padding-right: 5px; } }



/* new xxs layout for extra small devices */

@media (max-width: 419px) {

  h1 {

    padding-left: 5px;

    font-size: 1.8em; }

  h2 {

    font-size: 1.5em; }

  .hidden-xxs {

    display: none !important; }

  tr.hidden-xxs {

    display: table-row !important; }

  th.hidden-xxs, td.hidden-xxs {

    display: table-cell !important; }

  .visible-xxs {

    display: block !important; }

  tr.visible-xxs {

    display: none !important; }

  th.visible-xxs, td.visible-xxs {

    display: none !important; }

  .breadcrumb {

    padding-left: 6px; } }



#theme-wrapper {

  box-shadow: 0 0 53px 0 rgba(0, 0, 0, 0.55);

  max-width: 1920px; }



#page-wrapper {

  background-color: #1a262b; }



.container {

  margin: 0;

  max-width: 1920px;

  width: 100%; }



#content-wrapper2 {

  background: #e7ebee;

  height: 100%;

  margin-top: 0;

  margin-bottom: 0;

  position: relative;

  margin-left: 240px; }





#content-wrapper {

  background: #e7ebee;

  height: 100%;

  margin-top: 0;

  margin-bottom: 0;

  position: relative;

  padding: 15px 15px 35px 15px;

  margin-left: 240px;

  min-height:1180px;}

  @media (max-width: 991px) {

    #content-wrapper {

      margin-left: 0;

      border-left: 0 !important;

      border-right: 0 !important; }

	  

	      #content-wrapper2 {

      margin-left: 0;

      border-left: 0 !important;

      border-right: 0 !important; } }

  @media (max-width: 767px) {

    #content-wrapper {

      padding: 10px 8px 0 8px; } 

	     #content-wrapper2 {

      padding: 10px 8px 0 8px; }}

  @media (max-width: 419px) {

    #content-wrapper {

      padding: 5px 5px 0 5px; }

	     #content-wrapper2 {

      padding: 5px 5px 0 5px; } 

	  }

  #content-wrapper > .row {

    opacity: 1;

	

    /*transition: opacity 0.8s ease-in-out 0s;*/ }

  #content-wrapper2 > .row {

    opacity: 1;

	

    /*transition: opacity 0.8s ease-in-out 0s;*/ }

#content-header {

  background: #f3f5f6;

  margin: -15px -15px 20px -15px;

  padding: 15px;

  border-bottom: 1px solid #dee4e8; }

  @media (max-width: 767px) {

    #content-header {

      margin: -15px -5px 20px -5px; } }



#content-header h1 {

  margin-bottom: 0;

  font-size: 1.8em; }



.main-box {

  background: #FFFFFF;

  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);

  margin-bottom: 16px;

  /* overflow: hidden; */

  border-radius: 3px;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */ }

  @media (max-width: 767px) {

    .main-box {

      margin-bottom: 10px; } }

  .main-box h2 {

    font-size: 1.3em;

    line-height: 29px;

    margin: 0;

    padding: 0; }

    @media (max-width: 419px) {

      .main-box h2 {

        margin-bottom: 5px; } }

  .main-box.no-header {

    padding-top: 20px; }

  .main-box .main-box-header {

    min-height: 50px;

    padding: 10px 20px; }

    .main-box .main-box-header.with-border {

      border-bottom: 1px solid #ecf0f1; }

  .main-box .main-box-body {

    padding: 0 20px 20px 20px; }



h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {

  padding-left: 8px; }



.navbar-toggle {

  border: medium none;

  font-size: 1.4em;

  height: 50px;

  margin: 0;

  text-shadow: none;

  width: 40px;

  z-index: 100;

  border-radius: 0;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */ }

  .navbar-toggle .icon-bar {

    background: none repeat scroll 0 0 white; }



.nav > li {

  float: left; }



.navbar-nav {

  margin: 0 0 0 10px; }

  .navbar-nav > li > a {

    padding-bottom: 15px;

    padding-top: 15px;

    line-height: 24px; }

  .navbar-nav > li > .dropdown-menu {

    border-radius: 3px;

    background-clip: padding-box;

    /* stops bg color from leaking outside the border: */

    min-width: 223px; }



.dropdown-menu > li > a {

  color: #707070;

  font-size: 0.875em;

  line-height: 1.7;

  padding-left: 35px;

  transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; }

  .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

    background-color: #f6f6f6;

    color: #707070; }

  .dropdown-menu > li > a > i {

    position: absolute;

    margin-left: -18px;

    margin-top: 4px; }



.nav-pills > li {

  float: none; }

  .nav-pills > li > a {

    border-radius: 0;

    background-clip: padding-box;

    /* stops bg color from leaking outside the border: */ }



.navbar > .container .navbar-brand {

  background: #34495e;

  color: #fff;

  font-family: 'Titillium Web',Geneva,sans-serif;

  font-weight: 700;

  width: 220px;

  margin-left: -8px;

  padding: 10px 15px; }

  @media (max-width: 991px) {

    .navbar > .container .navbar-brand {

      background: transparent;

      color: #262626; } }

  @media (max-width: 767px) {

    .navbar > .container .navbar-brand {

      padding-top: 12px;

      padding-top: 12.5px; } }



@media (max-width: 767px) {

  #logo {

    width: 150px;

    padding-left: 0;

    font-size: 1em;

    margin-left: 6px; } }

@media (max-width: 400px) {

  #logo {

    width: auto;

    margin-left: 15px; } }

@media (max-width: 767px) {

  #logo img {

    height: 19px; } }

@media (max-width: 400px) {

  #logo span {

    display: none; } }

#logo.navbar-brand > img {

  margin: 0 auto;

  padding-right: 4px;

  height: 30px; }

  @media (max-width: 767px) {

    #logo.navbar-brand > img {

      height: 25px; } }

@media (min-width: 992px) {

  #logo.navbar-brand > img.normal-logo.logo-white {

    display: block; } 

	#nav-col {

  padding: 0;

  z-index: 100;

  position: absolute;

  background: #1a262b;

  width: 240px;

    min-height:1230px;

 }}

@media (max-width: 991px) {

  #logo.navbar-brand > img.normal-logo.logo-white {

    display: none; } }

@media (min-width: 992px) {

  #logo.navbar-brand > img.normal-logo.logo-black {

    display: none; } 

	#nav-col {

  padding: 0;

  z-index: 100;

  position: absolute;

  background: #1a262b;

  width: 240px;

    min-height:1230px;

 }}

@media (max-width: 991px) {

  #logo.navbar-brand > img.normal-logo.logo-black {

    display: block; } }



#header-navbar {

  background: #fff;

  border: 0 none;

  border-radius: 0;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  margin: 0;

  min-height: 50px;

  color: #262626;

  box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.1);

  position: relative;

  z-index: 99; }

  #header-navbar .navbar-form .form-group {

    position: relative; }

  #header-navbar .navbar-form .form-control {

    background: #131313;

    color: #707070;

    height: 30px;

    line-height: 30px;

    margin-top: 2px;

    font-size: 0.75em; }

	  #header-navbar .navbar-form .form-control2 {

    background: #131313;

    color: #707070;

    height: 40px;

    line-height: 30px;

    margin-top: 2px;

    font-size: 0.75em; }

  #header-navbar .navbar-form .nav-search-icon {

    position: absolute;

    color: #707070;

    right: 6px;

    top: 8px; }

  #header-navbar .nav > li > a {

    height: 50px; }

  #header-navbar .nav > li > a > span.count {

    background: none repeat scroll 0 0 #e84e40;

    border-radius: 50%;

    background-clip: padding-box;

    /* stops bg color from leaking outside the border: */

    color: #fff;

    display: block;

    font-size: 9px;

    height: 14px;

    line-height: 14px;

    position: absolute;

    right: 10px;

    text-align: center;

    top: 11px;

    width: 14px; }

  #header-navbar .profile-dropdown > a {

    padding-top: 8px;

    padding-bottom: 7px;

    line-height: 35px; }

    #header-navbar .profile-dropdown > a > img {

      border-radius: 50%;

      background-clip: padding-box;

      /* stops bg color from leaking outside the border: */

      float: left;

      height: 35px;

      margin-right: 5px;

      width: 35px;

      border: 2px solid #fff; }

    #header-navbar .profile-dropdown > a > span {

      float: left;

      display: block;

      margin-right: 3px;

      font-size: em; }



#header-nav .form-control {

  border-radius: 0;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  border: 0; }



#header-navbar .navbar-left .navbar-nav {

  margin-left: 0; }



#header-navbar .nav > li > a {

  font-size: 0.875em;

  padding-left: 18px;

  padding-right: 18px;

  color: #484848;

  border: none;

  border-radius: 0;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  cursor: pointer; }



#header-navbar .nav > li > a > i, #sidebar-nav .nav > li > a > i {

  font-size: 1.125em; }



#sidebar-nav .nav > li > a:focus, #sidebar-nav .nav .open > a, #sidebar-nav .nav .open > a:focus {

  background: inherit; }



#sidebar-nav .nav > li > a:hover, #sidebar-nav .nav .open > a:hover {

  background: #253443;

  color: #fff;

  outline: none; }



#header-navbar .nav > li > a:hover, #header-navbar .nav > li > a:focus, #header-navbar .nav .open > a, #header-navbar .nav .open > a:hover, #header-navbar .nav .open > a:focus, .navbar-toggle:hover, .navbar-toggle:focus, .mobile-search.active > .btn {

  background: #03a9f4;

  color: #fff; }



#header-navbar .nav > li > a:hover, #header-navbar .nav > li > a:focus, #header-navbar .nav .open > a, #header-navbar .nav .open > a:hover, #header-navbar .nav .open > a:focus {

  background-color: #03a9f4; }



.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, #sidebar-nav .nav-pills > li.active > a, #sidebar-nav .nav-pills > li.active > a:hover, #sidebar-nav .nav-pills > li.active > a:focus, .nav-pills > li.open > a, .nav-pills > li.open > a:hover, .nav-pills > li.open > a:focus, #sidebar-nav .nav-pills > li.open > a, #sidebar-nav .nav-pills > li.open > a:hover, #sidebar-nav .nav-pills > li.open > a:focus, .nav-small #nav-col #sidebar-nav .nav-pills > li.open > a {

  background-color: #3a4549;

  color: #fff;

  border-left-color: #03a9f4; }



#header-navbar .nav > li .caret {

  border-top-color: #fff;

  border-bottom-color: #fff; }



#header-navbar .nav a:hover .caret {

  border-top-color: #fff;

  border-bottom-color: #fff; }



.drowdown-search {

  background: #FFFFFF;

  display: block;

  left: 168px;

  padding: 4px 0;

  position: absolute;

  top: 0;

  transition: left 0.25s ease-out 0s, right 0.25s ease-out 0s;

  width: 0;

  z-index: 1;

  overflow: hidden; }

  @media (max-width: 991px) {

    .drowdown-search {

      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);

      display: block;

      left: 0;

      padding: 10px 0;

      top: 50px;

      width: 100%;

      display: none;

      transition: none; } }

  .drowdown-search form .form-group {

    position: relative;

    margin: 0 15px; }

  .drowdown-search form .form-control {

    background: none repeat scroll 0 0 #FFFFFF;

    box-shadow: none !important;

    color: #212121;

    font-size: 1em;

    font-weight: 400;

    height: 42px;

    line-height: 42px;

    padding-left: 5px;

    padding-right: 26px; }

    @media (max-width: 991px) {

      .drowdown-search form .form-control {

        font-size: 1.6em;

        font-weight: 600; } }

  .drowdown-search form .nav-search-icon {

    color: #212121;

    font-size: 1.2em;

    position: absolute;

    right: 5px;

    top: 13px;

    cursor: pointer; }

    @media (max-width: 991px) {

      .drowdown-search form .nav-search-icon {

        font-size: 1.8em;

        right: 15px;

        top: 8px; } }

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

    /* WebKit browsers */

    color: #212121; }

  .drowdown-search form .form-control:-moz-placeholder {

    /* Mozilla Firefox 4 to 18 */

    color: #212121; }

  .drowdown-search form .form-control::-moz-placeholder {

    /* Mozilla Firefox 19+ */

    color: #212121; }

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

    /* Internet Explorer 10+ */

    color: #212121; }



.mobile-search {

  overflow: hidden; }

  @media (max-width: 991px) {

    .mobile-search {

      position: inherit !important;

      overflow: visible; } }

  .mobile-search > a.btn {

    float: right; }

  .mobile-search.active {

    width: 220px; }

    @media (max-width: 991px) {

      .mobile-search.active {

        width: auto; } }

    .mobile-search.active .drowdown-search {

      width: 220px;

      left: 0; }

      @media (max-width: 991px) {

        .mobile-search.active .drowdown-search {

          display: block;

          width: 100%;

          left: 0; } }



.navbar-nav > li > .dropdown-menu.notifications-list {

  min-width: 310px;

  padding-bottom: 0;

  padding-top: 0;

  color: #707070; }



.notifications-list .item-header {

  font-size: 0.875em;

  font-weight: bold;

  line-height: 40px;

  text-align: center; }

.notifications-list .item {

  border-top: 1px solid #f6f6f6;

  line-height: 1.4;

  padding-bottom: 0;

  padding-top: 0;

  clear: both; }

  .notifications-list .item > a > i {

    color: #e84e40; }

  .notifications-list .item a {

    clear: both;

    white-space: normal;

    padding-bottom: 8px;

    padding-top: 8px; }

    .notifications-list .item a .time {

      color: #03a9f4;

      margin-left: 10px;

      position: absolute;

      right: 13px;

      white-space: normal !important; }

      .notifications-list .item a .time i {

        margin-right: 3px; }

.notifications-list .item-footer {

  background: #03a9f4;

  padding-bottom: 0;

  padding-top: 0;

  border-radius: 0 0 3px 3px;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */ }

  .notifications-list .item-footer a {

    padding: 8px 20px;

    text-align: center;

    transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s;

    color: #fff; }

    .notifications-list .item-footer a:hover, .notifications-list .item-footer a:focus {

      background-color: #0288d1;

      color: #fff; }

.notifications-list .pointer {

  height: 12px;

  margin: 0;

  padding: 0;

  position: absolute;

  right: 21px;

  top: -12px;

  width: 12px;

  display: none !important; }

  .notifications-list .pointer .pointer-inner {

    position: relative; }

  .notifications-list .pointer .arrow {

    border-color: transparent transparent #FFFFFF;

    border-style: solid;

    border-width: 6px;

    cursor: pointer;

    left: auto;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 1002; }

  .notifications-list .pointer .arrow-border {

    border-color: transparent transparent rgba(0, 0, 0, 0.15);

    border-style: solid;

    border-width: 7px;

    cursor: pointer;

    left: -1px;

    position: absolute;

    top: -2px;

    z-index: 1001; }



.messages-list .item.first-item {

  border-top: 0 !important; }

.messages-list .item > a {

  padding-left: 20px;

  padding-right: 20px;

  padding-bottom: 25px;

  transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; }

  .messages-list .item > a > img {

    position: absolute;

    margin-top: 10px; }

  .messages-list .item > a > .content {

    display: block;

    padding-left: 50px;

    padding-top: 5px; }

    .messages-list .item > a > .content .content-headline {

      color: #605F5F;

      display: block;

      font-weight: 600; }

    .messages-list .item > a > .content .content-text {

      display: block;

      line-height: 1.4; }



@media (max-width: 400px) {

  #header-navbar .container {

    padding: 0; } }



@media (max-width: 400px) {

  .profile-dropdown .dropdown-toggle {

    padding-left: 5px !important;

    padding-right: 5px !important; } }



@media (max-width: 400px) {

  #header-nav .nav {

    margin-left: 0; } }



#col-left {

  position: relative;

  color: #003940;

  height: 100%; }

  #col-left a {

    color: #e1e1e1; }

  #col-left a:hover, #col-left .nav-active a.nav-link, #col-left a.active {

    color: #fff; }

  #col-left * {

    outline: none; }



#nav-col {

  padding: 0;

  z-index: 100;

  position: absolute;

  background: #1a262b;

  width: 240px;

 }

  @media (max-width: 991px) {

    #nav-col {

      position: relative;

      width: auto;

	

	   } 

	   }



#sidebar-nav {

  max-height: 100%;

  padding-left: 0;

  padding-right: 0; }

  #sidebar-nav .nav > li {

    margin: 0;

    /* font-size: 0.875em;

			font-weight: 600; */ }

    #sidebar-nav .nav > li.nav-header {

      color: #8aa4be;

      font-size: 0.8em;

      padding: 12px 15px 6px 14px;

      border-top: 2px solid #253443; }

      #sidebar-nav .nav > li.nav-header.nav-header-first {

    padding: 10px 25px 10px 15px;
    font-size: 12px;
    color: #8ea2af;
    background: rgba(26, 34, 38, 0.25);
    border-bottom: 1px solid #090e10;

        border-top: 0; }

    #sidebar-nav .nav > li > a {

    padding: 13px 5px 13px 15px;
    display: block;
    border-left: 3px solid transparent;
    color: #b8c7ce;
    font-size: 15px;
    border-top: 1px solid #213740;
    border-bottom: 1px solid #090e10; }

      #sidebar-nav .nav > li > a:hover {

        border-left-color: #03a9f4; }
.sidebar-nav a {
    color: #b8c7ce;
    text-decoration: none;
}
      #sidebar-nav .nav > li > a > i {

          position: absolute;
    margin-right: 14px;
    font-size: 16px;; }

      #sidebar-nav .nav > li > a > span {

        margin-left: 25px;
 }
.sidebar-menu>li .label, .sidebar-menu>li .badge {
    margin-top: 3px;
    margin-right: 5px;
}
.badge-warning {
    color: #fff;
    background-color: #ff9700;
}
.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
}
.float-right {
    float: right!important;
}
.badge-warning {
    color: #212529;
    background-color: #ffc107;
}
.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}
.small, small {
    font-size: 80%;
    font-weight: 400;
}
small {
    font-size: 80%;
}
        #sidebar-nav .nav > li > a > span.label {

          font-size: 0.75em;

          margin: 5px 0 0 0;

          padding: 4px 0.6em; }

        #sidebar-nav .nav > li > a > span.label.label-circle {

          margin-right: 5px; }

    #sidebar-nav .nav > li.open > a {

      border-bottom-color: #252525;

      outline: none;

      text-decoration: none; }

    #sidebar-nav .nav > li.active > .submenu > li.active > .submenu {

      display: block; }

  #sidebar-nav .nav li a.dropdown-toggle > .drop-icon {

    color: #868b98;

    font-size: 12px;

    margin-top: -6px;

    position: absolute;

    right: 25px;

    top: 50%;

    transition: transform 0.2s ease-in-out 0.1s; }

  #sidebar-nav .nav li.open > a.dropdown-toggle > .drop-icon, #sidebar-nav .nav li.active > a.dropdown-toggle > .drop-icon {

    color: #fff;

    transform: rotate(90deg); }

  #sidebar-nav .nav li .submenu {

    display: none;

    background: #1a262b;

    padding: 5px 0;

    margin: 0;

    list-style: none; }

    #sidebar-nav .nav li .submenu > li {

      position: relative; }

      #sidebar-nav .nav li .submenu > li > a {

    padding: 5px 5px 5px 15px;
    display: block;
    font-size: 14px;
    color: #8aa4af; }

      #sidebar-nav .nav li .submenu > li:first-of-type > a {

        border-top: 0; }

      #sidebar-nav .nav li .submenu > li > a:hover, #sidebar-nav .nav li .submenu > li > a.active, #sidebar-nav .nav li .submenu > li.active > a, #sidebar-nav .nav li .submenu > li.open > a {

        text-decoration: none;

        color: #fff;

        background-color: #1f2c39;

        /* box-shadow: 0 -1px 0 0 #8bf2e6 inset; */ }

  #sidebar-nav .nav li.active > .submenu {

    display: block; }

  #sidebar-nav .nav > .open .submenu .submenu, #sidebar-nav .nav > .active .submenu .submenu {

    display: none; }

  #sidebar-nav .nav > .open .submenu > .open > a, #sidebar-nav .nav > .open .submenu > .active > a, #sidebar-nav .nav > .active .submenu > .open > a, #sidebar-nav .nav > .active .submenu > .active > a {

    background: inherit;

    border-bottom-color: #1f2c39;

    box-shadow: 0 -1px 0 #1f2c39 inset; }

  #sidebar-nav .nav > .open .submenu > li a, #sidebar-nav .nav > .active .submenu > li a {

    position: relative; }

  #sidebar-nav .nav > .open .submenu > li > a.dropdown-toggle > .drop-icon, #sidebar-nav .nav > .active .submenu > li > a.dropdown-toggle > .drop-icon {

    font-size: 10px;

    margin-top: -5px; }

  #sidebar-nav .nav > .open .submenu > li > .submenu, #sidebar-nav .nav > .active .submenu > li > .submenu {

    background-color: #1f2c39; }

    #sidebar-nav .nav > .open .submenu > li > .submenu > li a:hover, #sidebar-nav .nav > .open .submenu > li > .submenu > li a.active, #sidebar-nav .nav > .active .submenu > li > .submenu > li a:hover, #sidebar-nav .nav > .active .submenu > li > .submenu > li a.active {

      /* background-color: #232323; */

      color: #03a9f4; }

    #sidebar-nav .nav > .open .submenu > li > .submenu a, #sidebar-nav .nav > .active .submenu > li > .submenu a {

      border-bottom: 0 none;

      border-top: 0 none;

      padding-left: 15px; }

      /*#sidebar-nav .nav > .open .submenu > li > .submenu a:before, */
      #sidebar-nav .nav > .active .submenu > li > .submenu a:before {

       

        display: inline;

        font-family: FontAwesome;

        font-size: 4px;

        font-style: normal;

        font-weight: normal;

        margin-left: -10px;

        margin-top: 1px;

        position: absolute; }



.navbar-nav .open .dropdown-menu {

  background-color: #FFFFFF;

  border: none;

  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);

  position: absolute; }



#user-left-box {

  padding: 20px 15px 20px 10px; }

  #user-left-box img {

    border-radius: 18%;

    background-clip: padding-box;

    /* stops bg color from leaking outside the border: */

    border: 3px solid #fff;

    float: left;

    width: 70px; }

  #user-left-box .user-box {

    color: #fff;

    float: left;

    padding-left: 5px;

    padding-top: 18px; }

    #user-left-box .user-box > .name {

      display: block;

      font-size: 1em;

      font-weight: 600;

      line-height: 1.2; }

      #user-left-box .user-box > .name > a {

        color: #fff; }

        #user-left-box .user-box > .name > a:hover, #user-left-box .user-box > .name > a:focus {

          color: #E1E1E1;

          text-decoration: none; }

    #user-left-box .user-box > .status {

      display: block;

      font-size: 0.75em;

      padding-top: 3px; }

    #user-left-box .user-box > .status > i {

      color: #8bc34a;

      margin-right: 4px; }

  #user-left-box.dropdown .dropdown-menu {

    top: 55px;

    left: 30px; }

    #user-left-box.dropdown .dropdown-menu a {

      color: #707070;

      font-size: 0.875em; }

      #user-left-box.dropdown .dropdown-menu a:hover {

        background-color: #f6f6f6;

        color: #707070; }



@media (min-width: 992px) {

  .nav-small #nav-col {

    width: 64px; }

  .nav-small #content-wrapper {

    margin-left: 64px; }

  .nav-small #nav-col #user-left-box {

    display: none; }

  .nav-small #nav-col #sidebar-nav .nav > li > a {

    padding-left: 15px !important;

    padding-right: 15px;

    text-align: center; }

    .nav-small #nav-col #sidebar-nav .nav > li > a > i {

      position: relative;

      font-size: 1.25em; }

    .nav-small #nav-col #sidebar-nav .nav > li > a > span {

      display: none; }

  .nav-small #nav-col #sidebar-nav .nav > li.nav-header {

    display: none; }

  .nav-small #nav-col #sidebar-nav .nav li > a.dropdown-toggle > .drop-icon {

    display: none; }

  .nav-small #nav-col #sidebar-nav .nav .submenu > li > a.dropdown-toggle > .drop-icon {

    display: block; }

  .nav-small #nav-col #sidebar-nav .nav li .submenu {

    left: 64px;

    position: absolute;

    top: 0;

    width: 210px; }

    .nav-small #nav-col #sidebar-nav .nav li .submenu > li > a {

      padding-left: 28px; }

  .nav-small #nav-col #sidebar-nav .nav > .open > .submenu > li > .submenu, .nav-small #nav-col #sidebar-nav .nav > .active > .submenu > li > .submenu {

    left: auto;

    position: relative;

    top: auto;

    width: 100%; }

    .nav-small #nav-col #sidebar-nav .nav > .open > .submenu > li > .submenu a, .nav-small #nav-col #sidebar-nav .nav > .active > .submenu > li > .submenu a {

      padding-left: 48px; }

  .nav-small #sidebar-nav .nav li.active > .submenu {

    display: none; }

  .nav-small #nav-col-submenu a.dropdown-toggle > .drop-icon {

    color: #868b98;

    font-size: 12px;

    margin-top: -6px;

    position: absolute;

    right: 25px;

    top: 50%;

    transition: transform 0.2s ease-in-out 0.1s; }

  .nav-small #nav-col-submenu.open > a.dropdown-toggle > .drop-icon, .nav-small #nav-col-submenu.active > a.dropdown-toggle > .drop-icon {

    color: #fff;

    transform: rotate(90deg); }

  .nav-small #nav-col-submenu .submenu {

    display: none;

    background: #253443;

    padding: 5px 0;

    margin: 0;

    list-style: none; }

    .nav-small #nav-col-submenu .submenu > li {

      position: relative; }

      .nav-small #nav-col-submenu .submenu > li > a {

        display: block;

        font-size: 0.875em;

        line-height: 38px;

        padding-left: 66px;

        color: #fff;

        outline: none;

        text-decoration: none;

        transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s; }

      .nav-small #nav-col-submenu .submenu > li:first-of-type > a {

        border-top: 0; }

      .nav-small #nav-col-submenu .submenu > li > a:hover, .nav-small #nav-col-submenu .submenu > li > a.active, .nav-small #nav-col-submenu .submenu > li.active > a, .nav-small #nav-col-submenu .submenu > li.open > a {

        text-decoration: none;

        color: #fff;

        background-color: #1f2c39;

        /* box-shadow: 0 -1px 0 0 #8bf2e6 inset; */ }

  .nav-small #nav-col-submenu .submenu .submenu {

    display: none; }

  .nav-small #nav-col-submenu .submenu > .open > a, .nav-small #nav-col-submenu .submenu > .active > a {

    background: inherit;

    border-bottom-color: #1f2c39;

    box-shadow: 0 -1px 0 #1f2c39 inset; }

  .nav-small #nav-col-submenu .submenu > li a {

    position: relative; }

  .nav-small #nav-col-submenu .submenu > li > a.dropdown-toggle > .drop-icon {

    font-size: 10px;

    margin-top: -5px; }

  .nav-small #nav-col-submenu .submenu > li > .submenu {

    background-color: #1f2c39; }

    .nav-small #nav-col-submenu .submenu > li > .submenu > li a:hover, .nav-small #nav-col-submenu .submenu > li > .submenu > li a.active {

      /* background-color: #232323; */

      color: #03a9f4; }

    .nav-small #nav-col-submenu .submenu > li > .submenu a {

      border-bottom: 0 none;

      border-top: 0 none;

      padding-left: 85px; }

      .nav-small #nav-col-submenu .submenu > li > .submenu a:before {

        content: "\f111";

        display: inline;

        font-family: FontAwesome;

        font-size: 4px;

        font-style: normal;

        font-weight: normal;

        margin-left: -10px;

        margin-top: 1px;

        position: absolute; }

  .nav-small #nav-col-submenu .submenu {

    position: absolute;

    top: 60px;

    left: 64px;

    width: 210px; }

    .nav-small #nav-col-submenu .submenu > li > a {

      padding-left: 28px; }

      .nav-small #nav-col-submenu .submenu > li > a.dropdown-toggle > .drop-icon {

        display: block; }

  .nav-small #nav-col-submenu > .submenu {

    display: block !important; }

  .nav-small #nav-col-submenu .submenu > li > .submenu, .nav-small #nav-col-submenu .submenu > li > .submenu {

    left: auto;

    position: relative;

    top: auto;

    width: 100%; }

    .nav-small #nav-col-submenu .submenu > li > .submenu a, .nav-small #nav-col-submenu .submenu > li > .submenu a {

      padding-left: 48px; } }



@media (max-width: 991px) {

  .navbar-toggle {

    display: block; }

  #sidebar-nav.navbar-collapse {

    max-height: 336px; } }



#footer-bar {

	background-color:#FFF;

  border-top: 1px solid #e7ebee;

  bottom: 0;

  font-size: 0.8em;

  height: 37px;

  line-height: 36px;

  margin-left: -15px;

  margin-right: -15px;

  position: absolute;

  width: 100%; }

  @media (max-width: 767px) {

    #footer-bar {

      margin-left: -8px;

      margin-right: -8px; } }

  @media (max-width: 419px) {

    #footer-bar {

      margin-left: -5px;

      margin-right: -5px; } }



#footer-copyright {

  text-align: center;

  margin: 0; }



/* FIXED ELEMENTS */

.fixed-header #header-navbar {

  left: 0;

  right: 0;

  top: 0;

  width: 100%;

  z-index: 999; }

.fixed-header #page-wrapper {

  padding-top: 50px; }



.fixed-footer #footer-bar {

  bottom: 0;

  left: 0;

  margin: 0;

  position: fixed;

  right: 0;

  width: 100%;

  z-index: 999; }

.fixed-footer #content-wrapper {

  padding-bottom: 36px; }



@media (min-width: 992px) {

  .fixed-leftmenu #nav-col {

    position: fixed;

    height: 100%; }

  .fixed-leftmenu.fixed-footer #nav-col {

    padding-bottom: 36px; }

  .fixed-leftmenu.fixed-header #nav-col {

    padding-bottom: 50px; }

  .fixed-leftmenu.fixed-header.fixed-footer #nav-col {

    padding-bottom: 86px; } }



@media (max-width: 991px) {

  .fixed-header #nav-col {

    position: fixed;

    width: 100%; } }



.boxed-layout #theme-wrapper {

  max-width: 1200px;

  margin: 0 auto;

  position: relative; }

.boxed-layout #page-wrapper {

  background-color: #1a262b; }

.boxed-layout.fixed-header #header-navbar, .boxed-layout.fixed-footer #footer-bar {

  max-width: 1200px;

  margin: 0 auto; }



@media (max-width: 1200px) {

  .boxed-layout #theme-wrapper, .boxed-layout.fixed-header #header-navbar, .boxed-layout.fixed-footer #footer-bar {

    max-width: 1140px; } }



@media (max-width: 1199px) {

  .boxed-layout #theme-wrapper, .boxed-layout.fixed-header #header-navbar, .boxed-layout.fixed-footer #footer-bar {

    max-width: 1024px; } }



/* BACKGROUNDS */

.emerald-bg {

     color: #eeeeee;
    border-color: #dcdcdc;
    background: #333;
    text-shadow: 0 -1px 0 rgba(50,50,50,0); }



.red-bg {

  background-color: #e84e40 !important; }



.yellow-bg {

  background-color: #ffc107 !important; }



.green-bg {

  background-color: #8bc34a !important; }



.purple-bg {

  background-color: #9c27b0 !important; }



.gray-bg {

 }



.white-bg {

  background-color: #ffffff !important; }



/* COLORS */

.emerald {

  color: #03a9f4 !important; }



.red {

  color: #e84e40 !important; }



.yellow {

  color: #ffc107 !important; }



.green {

  color: #8bc34a !important; }



.purple {

  color: #9c27b0 !important; }



.gray {

  color: #90a4ae !important; }



/* STATUS AND TEXT COLORS */

.status-green {

  color: #005826; }



.status-red {

  color: #9e0b0f; }



.txt-white {

  color: #fff !important; }



.txt-white-hover:hover {

  color: #fff !important; }



/* MARGINS */

.mrg-b-xs {

  margin-bottom: 3px; }



.mrg-b-sm {

  margin-bottom: 6px; }



.mrg-b-md {

  margin-bottom: 10px; }



.mrg-b-lg {

  margin-bottom: 20px; }



.mrg-t-xs {

  margin-top: 3px; }



.mrg-t-sm {

  margin-top: 6px; }



.mrg-t-md {

  margin-top: 10px; }



.mrg-t-lg {

  margin-top: 20px; }



.mrg-r-xs {

  margin-right: 3px; }



.mrg-r-sm {

  margin-right: 6px; }



.mrg-r-md {

  margin-right: 10px; }



.mrg-r-lg {

  margin-right: 20px; }



.mrg-l-xs {

  margin-left: 3px; }



.mrg-l-sm {

  margin-left: 6px; }



.mrg-l-md {

  margin-left: 10px; }



.mrg-l-lg {

  margin-left: 20px; }



/* BUTTONS */

.btn {

  border: none;

  padding: 6px 12px;

  border-bottom: 2px solid;

  transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s;

  outline: none;

  border-radius: 3px;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */ }



.btn-default, .wizard-cancel, .wizard-back {

  background-color: #90a4ae;

  border-color: #607d8b;

  color: #fff; }



.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default, .wizard-cancel:hover, .wizard-cancel:focus, .wizard-cancel:active, .wizard-cancel.active, .wizard-back:hover, .wizard-back:focus, .wizard-back:active, .wizard-back.active {

  background-color: #949e9f;

  border-color: #748182;

  color: #fff; }



.btn-default .caret {

  border-top-color: #FFFFFF; }



.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {

  background-color: #607d8b;

  border-color: #5c6667; }



.btn-info {

  background-color: #01b9fe;

  border-color: #0298d1; }



.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {

  background-color: #0298d1;

  border-color: #0178a5; }



.btn-link {

  border: none; }



.btn-primary {

  background-color: #03a9f4;

  border-color: #2980b9; }



.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {

  background-color: #2980b9;

  border-color: #1c5c87; }



.btn-success {

  background-color: #8bc34a;

  border-color: #689f38; }



.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {

  background-color: #689f38; }



.btn-danger {

  background-color: #e84e40;

  border-color: #dd191d; }



.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {

  background-color: #dd191d; }



.btn-warning {

  background-color: #ffc107;

  border-color: #ffa000; }



.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {

  background-color: #e0b50a;

  border-color: #bd9804; }



.btn-facebook {

  background-color: #3b5998 !important;

  border-color: #2f477b !important; }

  .btn-facebook:hover {

    background-color: #2f477b !important;

    border-color: #263963 !important; }



.btn-twitter {

  background-color: #00aced !important;

  border-color: #0098d1 !important; }

  .btn-twitter:hover {

    background-color: #0098d1 !important;

    border-color: #0283b4 !important; }



.icon-box {

  margin-top: 5px; }

  .icon-box .btn {

    border: 2px solid #e1e1e1;

    margin-left: 3px;

    margin-right: 0; }

    .icon-box .btn:hover {

      background-color: #eee;

      color: #03a9f4; }



/* LABELS */

.label {

  border-radius: 3px;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  font-size: 0.875em;

  font-weight: 600; }



.label-default, .fc-event.label-default {

  background-color: #90a4ae; }



.label-primary, .fc-event.label-primary {

  background-color: #03a9f4; }



.label-success, .fc-event.label-success {

  background-color: #8bc34a; }



.label-info, .fc-event.label-info {

  background-color: #9c27b0;

  /*#2b9db6;*/ }



.label-warning, .fc-event.label-warning {

  background-color: #ffc107; }



.label-danger, .fc-event.label-danger {

  background-color: #e84e40; }



.label.label-large {

  font-size: 1em;

  padding: 0.4em 0.8em 0.5em; }



.label.label-circle {

  border-radius: 50%;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  padding: 4px !important; }



#calendar .fc-event, .external-event {

  border-left: 0 solid #2980b9;

  border-radius: 2px;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  font-weight: 700; }



#calendar .fc-event.label-success, .external-event.label-success {

  border-left: 0 solid #689f38; }



#calendar .fc-event.label-warning, .external-event.label-warning {

  border-left: 0 solid #ffa000; }



#calendar .fc-event.label-danger, .external-event.label-danger {

  border-left: 0 solid #dd191d;

  color: #fff; }



#calendar .fc-event.label-info, .external-event.label-info {

  border-left: 0 solid #7b1fa2; }



#calendar .fc-event.label-default, .external-event.label-default {

  border-left: 0 solid #607d8b; }



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

  #calendar .fc-header-right, #calendar .fc-button-today, #calendar .fc-header-space {

    display: none; } }



/* ALERTS */

.alert {

position: relative;
    padding: 0;
    margin-bottom: 1rem;
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
    border-radius: .25rem; }

.alert h4{
    font-size: 16px;
    line-height: 28px;
	display: table-cell;
    padding: 15px 15px 15px 10px;
	}
.alert strong{
font-size: 16px;
    line-height: 48px;

	}
.alert-success {

    color: #ffffff;
    background-color: #15ca20;
    border-color: #15ca20; }



.alert-warning {

color: #fff;
    background-color: #ff9700;
    border-color: #ff9700; }



.alert-danger {

    color: #ffffff;
    background-color: #fd3550;
    border-color: #fd3550; }



.alert-info {

color: #fefefe;
    background-color: #0dceec;
    border-color: #0dceec; }

  .alert-info .alert-link {

    color: #2980b9; }



/* PAGINATION */

.pagination {

  margin: 5px 0; }

  .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {

    border-radius: 3px;

    background-clip: padding-box;

    /* stops bg color from leaking outside the border: */ }

  .pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .pagination > li > a:active, .pagination > li > span:active {

    color: #03a9f4;

    border-width: 2px;

    margin-left: -2px; }

  .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {

    background-color: #03a9f4;

    border-color: #03a9f4; }



.pager li > a, .pager li > span {

  border-width: 2px; }



/* ITEMS */

.list-group-item {

  border-width: 2px;

  margin-bottom: -2px; }



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

 }



/* BADGES */

.badge.badge-danger {

  background-color: #e84e40; }



.badge.badge-success {

  background-color: #8bc34a; }



.badge.badge-warning {

  background-color: #ffc107; }



.badge.badge-primary {

  background-color: #03a9f4; }



.badge.badge-info {

  background-color: #9c27b0; }



/* TABS */

.nav-tabs {

  background: #e7ebee;

  border-color: transparent;

  border-radius: 3px 3px 0 0;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */ }

  .nav-tabs > li > a {

    border-radius: 0;

    background-clip: padding-box;

    /* stops bg color from leaking outside the border: */

    font-size: 1.125em;

    font-weight: 300;

    outline: none;

    color: #555;

    margin-right: 3px; }

  .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {

    border-color: transparent;

    border-radius: 3px 3px 0 0;

    background-clip: padding-box;

    /* stops bg color from leaking outside the border: */

    color: #555;

    border-bottom: 0;

    background: rgba(219, 221, 223, 0.46); }

  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

    border-radius: 3px 3px 0 0;

    background-clip: padding-box;

    /* stops bg color from leaking outside the border: */

    border-left: 0;

    border-top: 2px solid #03a9f4;

    border-right: 0; }



.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {

  border-color: #e7ebee; }



.nav .caret {

  border-bottom-color: #03a9f4;

  border-top-color: #03a9f4; }



.main-box .tabs-header {

  min-height: 50px;

  padding: 10px 20px; }



.main-box .tab-content-body {

  padding: 0 20px 20px 20px;

  margin-bottom: 0; }



.tabs-wrapper.tabs-no-header .tab-content {

  padding: 0 20px 20px; }



/* PANEL */

.panel-default > .panel-heading {

  background-color: #03a9f4;

  border-color: #03a9f4;

  color: #FFFFFF;

  border-radius: 0;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */ }



.panel-default > .panel-heading a:focus {

  color: #fff; }



.panel-group .panel {

  border-radius: 0;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  border: 0 none; }



.panel-collapse {

  border: 2px solid #e1e1e1;

  border-top: 0; }



.accordion .panel-title > a {

  display: block;

  position: relative;

  outline: none;

  text-decoration: none;

  color: #FFFFFF;

  padding-right: 15px; }

  .accordion .panel-title > a:hover {

    text-decoration: none;

    color: #FFFFFF; }

  .accordion .panel-title > a:after {

    content: "\f068";

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    text-decoration: inherit;

    margin-top: -5px;

    font-size: 0.75em;

    position: absolute;

    right: 0;

    top: 50%; }

  .accordion .panel-title > a.accordion-toggle.collapsed:after {

    content: "\f067"; }

  .accordion .panel-title > a.accordion-toggle > i {

    width: 24px;

    text-align: center;

    padding-right: 6px; }



/* PROGRESS BAR */

.progress {

  background-color: #eee;

  border-radius: 0;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  height: 8px;

  margin-bottom: 12px;

  box-shadow: none; }



.progress-bar {

  background-color: #03a9f4;

  box-shadow: none; }



.progress-bar-success {

  background-color: #8bc34a; }



.progress-bar-info {

  background-color: #9c27b0; }



.progress-bar-warning {

  background-color: #ffc107; }



.progress-bar-danger {

  background-color: #e84e40; }



.progress.progress-2x {

  height: 12px; }



.progress.progress-3x {

  height: 16px; }



.progress.progress-4x {

  height: 20px; }



/* POPOVER */

.popover-content {

  font-size: 0.875em; }



/* MODAL */

.modal-header {

  border-width: 2px; }



.modal-content {

  border-radius: 0;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */ }



.modal-footer {

  border-width: 2px; }



/* BLOCKQUOTE */

blockquote, blockquote.pull-right {

  border-color: #03a9f4;

  padding: 10px 20px 10px 40px; }



blockquote.pull-right {

  padding-left: 20px;

  padding-right: 40px; }



blockquote p {

  font-style: italic; }



blockquote:before {

  content: "\f10d";

  color: #b0bec5;

  display: inline;

  font-family: FontAwesome;

  font-size: 20px;

  font-style: normal;

  font-weight: normal;

  height: auto;

  line-height: normal;

  margin-left: -28px;

  margin-top: 0;

  position: absolute;

  width: auto; }



blockquote.pull-right:before {

  margin-left: 0;

  right: 50px; }



/* BREADCRUMBS */

.breadcrumb {

  background: none;

  margin-bottom: 0;

  padding-top: 0;

  padding-bottom: 0; }

  .breadcrumb > li {

    text-transform: uppercase;

    color: #616161;

    margin-left: 8px;

    font-size: 0.875em; }

  .breadcrumb > li span {

    padding-left: 8px; }

  .breadcrumb > li a {

    color: #616161; }

  .breadcrumb > li + li:before {

    color: #616161;

    font-family: FontAwesome;

    content: "\f105"; }

  .breadcrumb > .active {

    font-weight: 600;

	 text-transform: uppercase;

    color: #616161; }

  .breadcrumb > li:first-child {

    margin-left: 0; }



/* DROPDOWN OPEN EFFECT */

.open > .dropdown-menu {

  -webkit-transform: scale(1, 1);

  transform: scale(1, 1);

  opacity: 1;

  visibility: visible; }



.dropdown-menu {

  opacity: 0;

  transform-origin: top;

  animation-fill-mode: forwards;

  transform: scale(1, 0);

  transition: all 0.14s linear;

  display: block;

  visibility: hidden; }



.datepicker.dropdown-menu, .daterangepicker.dropdown-menu, .bootstrap-timepicker-widget.dropdown-menu {

  opacity: 1;

  visibility: visible;

  transform: none;

  transition: none;

  display: none; }



.bootstrap-timepicker-widget.dropdown-menu {

  display: none; }



.bootstrap-timepicker-widget.dropdown-menu.open {

  display: block; }



/* TABLES */

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {

  background-color: #f8f8f8; }



.table thead > tr > th {

  border-bottom: 2px solid #e7ebee;

  text-transform: uppercase;

  font-size: 0.875em; }

  .table thead > tr > th > a span {

    color: #212121; }

.table tbody > tr > td {

  font-size: 0.875em;

  vertical-align: middle;

  border-top: 1px solid #e7ebee;

  padding: 12px 8px; }

  .table tbody > tr > td:first-child {

    font-size: 1.125em;

    font-weight: 300; }

.table tbody > tr td .call-type {

  display: block;

  font-size: 0.75em;

  text-align: center; }

.table tbody > tr td .first-line {

  line-height: 1.5;

  font-weight: 400;

  font-size: 1.125em; }

  .table tbody > tr td .first-line span {

    font-size: 0.875em;

    color: #969696;

    font-weight: 300; }

.table tbody > tr td .second-line {

  font-size: 0.875em;

  line-height: 1.2; }

.table tbody > tr.table-line-fb > td {

  background-color: #9daccb;

  color: #262525; }

.table tbody > tr.table-line-twitter > td {

  background-color: #9fccff;

  color: #262525; }

.table tbody > tr.table-line-plus > td {

  background-color: #eea59c;

  color: #262525; }

.table a.table-link {

  margin: 0 5px;

  font-size: 1.125em; }

  .table a.table-link:hover {

    text-decoration: none;

    color: #2980b9; }

  .table a.table-link.danger {

    color: #e84e40; }

    .table a.table-link.danger:hover {

      color: #dd191d; }

.table.table-condensed tbody > tr > td {

  padding: 8px 5px; }



.dataTable thead th:hover {

  color: #03a9f4; }



.table thead > tr > th > a span:after, .dataTable .sorting:after, .dataTable .sorting_asc:after, .dataTable .sorting_desc:after {

  content: "\f0dc";

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

  text-decoration: inherit;

  margin-left: 5px;

  font-size: 0.75em; }



.table thead > tr > th > a:hover {

  text-decoration: none; }



.table thead > tr > th > a.asc span:after, .dataTable .sorting_desc:after {

  content: "\f0dd"; }



.table thead > tr > th > a.desc span:after, .dataTable .sorting_asc:after {

  content: "\f0de"; }



.table thead > tr > th > a:hover span {

  text-decoration: none;

  color: #03a9f4;

  border-color: #03a9f4; }



.table.table-hover tbody > tr > td {

  transition: background-color 0.15s ease-in-out 0s; }



.table-products tbody > tr > td {

  background: none;

  border: none;

  border-bottom: 1px solid #ebebeb;

  transition: background-color 0.15s ease-in-out 0s;

  position: relative; }

.table-products tbody > tr:hover > td {

  text-decoration: none;

  background-color: #f6f6f6; }

.table-products .name {

  display: block;

  font-weight: 600;

  padding-bottom: 7px; }

.table-products .price {

  display: block;

  text-decoration: none;

  width: 50%;

  float: left;

  font-size: 0.875em; }

  .table-products .price > i {

    color: #8bc34a; }

.table-products .warranty {

  display: block;

  text-decoration: none;

  width: 50%;

  float: left;

  font-size: 0.875em; }

  .table-products .warranty > i {

    color: #ffc107; }



.table-stats .status-social-icon {

  font-size: 1.9em;

  vertical-align: bottom; }

.table-stats .table-line-fb .status-social-icon {

  color: #556484; }

.table-stats .table-line-twitter .status-social-icon {

  color: #5885b8; }

.table-stats .table-line-plus .status-social-icon {

  color: #a75d54; }



.dataTables_length {

  margin-top: 10px;

  margin-bottom: 15px;

  margin-right: 30px;

  float: left; }

  @media (max-width: 767px) {

    .dataTables_length {

      display: none; } }



.dataTables_filter {

  float: right;

  margin-top: 10px;

  margin-bottom: 15px; }

  @media (max-width: 767px) {

    .dataTables_filter {

      display: none; } }

  .dataTables_filter input {

    margin-left: 10px; }



@media (max-width: 767px) {

  .DTTT {

    display: none; } }

.DTTT.btn-group {

  float: right;

  margin-left: 10px;

  margin-top: 10px; }

.DTTT.btn-group a.btn {

  height: 30px;

  line-height: 16px; }



/* USER LIST TABLE */

.user-list tbody td > img {

  position: relative;

  max-width: 50px;

  float: left;

  margin-right: 15px;

  border-radius: 18%;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */ }

.user-list tbody td .user-link {

  display: block;

  font-size: 1.25em;

  padding-top: 3px;

  margin-left: 60px; }

.user-list tbody td .user-subhead {

  font-size: 0.875em;

  font-style: italic; }



.map-stats {

  padding-top: 20px; }

  .map-stats .table tbody > tr > td {

    padding-top: 10px;

    padding-bottom: 10px; }

    .map-stats .table tbody > tr > td:first-child {

      font-size: 1em;

      font-weight: 400; }

    .map-stats .table tbody > tr > td.status {

      font-size: 1.2em;

      font-weight: 600; }



.footable .footable-row-detail .footable-row-detail-cell {

  font-size: 1em; }



/* FORMS */

.form-group {

  margin-bottom: 20px; }



label {

  font-weight: 400;

  font-size: 0.875em; }



.form-control {

  border-radius: 3px;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  border-color: #e7ebee;

  border-width: 2px;

  box-shadow: none;

  font-size: 13px; }

  .form-control:focus {

    border-color: rgba(52, 151, 219, 0.6);

    outline: 0;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(52, 152, 219, 0.6); }



.form-inline-box {

  background: none repeat scroll 0 0 #F6F6F6;

  border: 2px solid #e7ebee;

  padding: 7px; }



.radio {

  padding-left: 2px; }

  .radio label {

    display: inline-block;

    cursor: pointer;

    position: relative;

    padding-left: 30px;

    padding-right: 10px;

    padding-bottom: 5px; }



input[type="radio"] {

  line-height: normal;

  box-sizing: border-box; }



.radio input[type=radio], .radio-inline input[type=radio] {

  float: left;

  margin-left: -20px; }



.radio input[type=radio] {

  display: none; }



.radio label:before {

  background: none repeat scroll 0 0 #ffffff;

  border: 2px solid #e7ebee;

  border-radius: 50%;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  content: "";

  display: inline-block;

  height: 20px;

  left: 0;

  margin-right: 10px;

  position: absolute;

  width: 20px; }



.radio label:after {

  background-color: #03a9f4;

  border: 1px solid #03a9f4;

  border-radius: 50%;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  content: "";

  display: inline-block;

  font-size: 13px;

  height: 16px;

  left: 2px;

  position: absolute;

  text-align: center;

  top: 2px;

  transform: scale(0);

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  width: 16px; }



.radio input[type=radio]:checked + label:before, .radio input[type=radio]:hover + label:before {

  border-color: #03a9f4; }



.radio input[type=radio]:checked + label:after {

  line-height: 16px;

  transform: scale(0.63);

  -webkit-transform: scale(0.63);

  -moz-transform: scale(0.63);

  transition: transform 0.1s 0s cubic-bezier(0.4, 0.02, 0.3, 1.2); }



.has-success .form-control {

  border-color: #8bc34a; }

.has-success .help-block, .has-success .control-label {

  color: #689f38; }

.has-success .form-control:focus {

  border-color: #689f38;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #689f38; }

.has-success .input-group-addon {

  color: #8bc34a;

  background-color: #dff0d8;

  border-color: #8bc34a; }



.has-warning .form-control {

  border-color: #ffc107; }

.has-warning .help-block, .has-warning .control-label {

  color: #ffa000; }

.has-warning .form-control:focus {

  border-color: #ffa000;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffa000; }

.has-warning .input-group-addon {

  color: #ffc107;

  background-color: #fcf8e3;

  border-color: #ffc107; }



.has-error .form-control {

  border-color: #e84e40; }

.has-error .help-block, .has-error .control-label {

  color: #dd191d; }

.has-error .form-control:focus {

  border-color: #dd191d;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dd191d; }

.has-error .input-group-addon {

  color: #e84e40;

  background-color: #f2dede;

  border-color: #e84e40; }



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

  line-height: 1; }



.input-group > .input-group-btn > .btn {

  border: 0;

  height: 34px; }



.input-group-addon {

  background: transparent;

  border-color: #e7ebee;

  border-width: 2px; }



.dropdown-menu {

  border-radius: 3px;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */ }



.help-block {

  font-size: 0.875em; }



.checkbox-inline > input {

  margin-top: 0; }



.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {

  background-color: #03a9f4; }



.bootstrap-timepicker-widget table td input {

  border: 1px solid #ccc;

  width: 30px !important;

  height: 30px; }



.form-group-select2 label {

  display: block; }



.select2-container--default .select2-selection--single {

  border-width: 2px !important;

  border-color: #e7ebee !important; }

  .select2-container--default .select2-selection--single .select2-selection__arrow {

    border-radius: 0 !important;

    background-clip: padding-box;

    background: #e7ebee !important;

    border-color: #e7ebee !important;

    width: 24px !important; }

.select2-container--default .select2-selection--multiple {

  border-width: 2px !important;

  border-color: #e7ebee !important; }

  .select2-container--default .select2-selection--multiple .select2-selection__choice {

    background-color: #03a9f4 !important;

    border: 0 !important;

    color: #fff;

    padding: 4px 5px !important;

    font-size: 0.875em; }

  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {

    color: #fff !important;

    margin-right: 4px !important; }

.select2-container--default .select2-results__option[aria-selected=true] {

  background-color: #f1f1f1 !important; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {

  background-color: #03a9f4 !important; }

.select2-container--default .help-icon {

  position: absolute;

  right: 10px;

  margin-top: 1px;

  font-size: 1.25em; }



.select2:focus, .select2-container--default .select2-selection--single:focus {

  outline: none !important; }



.select2-dropdown {

  border-width: 2px !important;

  border-color: #e7ebee !important; }



.select2-results__options {

  margin: 0 4px 4px 4px !important; }



.select2-results__option {

  padding: 4px 6px !important;

  font-size: 0.875em; }



.select2-search--dropdown {

  font-size: 0.875em; }



.select2-search input {

  border-color: #e9e9e9 !important; }

  .select2-search input:focus {

    -webkit-appearance: none !important;

    outline: none !important; }



.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {

  border-bottom-width: 1px !important; }



.select2-container .select2-selection--single {

  height: 34px !important; }

  .select2-container .select2-selection--single .select2-selection__arrow {

    height: 32px !important; }

  .select2-container .select2-selection--single .select2-selection__rendered {

    line-height: 32px !important; }



#top-filter .select2-container .select2-selection--single, .select2-graph-changer .select2-container .select2-selection--single {

  height: 37px !important; }

  #top-filter .select2-container .select2-selection--single .select2-selection__arrow, #top-filter .select2-container .select2-selection--single .select2-selection__arrow, .select2-graph-changer .select2-container .select2-selection--single .select2-selection__arrow, .select2-graph-changer .select2-container .select2-selection--single .select2-selection__arrow {

    height: 35px !important; }

  #top-filter .select2-container .select2-selection--single .select2-selection__rendered, #top-filter .select2-container .select2-selection--single .select2-selection__rendered, .select2-graph-changer .select2-container .select2-selection--single .select2-selection__rendered, .select2-graph-changer .select2-container .select2-selection--single .select2-selection__rendered {

    line-height: 34px !important;

    font-size: 1.15em; }



#top-filter .select2 {

  margin-right: 12px; }



.select2-graph-changer .select2 {

  margin-left: 12px; }



.tt-query {

  box-shadow: none !important; }



.wysiwyg-editor {

  max-height: 250px;

  height: 250px;

  background-color: #fff;

  border-collapse: separate;

  border: 1px solid #e7ebee;

  border-radius: 3px;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  padding: 10px;

  box-sizing: content-box;

  overflow: scroll;

  outline: none; }



.btn-toolbar.editor-toolbar {

  margin-bottom: 7px; }



.checkbox-nice {

  position: relative;

  padding-left: 15px; }

  .checkbox-nice input[type=checkbox] {

    visibility: hidden; }

  .checkbox-nice label {

    padding-top: 3px; }

  .checkbox-nice.checkbox-inline > label {

    margin-left: 16px; }

  .checkbox-nice label:before {

    cursor: pointer;

    position: absolute;

    width: 22px;

    height: 22px;

    left: 1px;

    top: 1px;

    background: #ffffff;

    content: "";

    border: 2px solid #e7ebee;

    border-radius: 3px;

    background-clip: padding-box;

    /* stops bg color from leaking outside the border: */ }

  .checkbox-nice label:after {

    opacity: 0;

    content: '';

    position: absolute;

    width: 12px;

    height: 7px;

    background: transparent;

    top: 7px;

    left: 6px;

    border: 3px solid #03a9f4;

    border-top: none;

    border-right: none;

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg); }

  .checkbox-nice label:hover::after {

    opacity: 0.3; }

  .checkbox-nice input[type=checkbox]:checked + label:after {

    opacity: 1; }



/* FORM ON/OFF SWITCH */

.onoffswitch {

  position: relative;

  width: 90px;

  box-sizing: content-box;

  margin-right: 20px; }



.onoffswitch-checkbox {

  display: none; }



.onoffswitch-label {

  display: block;

  overflow: hidden;

  cursor: pointer;

  border: 1px solid #999999;

  border-radius: 20px;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */ }



.onoffswitch-inner {

  width: 200%;

  margin-left: -100%; }



.onoffswitch-inner:before, .onoffswitch-inner:after {

  float: left;

  width: 50%;

  height: 30px;

  padding: 0;

  line-height: 30px;

  font-size: 14px;

  color: white;

  font-family: Trebuchet, Arial, sans-serif;

  font-weight: bold; }



.onoffswitch-inner:before {

  content: "ON";

  padding-left: 10px;

  background-color: #03a9f4;

  color: #FFFFFF; }



.onoffswitch.onoffswitch-success .onoffswitch-inner:before {

  background-color: #8bc34a; }



.onoffswitch.onoffswitch-danger .onoffswitch-inner:before {

  background-color: #e84e40; }



.onoffswitch.onoffswitch-warning .onoffswitch-inner:before {

  background-color: #ffc107; }



.onoffswitch-inner:after {

  content: "OFF";

  padding-right: 10px;

  background-color: #EEEEEE;

  color: #999999;

  text-align: right; }



.onoffswitch-switch {

  width: 18px;

  margin: 6px;

  background: #FFFFFF;

  border: 1px solid #999999;

  border-radius: 20px;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  position: absolute;

  top: 0;

  bottom: 0;

  right: 56px;

  box-sizing: content-box; }



.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {

  margin-left: 0; }



.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {

  right: 0px; }



/* AUTOCOMPLETE */

.typeahead, .tt-query, .tt-hint {

  width: 400px; }

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

    .typeahead, .tt-query, .tt-hint {

      width: 100%; } }



.twitter-typeahead {

  display: block !important; }



.typeahead {

  background-color: #fff; }

  .typeahead:focus {

    border: 2px solid #0097cf; }



.tt-query {

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }



.tt-hint {

  color: #999;

  padding-top: 5px;

  padding-left: 11px; }



.tt-dropdown-menu {

  width: 422px;

  margin-top: 12px;

  padding: 0;

  background-color: #fff;

  border: 1px solid #ccc;

  border: 1px solid rgba(0, 0, 0, 0.2);

  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

  border-radius: 3px;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */ }

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

    .tt-dropdown-menu {

      width: 100%; } }



.tt-suggestion {

  padding: 3px 20px;

  font-size: 1em;

  line-height: 20px; }

  .tt-suggestion.tt-is-under-cursor {

    color: #fff;

    background-color: #03a9f4; }

  .tt-suggestion p {

    margin: 0; }



.gist {

  font-size: 12px; }



.example-twitter-oss .tt-suggestion {

  padding: 8px 20px; }

.example-twitter-oss .tt-suggestion + .tt-suggestion {

  border-top: 1px solid #ccc; }

.example-twitter-oss .repo-language {

  float: right;

  font-style: italic;

  font-size: 12px; }

.example-twitter-oss .repo-name {

  font-weight: bold; }

.example-twitter-oss .repo-description {

  font-size: 12px; }



/* SLIDER */

.slider-vertical {

  height: 200px;

  float: left;

  margin-right: 20px; }



/* DATEPICKER */

.datepicker, .daterangepicker {

  z-index: 2200 !important; }



.datepicker td, .datepicker th, .daterangepicker td, .daterangepicker th {

  text-transform: uppercase;

  font-size: 0.875em; }



.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active[disabled], .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled[disabled]:hover {

  background: #03a9f4 !important; }



.daterangepicker td.active, .daterangepicker td.active:hover {

  background: #03a9f4 !important; }



.daterangepicker td.in-range {

  background: #dceffc !important; }



.daterangepicker .ranges li {

  border-radius: 0 !important;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  color: #03a9f4 !important; }



.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {

  background-color: #03a9f4 !important;

  border-color: #03a9f4 !important;

  color: #fff !important; }



.daterangepicker .range_inputs button.applyBtn {

  min-width: 74px;

  margin-right: 7px; }



.daterangepicker .range_inputs button.cancelBtn {

  min-width: 74px; }



/* GALLERY */

#gallery-photos-wrapper {

  position: relative; }



.gallery-photos {

  list-style: none;

  margin: 0;

  padding: 0;

  position: relative; }

  .gallery-photos li {

    float: left;

    display: block;

    margin-top: 7px;

    margin-bottom: 7px;

    overflow: hidden;

    position: relative; }

    .gallery-photos li .photo-box {

      background-size: cover;

      background-repeat: no-repeat;

      background-position: center;

      background-color: #eee;

      width: 100%;

      height: 100%;

      overflow: hidden;

      min-width: 100px;

      min-height: 100px;

      padding-top: 98%;

      display: block; }

    .gallery-photos li .photo-box.image-link {

      padding-top: 68%; }

    .gallery-photos li:hover .photo-box:after {

      background: rgba(0, 0, 0, 0.4);

      position: absolute;

      content: "";

      top: 0;

      right: 8px;

      bottom: 0;

      left: 8px; }

  .gallery-photos.gallery-photos-hover {

    cursor: move; }

  .gallery-photos .remove-photo-link {

    cursor: pointer;

    display: none;

    left: 50%;

    margin-left: -18.5px;

    position: absolute;

    text-align: center;

    top: 50%;

    margin-top: -18.5px; }

  .gallery-photos .thumb-meta-time {

    bottom: 10px;

    color: #eee;

    font-size: 0.75em;

    left: 18px;

    position: absolute; }

  .gallery-photos li .remove-photo-link .icon-stack {

    font-size: 2em; }

  .gallery-photos.gallery-photos-hover li:hover .remove-photo-link {

    display: block; }



/* NESTABLE LIST */

.dd {

  position: relative;

  display: block;

  list-style: none;

  font-size: 13px;

  line-height: 20px; }

  @media only screen and (min-width: 700px) {

    .dd {

      float: left;

      width: 48%; } }



.dd-list {

  display: block;

  position: relative;

  margin: 0;

  padding: 0;

  list-style: none; }



.dd-list .dd-list {

  padding-left: 30px; }



.dd-collapsed .dd-list {

  display: none; }



.dd-item, .dd-empty, .dd-placeholder {

  display: block;

  position: relative;

  margin: 0;

  padding: 0;

  min-height: 20px;

  font-size: 13px;

  line-height: 20px; }



.dd-handle-list {

  position: absolute;

  width: 30px;

  height: 30px;

  background: #E1E1E1;

  top: 0;

  left: 0;

  z-index: 1;

  font-size: 1em;

  color: #000000;

  text-align: center;

  border: 1px solid #E1E1E1;

  padding-top: 4px; }



.dd-handle {

  background: none repeat scroll 0 0 #F6F6F8;

  border: 2px solid #e1e1e1;

  border-radius: 0;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  color: #000000;

  display: block;

  font-size: 0.875em;

  font-weight: 700;

  height: 32px;

  margin: 5px 0;

  padding: 5px 10px;

  text-decoration: none;

  box-sizing: border-box; }

  .dd-handle:hover {

    color: #03a9f4;

    background: #fff; }

  .dd-handle .nested-links {

    float: right; }

    .dd-handle .nested-links .nested-link {

      margin: 0 2px; }

    .dd-handle .nested-links .nested-link:last-child {

      margin-right: 0; }

    .dd-handle .nested-links .nested-link i {

      font-size: 1.25em; }



.dd-item-list .dd-handle {

  padding-left: 40px; }



.dd-item > button {

  display: block;

  position: relative;

  cursor: pointer;

  float: left;

  width: 25px;

  height: 20px;

  margin: 5px 0;

  padding: 0;

  text-indent: 100%;

  white-space: nowrap;

  overflow: hidden;

  border: 0;

  background: transparent;

  font-size: 12px;

  line-height: 1;

  text-align: center;

  font-weight: bold; }

.dd-item > button:before {

  content: '+';

  display: block;

  position: absolute;

  width: 100%;

  text-align: center;

  text-indent: 0; }

.dd-item > button[data-action="collapse"]:before {

  content: '-'; }



.dd-placeholder, .dd-empty {

  margin: 5px 0;

  padding: 0;

  min-height: 30px;

  background: #f2fbff;

  border: 1px dashed #b6bcbf;

  box-sizing: border-box; }



.dd-empty {

  border: 1px dashed #bbb;

  min-height: 100px;

  background-color: #e5e5e5;

  background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);

  background-size: 60px 60px;

  background-position: 0 0, 30px 30px; }



.dd-dragel {

  position: absolute;

  pointer-events: none;

  z-index: 9999; }

  .dd-dragel > .dd-item .dd-handle {

    margin-top: 0; }

  .dd-dragel .dd-handle {

    box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); }



.nestable-lists {

  display: block;

  clear: both;

  padding: 30px 0;

  width: 100%; }

  .nestable-lists .dd-placeholder {

    background: #E9FDFB;

    border-color: #2980b9; }



.dd-hover > .dd-handle {

  background: #2ea8e5 !important; }



@media only screen and (min-width: 700px) {

  .dd + .dd {

    margin-left: 2%; } }



/* LOGIN PAGE */

#login-page {

  background-color: #e7ebee; }



#login-page-full {

  background-color: #e7ebee; }



#login-box {

  max-width: 350px;

  min-width: 280px;

  margin: 60px auto 20px;

  overflow: hidden;

  border-radius: 3px 3px 0 0;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */ }

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

    #login-box {

      margin-top: 20px; } }

  #login-box #login-box-header {

    height: 5px; }

    #login-box #login-box-header > div {

      height: 100%;

      width: 16.6667%;

      float: left; }

    #login-box #login-box-header .login-box-header-red {

      background: #e84e40; }

    #login-box #login-box-header .login-box-header-green {

      background: #8bc34a; }

    #login-box #login-box-header .login-box-header-yellow {

      background: #ffc107; }

    #login-box #login-box-header .login-box-header-purple {

      background: #9c27b0; }

    #login-box #login-box-header .login-box-header-blue {

      background: #03a9f4; }

    #login-box #login-box-header .login-box-header-gray {

      background: #90a4ae; }



#login-box-inner {

  background: #fff;

  border-radius: 0 0 3px 3px;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  border: 1px solid #e1e1e1;

  border-bottom-width: 5px;

  padding: 40px 25px; }

  #login-box-inner.with-heading {

    padding-top: 20px; }

  #login-box-inner h4 {

    margin-top: 0;

    margin-bottom: 10px; }

  #login-box-inner .reset-pass-input {

    padding: 15px 0;

    margin-bottom: 0; }



#login-logo-sabah {

    color: #fff;

    display: block;

    font-size: 1.5em;

    border-color: #003;

    font-weight: 400;

    padding: 25px 0;

    opacity: 0.9;

    filter: alpha(opacity=50);

    text-align: center;

    background: #17ead9;

    background: -webkit-linear-gradient(45deg, #17ead9, #6078ea)!important;

    background: linear-gradient(45deg, #17ead9, #6078ea)!important;

}

#login-logo-ikindi {

    color: #fff;

    display: block;

    font-size: 1.5em;

    border-color: #003;

    font-weight: 400;

    padding: 25px 0;

    opacity: 0.9;

    filter: alpha(opacity=50);

    text-align: center;

background: #ee0979;

    background: -webkit-linear-gradient(45deg, #ee0979, #ff6a00)!important;

    background: linear-gradient(45deg, #ee0979, #ff6a00)!important;

} 

#login-logo-aksam {

    color: #fff;

    display: block;

    font-size: 1.5em;

    border-color: #003;

    font-weight: 400;

    padding: 25px 0;

    opacity: 0.9;

    filter: alpha(opacity=50);

    text-align: center;

	background: #283048;

    background: -webkit-linear-gradient(45deg, #283048, #859398)!important;

    background: linear-gradient(45deg, #283048, #859398)!important;

} 

#login-logo-gece {

    color: #fff;

    display: block;

    font-size: 1.5em;

    border-color: #003;

    font-weight: 400;

    padding: 25px 0;

    opacity: 0.9;

    filter: alpha(opacity=50);

    text-align: center;

    background: #7f00ff;

    background: -webkit-linear-gradient(45deg, #7f00ff, #e100ff)!important;

    background: linear-gradient(45deg, #7f00ff, #e100ff)!important;

} 

#login-logo2 {

    background: none repeat scroll 0 0 #1a262b;

    color: #FFFFFF;

    display: block;

    font-size: 1.5em;

	border-color:#003;

    font-weight: 400;

    padding: 15px 0;

    opacity: 0.9;

    filter: alpha(opacity=50);

    text-align: center;

	font-weight:bold;

}

  #login-logo > img {

    display: block;

    height: 40px;

    margin: 0 auto; }

  #login-logo > span {

    display: block;

    font-size: 0.6em;

    font-weight: 300;

    text-transform: none; }



#login-box .input-group {

  margin-bottom: 10px; }

  #login-box .input-group input {

    font-weight: 300; }

  #login-box .input-group .input-group-addon {

    padding-left: 0;

    padding-right: 0;

    min-width: 50px; }

  #login-box .input-group .input-group-addon i {

    color: #efefef; 
	    line-height: 42px;}

#login-box #login-forget-link {

  display: block;

  font-size: 0.875em;

  text-align: right;

  margin-top: 3px; }

#login-box #remember-me-wrapper {

  padding: 10px 0; }

#login-box .btn {

  font-size: 1.125em;

  font-weight: 600;

  padding-bottom: 10px;

  padding-top: 10px;

  text-transform: uppercase;

  margin-top: 8px; }

#login-box .form-group {

  margin-bottom: 7px; }

  #login-box .form-group .checkbox label {

    padding-left: 7px; }

  #login-box .form-group .checkbox input {

    margin-left: 0; }

#login-box .btn-facebook, #login-box .btn-twitter {

  text-transform: none;

  font-size: 1em;

  margin-bottom: 10px; }

#login-box .social-text {

  margin: 0;

  padding: 15px 0;

  text-align: center;

  font-size: 0.875em; }



#login-box-inner .input-group > .form-control, #login-box-inner .input-group > .input-group-addon {

  height: 46px;

  line-height: 42px;

  padding-top: 0;

  padding-bottom: 0; }

#login-box-inner .input-group > .input-group-addon {

  height: 46px; }



#login-box-footer {

  text-align: center;

  font-size: 0.875em;

  margin-top: 10px; }



#login-full-wrapper #login-box-footer {

  color: #fff; }

  #login-full-wrapper #login-box-footer a {

    color: #fff;

    text-decoration: underline; }

    #login-full-wrapper #login-box-footer a:hover {

      text-decoration: none; }



#login-page .login-create, #login-page-full .login-create {

  margin-bottom: 20px; }



#login-full-wrapper {

  width: 100%;

  height: 100%;

  position: absolute; }

  @media (max-height: 605px) {

    #login-full-wrapper {

      position: relative; } }

  @media (max-height: 621px) and (max-width: 767px) {

    #login-full-wrapper {

      position: relative; } }



#login-full-wrapper #login-box {

  border: none; }



#login-page-full .container {

  max-width: 1440px;

  margin: 0 auto; }

#login-page-full .login-full-create {

  margin-right: 20px;

  line-height: 50px; }



#login-full-left {

  margin-top: 50px;

  margin-bottom: 20px; }

  #login-full-left h1 {

    text-align: center;

    color: #363636;

    font-weight: 600;

    margin-bottom: 40px; }

  #login-full-left h2 {

    text-align: center;

    margin-top: 30px; }

  #login-full-left p.login-full-devices {

    margin-top: 30px; }

  #login-full-left .login-full-features {

    margin: 20px 0;

    padding: 0;

    list-style: none;

    text-align: center; }

    #login-full-left .login-full-features > li {

      display: inline-block;

      margin: 0 8px; }

    #login-full-left .login-full-features > li > i {

      display: block;

      text-align: center;

      font-size: 1.6em;

      margin-bottom: 4px; }

    #login-full-left .login-full-features > li > span {

      display: block;

      text-align: center;

      font-size: 0.845em;

      line-height: 1.2; }



@media (max-height: 605px) {

  #login-full-wrapper.reset-password-wrapper {

    position: absolute; } }

@media (max-height: 505px) {

  #login-full-wrapper.reset-password-wrapper {

    position: relative; } }



/* LOCK SCREEN */

#lock-screen-user img {

  border-radius: 18%;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  display: block;

  height: 100px;

  margin: 0 auto;

  width: 100px; }

#lock-screen-user .user-box .name {

  display: block;

  font-size: 1.3em;

  padding: 10px 0 40px;

  text-align: center; }



/* PASSWORD METER */

#pwindicator {

  margin-top: 15px;

  margin-bottom: 5px;

  width: 150px; }



.pwdindicator .bar {

  height: 4px; }

.pwdindicator.pw-very-weak .bar {

  background: #fb241f;

  width: 30px; }

.pwdindicator.pw-very-weak .pwdstrength-label {

  color: #fb241f; }

.pwdindicator.pw-weak .bar {

  background: #e84e40;

  width: 60px; }

.pwdindicator.pw-weak .pwdstrength-label {

  color: #e84e40; }

.pwdindicator.pw-mediocre .bar {

  background: #ffc107;

  width: 90px; }

.pwdindicator.pw-mediocre .pwdstrength-label {

  color: #ffc107; }

.pwdindicator.pw-strong .bar {

  background: #f3b31a;

  width: 120px; }

.pwdindicator.pw-strong .pwdstrength-label {

  color: #f3b31a; }

.pwdindicator.pw-very-strong .bar {

  background: #8bc34a;

  width: 150px; }

.pwdindicator.pw-very-strong .pwdstrength-label {

  color: #8bc34a; }



/* PRICING */

.pricing-package {

  padding-top: 20px;

  padding-bottom: 20px; }

  .pricing-package .pricing-package-inner {

    color: #7d7d7d;

    position: relative;

    transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s;

    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);

    border-radius: 2px;

    background-clip: padding-box;

    /* stops bg color from leaking outside the border: */ }

  .pricing-package .pricing-star {

    background: url(../../img/pricing-star.png) no-repeat;

    position: absolute;

    width: 39px;

    height: 40px;

    color: #fff;

    font-size: 0.65em;

    text-align: center;

    line-height: 1.1;

    padding-top: 9px;

    right: -10px;

    top: -20px; }

  .pricing-package .package-header {

    background: #03a9f4;

    border-radius: 2px 2px 0 0;

    background-clip: padding-box;

    /* stops bg color from leaking outside the border: */ }

    .pricing-package .package-header h3 {

      line-height: 1;

      text-align: center;

      color: #fff;

      margin: 0;

      padding: 20px 0 0;

      border: 0;

      font-size: 1.2em;

      text-transform: uppercase;

      font-weight: 400; }

    .pricing-package .package-header .stars {

      color: #fff;

      text-align: center;

      padding-top: 8px;

      display: none; }

  .pricing-package .package-content {

    padding: 0;

    margin: 0;

    border: 1px solid #e7ebee;

    border-top-color: transparent;

    border-radius: 0 0 2px 2px;

    background-clip: padding-box;

    /* stops bg color from leaking outside the border: */ }

    .pricing-package .package-content .package-price {

      font-weight: bold;

      text-align: center;

      height: 80px;

      line-height: 75px;

      background: #03a9f4;

      color: #fff;

      margin: -1px;

      position: relative; }

      .pricing-package .package-content .package-price .package-month {

        font-size: 1em;

        font-weight: normal; }

      .pricing-package .package-content .package-price .price {

        font-size: 4em;

        font-weight: 400; }

      .pricing-package .package-content .package-price .currency {

        font-size: 1.5em;

        font-weight: 600; }

  .pricing-package .package-top-features {

    list-style: none;

    margin: 0;

    padding: 0; }

    .pricing-package .package-top-features li {

      border-bottom: 1px solid #e7ebee;

      text-align: center;

      font-size: 1.125em;

      line-height: 1.5;

      padding: 8px 0; }

      .pricing-package .package-top-features li:first-child {

        border-top: 1px solid #e7ebee; }

  .pricing-package .package-features {

    list-style: none;

    margin: 0 18px;

    padding: 15px 0;

    position: relative; }

    .pricing-package .package-features li {

      font-size: 0.875em;

      padding: 6px 0;

      line-height: 1.3;

      color: #7d7d7d;

      padding-left: 25px; }

      .pricing-package .package-features li.has-feature {

        transition: color 0.1s ease-in-out 0s; }

      .pricing-package .package-features li.has-nofeature {

        text-decoration: line-through; }

      .pricing-package .package-features li.has-feature:before {

        content: "\f00c";

        font-family: FontAwesome;

        font-style: normal;

        font-weight: normal;

        font-size: 1.3em;

        text-decoration: inherit;

        color: #8bc34a;

        margin-top: -2px;

        position: absolute;

        left: 0;

        text-decoration: none; }

      .pricing-package .package-features li.has-nofeature:before {

        content: "\f00d";

        font-family: FontAwesome;

        font-style: normal;

        font-weight: normal;

        font-size: 1.3em;

        text-decoration: inherit;

        color: #e84e40;

        margin-top: -2px;

        position: absolute;

        left: 0;

        text-decoration: none; }

  .pricing-package .package-footer {

    text-align: center;

    padding: 10px 0 25px; }

    .pricing-package .package-footer .btn > span {

      padding-right: 6px;

      transition: color 0.1s ease-in-out 0s; }

    .pricing-package .package-footer .btn:hover > span {

      color: #fff; }

  .pricing-package.simple .package-header h3 {

    font-size: 1.3em;

    padding: 0;

    line-height: 42px;

    height: 42px; }

  .pricing-package.simple .package-content .package-price {

    font-size: 1.8em;

    height: 60px;

    line-height: 60px;

    background: transparent;

    color: inherit; }

  .pricing-package.simple .package-top-features li {

    font-size: 0.875em; }

  .pricing-package.simple .package-top-features li:last-child {

    border-bottom: 0; }

  .pricing-package:hover .pricing-package-inner {

    background-color: #fcfcfc;

    color: #212121; }

  .pricing-package:hover .package-features li.has-feature {

    color: #212121; }



/* INVOICE */

#invoice-companies {

  border: 1px solid #e7ebee;

  border-left: 0;

  border-right: 0;

  margin: 20px -20px; }

  @media (max-width: 419px) {

    #invoice-companies {

      margin-left: -10px;

      margin-right: -10px; } }

  #invoice-companies .invoice-box {

    border-right: 1px solid #e7ebee;

    padding: 25px 20px;

    height: 100%;

    min-height: 165px; }

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

      #invoice-companies .invoice-box {

        border-bottom: 1px solid #e7ebee;

        border-right: 0;

        border-left: 0; } }

    #invoice-companies .invoice-box.invoice-box-dates {

      border-right: 0; }

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

        #invoice-companies .invoice-box.invoice-box-dates {

          border-bottom: 0; } }

  #invoice-companies .invoice-icon {

    float: left;

    margin-right: 20px;

    margin-top: 20px;

    color: #e7ebee;

    text-align: center; }

    #invoice-companies .invoice-icon > i {

      font-size: 2.4em;

      display: block; }

  #invoice-companies .invoice-company {

    float: left; }

    #invoice-companies .invoice-company h4 {

      font-size: 1.4em; }

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

    #invoice-companies .invoice-dates {

      padding-top: 15px; } }

  #invoice-companies .invoice-dates .invoice-date > strong {

    text-transform: uppercase;

    line-height: 28px; }

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

      #invoice-companies .invoice-dates .invoice-date > strong {

        font-size: 0.875em;

        line-height: 22px; } }

  #invoice-companies .invoice-dates .invoice-date > span {

    font-size: 1.3em; }

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

      #invoice-companies .invoice-dates .invoice-date > span {

        font-size: 1.1em; } }

  #invoice-companies .invoice-dates .invoice-date.invoice-due-date > span {

    font-weight: bold; }

  #invoice-companies .invoice-dates .invoice-number > strong {

    text-transform: uppercase;

    line-height: 48px; }

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

      #invoice-companies .invoice-dates .invoice-number > strong {

        font-size: 0.875em;

        line-height: 33px; } }

  #invoice-companies .invoice-dates .invoice-number > span {

    color: #03a9f4;

    font-size: 1.9em; }

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

      #invoice-companies .invoice-dates .invoice-number > span {

        font-size: 1.4em; } }



.invoice-box-total {

  line-height: 1.8;

  border: 1px solid #e7ebee;

  border-right: 0;

  border-left: 0;

  padding: 20px 0; }

  .invoice-box-total .invoice-box-total-label {

    font-size: 1.125em; }

  .invoice-box-total .invoice-box-total-value {

    font-size: 1.125em; }

  .invoice-box-total .grand-total {

    font-size: 1.25em;

    text-transform: uppercase;

    font-weight: bold; }



.invoice-summary {

  padding-top: 30px;

  padding-bottom: 30px;

  margin-left: -3px;

  margin-right: -3px; }

  .invoice-summary > div {

    padding-left: 3px;

    padding-right: 3px; }

  .invoice-summary .invoice-summary-item {

    background: #dceffc;

    text-align: center;

    padding: 10px 0;

    margin-top: 3px;

    margin-bottom: 3px; }

    .invoice-summary .invoice-summary-item > span {

      font-size: 0.75em; }

    .invoice-summary .invoice-summary-item > div {

      font-size: 1.125em; }



/* USER PROFILE */

#user-profile h2 {

  padding-right: 15px; }

#user-profile .profile-status {

  font-size: 0.75em;

  margin-top: -10px;

  padding-bottom: 10px;

  color: #8bc34a; }

  #user-profile .profile-status.offline {

    color: #e84e40; }

#user-profile .profile-img {

  border-radius: 50%;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  margin-bottom: 15px; }

#user-profile .profile-label {

  text-align: center;

  padding: 5px 0; }

  #user-profile .profile-label.label {

    padding: 5px 15px;

    font-size: 1em; }

#user-profile .profile-stars {

  color: #FABA03;

  padding: 7px 0;

  text-align: center; }

  #user-profile .profile-stars > i {

    margin-left: -2px; }

#user-profile .profile-since {

  text-align: center;

  margin-top: -5px; }

#user-profile .profile-details {

  padding: 15px 0;

  border-top: 1px solid #e7ebee;

  border-bottom: 1px solid #e7ebee;

  margin: 15px 0; }

  #user-profile .profile-details ul {

    padding: 0;

    margin-top: 0;

    margin-bottom: 0;

    margin-left: 40px; }

    #user-profile .profile-details ul > li {

      margin: 3px 0;

      line-height: 1.5; }

      #user-profile .profile-details ul > li > i {

        padding-top: 2px; }

      #user-profile .profile-details ul > li > span {

        color: #03a9f4; }

#user-profile .profile-header {

  position: relative; }

  #user-profile .profile-header > h3 {

    margin-top: 10px; }

  #user-profile .profile-header .edit-profile {

    margin-top: -6px;

    position: absolute;

    right: 0;

    top: 0; }

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

      #user-profile .profile-header .edit-profile {

        display: block;

        position: relative;

        margin-bottom: 15px; } }

#user-profile .profile-tabs {

  /* margin-top: 30px; */ }

#user-profile .profile-user-info {

  padding-bottom: 20px;

  padding-top: 10px; }

  #user-profile .profile-user-info .profile-user-details {

    position: relative;

    padding: 4px 0; }

  #user-profile .profile-user-info .profile-user-details .profile-user-details-label {

    width: 110px;

    float: left;

    bottom: 0;

    font-weight: bold;

    left: 0;

    position: absolute;

    text-align: right;

    top: 0;

    width: 110px;

    padding-top: 4px; }

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

      #user-profile .profile-user-info .profile-user-details .profile-user-details-label {

        float: none;

        position: relative;

        text-align: left; } }

  #user-profile .profile-user-info .profile-user-details .profile-user-details-value {

    margin-left: 120px; }

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

      #user-profile .profile-user-info .profile-user-details .profile-user-details-value {

        margin-left: 0; } }

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

  #user-profile .profile-social {

    margin-top: 20px; } }

#user-profile .profile-social li {

  padding: 4px 0; }

#user-profile .profile-social li > i {

  padding-top: 6px; }

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

  #user-profile .profile-message-btn .btn {

    display: block; } }

#user-profile .table tbody tr td {

  padding-bottom: 20px;

  padding-top: 20px; }

#user-profile .table tbody tr:first-child td {

  border-top: none; }



/* NEWSFEED */

#newsfeed .story {

  padding: 40px 0;

  margin: 0 20px;

  border-bottom: 1px solid #e7ebee; }

  #newsfeed .story:last-child {

    border-bottom: 0; }

  @media (max-width: 767px) {

    #newsfeed .story {

      padding: 20px 0;

      margin: 0; } }

#newsfeed .story-user {

  position: absolute; }

  #newsfeed .story-user a {

    display: block; }

  #newsfeed .story-user a img {

    display: block;

    width: 70px;

    height: 70px;

    border-radius: 50%;

    background-clip: padding-box;

    /* stops bg color from leaking outside the border: */ }

    @media (max-width: 767px) {

      #newsfeed .story-user a img {

        width: 30px;

        height: 30px; } }

#newsfeed .story-content {

  padding-left: 100px;

  position: relative; }

  @media (max-width: 767px) {

    #newsfeed .story-content {

      padding-left: 40px; } }

  #newsfeed .story-content .story-header .story-author {

    font-weight: 300; }

  #newsfeed .story-content .story-header .story-author a {

    font-weight: 400; }

  #newsfeed .story-content .story-header .story-time {

    color: #999;

    font-size: 0.75em;

    position: absolute;

    right: 0px;

    top: 0; }

    @media (max-width: 1170px) {

      #newsfeed .story-content .story-header .story-time {

        position: relative;

        padding-top: 2px; } }

  #newsfeed .story-content .story-inner-content {

    color: #6c6f75;

    font-size: 0.85em;

    padding: 12px 0; }

  #newsfeed .story-content .story-footer {

    font-size: 0.85em; }

    #newsfeed .story-content .story-footer .story-comments-link {

      color: #212121;

      margin-right: 10px; }

      #newsfeed .story-content .story-footer .story-comments-link:hover {

        color: #161e1d;

        text-decoration: none; }

    #newsfeed .story-content .story-footer .story-likes-link {

      color: #e84e40; }

      #newsfeed .story-content .story-footer .story-likes-link:hover {

        color: #dd191d;

        text-decoration: none; }

#newsfeed .map-content {

  width: 100%;

  height: 200px; }

#newsfeed .story-images .story-image-link {

  display: block;

  width: 50%;

  float: left;

  padding-right: 2px; }

  @media (max-width: 767px) {

    #newsfeed .story-images .story-image-link {

      width: 50%; } }

#newsfeed .story-images .story-image-link-small {

  width: 25%;

  padding-bottom: 2px; }

  @media (max-width: 767px) {

    #newsfeed .story-images .story-image-link-small {

      width: 50%; } }



.widget-users {

  padding: 0 20px; }

  @media (max-width: 767px) {

    .widget-users {

      padding: 0 10px; } }



.conversation-wrapper {

  padding: 10px 20px; }

  @media (max-width: 767px) {

    .conversation-wrapper {

      padding: 10px 5px; } }



/* CONVERSATION */

.conversation-wrapper .conversation-inner {

  padding: 0 0 5px 0;

  margin-right: 10px; }

.conversation-wrapper .conversation-user {

  width: 50px;

  height: 50px;

  overflow: hidden;

  float: left;

  border-radius: 50%;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  margin-top: 6px; }

.conversation-wrapper .conversation-item {

  padding: 5px 0;

  position: relative; }

  .conversation-wrapper .conversation-item.item-right .conversation-body {

    background: #dceffc; }

    .conversation-wrapper .conversation-item.item-right .conversation-body:before {

      border-color: transparent transparent transparent #dceffc;

      left: auto;

      right: -12px; }

  .conversation-wrapper .conversation-item.item-right .conversation-user {

    float: right; }

  .conversation-wrapper .conversation-item.item-right .conversation-body {

    margin-left: 0;

    margin-right: 60px; }

.conversation-wrapper .conversation-body {

  background: #f5f5f5;

  font-size: 0.875em;

  width: auto;

  margin-left: 60px;

  padding: 8px 10px;

  position: relative;

  border-radius: 3px;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */ }

  .conversation-wrapper .conversation-body:before {

    border-color: transparent #f5f5f5 transparent transparent;

    border-style: solid;

    border-width: 6px;

    content: "";

    cursor: pointer;

    left: -12px;

    position: absolute;

    top: 25px; }

  .conversation-wrapper .conversation-body > .name {

    font-weight: 600;

    font-size: 1.125em; }

  .conversation-wrapper .conversation-body > .time {

    position: absolute;

    font-size: 0.875em;

    right: 10px;

    top: 0;

    margin-top: 10px;

    color: #605f5f;

    font-weight: 300; }

    .conversation-wrapper .conversation-body > .time:before {

      content: "\f017";

      font-family: FontAwesome;

      font-style: normal;

      font-weight: normal;

      text-decoration: inherit;

      margin-top: 4px;

      font-size: 0.875em; }

  .conversation-wrapper .conversation-body > .text {

    padding-top: 6px; }

.conversation-wrapper .conversation-new-message {

  padding-top: 10px; }



/* RECENT - USERS */

.widget-users {

  list-style: none;

  margin: 0;

  padding: 0; }

  .widget-users li {

    border-bottom: 2px solid #ebebeb;

    padding: 15px 0;

    height: 96px; }

    .widget-users li > .img {

      float: left;

      margin-top: 8px;

      width: 170px;

      height: 75px;

      overflow: hidden;

      background-clip: padding-box;

      /* stops bg color from leaking outside the border: */ }

    .widget-users li > .details {

      margin-left: 60px; }

      .widget-users li > .details > .name {

        font-weight: 600; }

        .widget-users li > .details > .name > a {

          color: #212121; }

        .widget-users li > .details > .name > a:hover {

          color: #03a9f4; }

      .widget-users li > .details > .time {

        color: #03a9f4;

        font-size: 0.75em;

        padding-bottom: 7px; }

        .widget-users li > .details > .time.online {

          color: #8bc34a; }



/* INFOGRAPHIC BOX */

.infographic-box {

  padding: 20px; }

  .infographic-box i {

    font-size: 2.4em;

    display: block;

    float: right;

    margin-right: 15px;

    width: 60px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    border-radius: 50%;

    background-clip: padding-box;

    /* stops bg color from leaking outside the border: */

    color: #fff; }

  .infographic-box .headline {

    display: block;

    font-size: 1.2em;

    font-weight: 300;

    text-align: right; }

  .infographic-box .value {

    font-size: 2.1em;

    font-weight: 600;

    margin-top: -5px;

    display: block;

    text-align: right; }

  .infographic-box.merged {

    border-top: 2px solid #e7ebee;

    border-right: 2px solid #e7ebee;

    width: 50%; }

    @media (max-width: 767px) {

      .infographic-box.merged {

        width: 100%;

        border-right: none; } }

    .infographic-box.merged .headline {

      text-align: left;

      font-size: 0.8em;

      margin-top: -2px;

      text-transform: uppercase;

      font-weight: 600; }

    .infographic-box.merged .value {

      text-align: left;

      font-size: 1.8em;

      font-weight: 400;

      margin-top: 2px; }

    .infographic-box.merged.merged-top {

      border-top: none; }

    .infographic-box.merged.merged-right {

      border-right: none; }

    @media (max-width: 767px) {

      .infographic-box.merged.merged-top.merged-right {

        border-top: 1px solid #e7ebee; } }

  .infographic-box.colored {

    color: #fff;

    border: 0 !important; }

    .infographic-box.colored i {

      font-size: 4.6em;

      margin-left: 7px;

      color: #fff; }

    .infographic-box.colored .headline {

      font-size: 1em;

      font-weight: 600;

      margin-bottom: 4px; }



/* RECENT - PRODUCTS */

.widget-products {

  list-style: none;

  margin: 0;

  padding: 0; }

  .widget-products li {

    border-bottom: 2px solid #ebebeb; }

    .widget-products li > a {

      height: 88px;

      display: block;

      width: 100%;

      color: #212121;

      padding: 3px 10px;

      position: relative;

      transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; }

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

        .widget-products li > a {

          height: auto;

          padding-bottom: 10px; } }

      .widget-products li > a:hover {

        color: #212121;

        text-decoration: none;

        background-color: #f6f6f6; }

      .widget-products li > a:after {

        content: "\f138";

        font-family: FontAwesome;

        font-size: 0.875em;

        font-style: normal;

        font-weight: normal;

        margin-top: 32px;

        position: absolute;

        right: 10px;

        text-decoration: inherit;

        top: 0;

        color: #cccccc;

        font-size: 1.3em; }

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

          .widget-products li > a:after {

            display: none; } }

    .widget-products li .img {

      display: block;

      float: left;

      text-align: center;

      width: 70px;

      height: 68px;

      overflow: hidden;

      margin-top: 7px; }

    .widget-products li .product {

      display: block;

      margin-left: 90px;

      margin-top: 19px; }

      .widget-products li .product > .name {

        display: block;

        font-weight: 600;

        padding-bottom: 7px; }

      .widget-products li .product > .price {

        display: block;

        text-decoration: none;

        width: 50%;

        float: left;

        font-size: 0.875em; }

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

          .widget-products li .product > .price {

            width: 100%; } }

        .widget-products li .product > .price > i {

          color: #8bc34a; }

      .widget-products li .product > .warranty {

        display: block;

        text-decoration: none;

        width: 50%;

        float: left;

        font-size: 0.875em; }

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

          .widget-products li .product > .warranty {

            clear: both;

            width: 100%; } }

        .widget-products li .product > .warranty > i {

          color: #ffc107; }



/* RECENT - TODO */

.widget-todo {

  list-style: none;

  margin: 0;

  padding: 0; }

  .widget-todo > li {

    border-bottom: 2px solid #ebebeb;

    padding: 10px 5px; }

    .widget-todo > li:hover {

      background-color: #f8f8f8; }

    .widget-todo > li input:checked + label {

      text-decoration: line-through; }

  .widget-todo .name {

    float: left; }

    .widget-todo .name span.label {

      margin-left: 5px; }

  .widget-todo .actions {

    float: right;

    padding-right: 5px;

    padding-top: 2px; }

    .widget-todo .actions > a {

      margin: 0 2px;

      color: #707070; }

      .widget-todo .actions > a.badge {

        color: #fff; }

      .widget-todo .actions > a:hover {

        text-decoration: none;

        color: #03a9f4; }

      .widget-todo .actions > a.badge:hover {

        background-color: #fff; }

      .widget-todo .actions > a > i {

        font-size: 1.125em; }



.xs-graph .graph-label {

  font-size: 0.875em;

  padding-bottom: 5px;

  color: #616161; }



.jqstooltip {

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  border-radius: 3px;

  border: 0 !important;

  background: rgba(0, 0, 0, 0.7) !important;

  opacity: 1; }



#flot-tooltip {

  position: absolute;

  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);

  border: 2px solid rgba(230, 230, 230, 0.8);

  border-radius: 10px;

  color: #666;

  font-family: sans-serif;

  font-size: 12px;

  padding: 6px;

  text-align: center; }



#flot-tooltip span {

  display: block; }



#flot-tooltip b {

  font-weight: bold;

  margin: 0.25em 0;

  color: #666;

  font-family: sans-serif;

  font-size: 12px;

  text-align: center; }



#flot-tooltip i {

  margin: 0.1em 0;

  white-space: nowrap;

  color: #666;

  font-family: sans-serif;

  font-size: 12px;

  text-align: center;

  font-style: normal; }



.legend .legendColorBox > div {

  margin-right: 7px;

  border: none !important; }



.graph-stats {

  list-style: none;

  padding: 0;

  margin: 0;

  margin-top: 10px; }

  .graph-stats li {

    padding: 0; }

    .graph-stats li .title {

      color: #3b3b3b;

      margin-top: 12px;

      font-size: 0.875em; }

    .graph-stats li .value {

      color: #3b3b3b;

      font-size: 1.6em;

      font-weight: 300; }

      .graph-stats li .value > .fa {

        font-size: 0.6em; }

      .graph-stats li .value .tooltip {

        font-weight: 400; }

    .graph-stats li .progress {

      height: 5px; }



/* GRAPH BOX */

.graph-box {

  padding: 15px 15px;

  border-radius: 3px 0 0 3px;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */ }

  .graph-box h2 {

    color: #fff;

    font-size: 1.6em;

    font-weight: 300;

    margin-bottom: 10px;

    margin-left: 10px; }

  .graph-box .graph .morris-hover.morris-default-style {

    background: #000;

    background: rgba(0, 0, 0, 0.8);

    border: none;

    border-radius: 6px;

    background-clip: padding-box;

    /* stops bg color from leaking outside the border: */

    color: #999; }



.graph-nice-legend {

  padding-left: 15px;

  padding-top: 65px; }

  @media (max-width: 1199px) {

    .graph-nice-legend {

      padding-left: 0; } }

  @media (max-width: 991px) {

    .graph-nice-legend {

      padding-top: 10px;

      padding-bottom: 10px;

      padding-left: 0; } }

  .graph-nice-legend .graph-legend-row {

    padding-top: 10px;

    padding-bottom: 10px; }

  .graph-nice-legend .graph-legend-name {

    display: block;

    font-size: 1.2em;

    font-weight: 300; }

  .graph-nice-legend .graph-legend-value {

    display: block;

    font-size: 2.1em;

    font-weight: 600;

    /* color: $primary-color; */ }

  @media (max-width: 991px) {

    .graph-nice-legend .graph-legend-row-inner {

      padding: 0 20px; } }



/* SMALL GRAPH BOX */

.small-graph-box {

  padding: 20px;

  color: #fff;

  border: 0 !important; }

  .small-graph-box .headline {

    display: block;

    font-size: 0.875em;

    font-weight: 400;

    margin-top: -5px;

    padding-bottom: 5px;

    text-transform: uppercase; }

  .small-graph-box .value {

    display: block;

    font-size: 1.9em;

    font-weight: 600;

    margin-top: -5px; }

  .small-graph-box .progress {

    background: rgba(0, 0, 0, 0.2);

    height: 5px;

    margin-bottom: 5px;

    margin-top: 10px; }

    .small-graph-box .progress .progress-bar {

      background-color: #fff; }

  .small-graph-box .subinfo {

    display: block;

    font-size: 0.8em;

    padding-top: 5px; }

    .small-graph-box .subinfo i {

      font-size: 1.2em; }



/* CHART SMALL */

.dashboard-stats {

  margin: 20px -20px -20px; }

  @media (max-width: 419px) {

    .dashboard-stats {

      margin-left: -10px;

      margin-right: -10px;

      margin-bottom: -12px; } }



.chart-small {

  border-top: 1px solid #e1e1e1;

  border-right: 1px solid #e1e1e1;

  outline: none;

  padding: 15px 0;

  display: block;

  text-decoration: none;

  color: #212121;

  transition: background-color 0.1s ease-in-out 0s; }

  .chart-small:last-child, .chart-small.last {

    border-right: 0; }

  @media (max-width: 767px) {

    .chart-small:nth-child(2) {

      border-right: 0; } }

  .chart-small:hover {

    background-color: #f9f9f9;

    text-decoration: none;

    color: #212121; }

  .chart-small .headline {

    font-weight: 600;

    font-size: 0.75em;

    padding: 0 20px;

    margin-bottom: -5px; }

  .chart-small .value {

    font-weight: 600;

    font-size: 1.9em;

    padding: 0 20px; }

    @media (max-width: 419px) {

      .chart-small .value {

        font-size: 1.6em; } }



.chart-small-content {

  max-height: 100px;

  height: 50px;

  padding: 0px;

  margin: 20px 20px 0;

  position: relative; }



/* SOCIAL BOX */

.social-box-wrapper {

  box-shadow: 1px 1px 2px 0 #cccccc;

  border-radius: 3px;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  margin-bottom: 16px;

  overflow: hidden; }



.social-box {

  color: #fff;

  padding: 15px;

  font-weight: 300;

  transition: background-color 0.15s ease-in-out 0s; }

  .social-box .social-count {

    float: left;

    display: block;

    font-size: 1.8em;

    font-weight: 400; }

  .social-box .social-action {

    float: left;

    display: block;

    font-size: 1.2em;

    margin-left: 5px;

    margin-top: 9px; }

  .social-box .social-name {

    display: block;

    font-size: 0.875em;

    padding-top: 4px; }

  .social-box > i {

    font-size: 3.4em;

    text-align: right;

    display: block; }

  .social-box.facebook {

    background: #3b5998; }

  .social-box.facebook:hover {

    background-color: #2f477b; }

  .social-box.twitter {

    background: #55acee; }

  .social-box.twitter:hover {

    background-color: #4091ce; }

  .social-box.google {

    background: #dd4b39; }

  .social-box.google:hover {

    background-color: #c43a2a; }



/* PROFILE BOX */

.profile-box .main-box-body {

  padding: 0; }

.profile-box .profile-box-header {

  padding: 30px 20px 20px;

  background-repeat: no-repeat;

  background-size: cover;

  color: #fff;

  text-align: center;

  border-radius: 3px 3px 0 0;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */ }

.profile-box .profile-img {

  border-radius: 18%;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  width: 130px;

  height: 130px;

  border: 5px solid #fff; }

.profile-box h2 {

  padding: 10px 0 0;

  margin: 0;

  font-weight: 600; }

.profile-box .job-position {

  font-weight: 400;

  color: #fff;

  font-size: 0.875em; }

.profile-box .profile-box-footer {

  background: #03a9f4;

  border-radius: 0 0 3px 3px;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */ }

  .profile-box .profile-box-footer a {

    display: block;

    background: #03a9f4;

    width: 33%;

    width: 33.33%;

    float: left;

    text-align: center;

    padding: 15px 10px;

    color: #fff; }

    .profile-box .profile-box-footer a:first-child {

      border-radius: 0 0 0 3px;

      background-clip: padding-box;

      /* stops bg color from leaking outside the border: */ }

    .profile-box .profile-box-footer a:last-child {

      border-radius: 0 0 3px 0;

      background-clip: padding-box;

      /* stops bg color from leaking outside the border: */ }

    .profile-box .profile-box-footer a:hover {

      text-decoration: none;

      color: #fff; }

  .profile-box .profile-box-footer .value {

    display: block;

    font-size: 1.8em;

    font-weight: 600; }

  .profile-box .profile-box-footer .label {

    display: block;

    font-size: 0.875em;

    font-weight: 600; }



.profile-box-menu .main-box-body {

  padding: 0; }

.profile-box-menu .profile-box-header {

  padding: 30px 20px;

  color: #fff;

  border-radius: 3px 3px 0 0;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  background-repeat: no-repeat;

  background-size: cover; }

.profile-box-menu .profile-img {

  border-radius: 18%;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  width: 110px;

  height: 110px;

  float: left;

  margin-right: 15px;

  border: 5px solid #fff; }

.profile-box-menu h2 {

  padding: 20px 0 3px;

  margin: 0;

  display: inline-block;

  font-weight: 600;

  line-height: 1.1; }

.profile-box-menu .job-position {

  font-weight: 600;

  font-size: 0.875em; }

.profile-box-menu .profile-box-content .menu-items {

  margin: 0;

  padding: 0;

  list-style: none; }

  .profile-box-menu .profile-box-content .menu-items li a {

    display: block;

    height: 40px;

    line-height: 40px;

    border-bottom: 2px solid #e7ebee;

    padding: 0 20px;

    font-size: 0.875em;

    transition: background-color 0.15s ease-in-out 0s;

    color: #212121; }

    .profile-box-menu .profile-box-content .menu-items li a:hover {

      background-color: #e7ebee;

      text-decoration: none; }

    .profile-box-menu .profile-box-content .menu-items li a i {

      width: 24px; }

    .profile-box-menu .profile-box-content .menu-items li a span.label {

      margin-top: 10px; }

  .profile-box-menu .profile-box-content .menu-items li:last-child a {

    border-bottom: none; }



.profile-box-stats .main-box-body {

  padding: 0; }

.profile-box-stats .profile-box-header {

  border-radius: 3px 3px 0 0;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  padding: 30px 20px 70px;

  color: #fff;

  text-align: center;

  position: relative;

  background-repeat: no-repeat;

  background-size: cover; }

.profile-box-stats .profile-img {

  border-radius: 18%;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  border: 5px solid #fff;

  bottom: -45px;

  float: left;

  height: 90px;

  left: 50%;

  margin-left: -45px;

  position: absolute;

  width: 90px; }

.profile-box-stats h2 {

  padding: 0 0 8px;

  margin: 0;

  display: inline-block;

  font-weight: 600;

  line-height: 1.1;

  font-size: 1.5em; }

.profile-box-stats .job-position {

  font-weight: 600;

  font-size: 0.875em; }

.profile-box-stats .profile-box-footer {

  padding-top: 50px;

  padding-bottom: 15px; }

  .profile-box-stats .profile-box-footer a {

    display: block;

    width: 33%;

    width: 33.33%;

    float: left;

    text-align: center;

    padding: 15px 10px;

    color: #212121; }

    .profile-box-stats .profile-box-footer a:hover {

      text-decoration: none; }

  .profile-box-stats .profile-box-footer .value {

    display: block;

    font-size: 1.8em;

    font-weight: 300; }

  .profile-box-stats .profile-box-footer .label {

    display: block;

    font-size: 1em;

    font-weight: 300;

    color: #212121; }



.profile-box-contact .main-box-body {

  padding: 0; }

.profile-box-contact .profile-box-header {

  padding: 30px 20px;

  color: #fff;

  border-radius: 3px 3px 0 0;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */ }

.profile-box-contact .profile-img {

  border-radius: 18%;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  width: 110px;

  height: 110px;

  float: left;

  margin-right: 15px;

  border: 5px solid #fff; }

.profile-box-contact h2 {

  padding: 8px 0 3px;

  margin: 0;

  display: inline-block;

  font-weight: 400;

  line-height: 1.1; }

.profile-box-contact .job-position {

  font-weight: 300;

  font-size: 0.875em; }

.profile-box-contact .profile-box-footer {

  padding-top: 10px;

  padding-bottom: 15px; }

  .profile-box-contact .profile-box-footer a {

    display: block;

    width: 33%;

    width: 33.33%;

    float: left;

    text-align: center;

    padding: 15px 10px;

    color: #212121; }

    .profile-box-contact .profile-box-footer a:hover {

      text-decoration: none; }

  .profile-box-contact .profile-box-footer .value {

    display: block;

    font-size: 1.8em;

    font-weight: 300; }

  .profile-box-contact .profile-box-footer .label {

    display: block;

    font-size: 1em;

    font-weight: 300;

    color: #212121; }

.profile-box-contact .contact-details {

  padding: 4px 0 0;

  margin: 0;

  list-style: none;

  font-size: 0.875em;

  font-weight: 300; }

  .profile-box-contact .contact-details li i {

    width: 12px;

    text-align: center;

    margin-right: 3px; }



.weather-box .main-box-body {

  padding: 0; }

.weather-box .current {

  text-align: center;

  padding-bottom: 40px;

  padding-top: 36px; }

  .weather-box .current .icon {

    display: block;

    float: left; }

  .weather-box .current .temp-wrapper {

    float: left;

    margin-left: 20px; }

    .weather-box .current .temp-wrapper .temperature {

      font-size: 3.6em;

      font-weight: 300;

      margin-top: -5px;

      text-align: left; }

    .weather-box .current .temp-wrapper .desc {

      margin-top: -4px;

      text-align: left; }

.weather-box .next {

  background: #03a9f4;

  border-radius: 0 0 3px 3px;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  color: #fff;

  padding: 20px; }

  .weather-box .next ul {

    list-style: none;

    margin: 0;

    padding: 0; }

    .weather-box .next ul li {

      float: left;

      width: 20%;

      text-align: center; }

  .weather-box .next .day {

    font-size: 1em;

    text-transform: uppercase; }

  .weather-box .next .icon {

    font-size: 2em; }

  .weather-box .next .temperature {

    font-size: 1.4em; }



.weather-box-large .main-box-body {

  padding: 0; }

.weather-box-large .current {

  background: url(../../img/samples/new-york-sunset.jpg) no-repeat;

  background-size: cover;

  border-radius: 3px;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  min-height: 340px;

  color: #fff;

  padding: 20px 30px; }

  .weather-box-large .current h4 {

    margin-bottom: 30px; }

  .weather-box-large .current .place {

    font-size: 1.2em;

    text-transform: uppercase;

    font-weight: 600; }

    .weather-box-large .current .place > i {

      margin-right: 5px; }

  .weather-box-large .current .temp-out-wrapper {

    margin-top: 20px; }

  .weather-box-large .current .icon {

    display: block;

    float: left;

    font-size: 6em; }

  .weather-box-large .current .temp-wrapper {

    float: left;

    margin-left: 30px; }

    .weather-box-large .current .temp-wrapper .temperature {

      font-size: 3.6em;

      font-weight: 300;

      margin-top: -5px;

      text-align: left; }

    .weather-box-large .current .temp-wrapper .desc {

      margin-top: -4px;

      text-align: left;

      font-weight: 600; }



.feed ul {

  list-style: none;

  padding: 0;

  margin: 0; }

.feed li {

  border-bottom: 2px solid #ebebeb;

  padding: 15px 0;

  font-size: 0.875em;

  position: relative; }

  .feed li:last-child {

    border-bottom: 0; }

  .feed li .img {

    float: left;

    margin-right: 10px; }

    .feed li .img img {

      border-radius: 50%;

      width: 50px;

      height: 50px; }

  .feed li .title {

    padding-right: 55px;

    margin-left: 60px; }

    .feed li .title a {

      font-weight: 600; }

  .feed li .post-time {

    color: #878787;

    padding-top: 4px;

    margin-left: 60px; }

  .feed li .time-ago {

    position: absolute;

    top: 16px;

    right: 0;

    color: #878787;

    font-size: 0.875em; }

  .feed li .photos {

    margin-left: 60px;

    margin-top: 10px; }

    .feed li .photos .item {

      float: left;

      margin-right: 2px; }

      .feed li .photos .item img {

        width: 50px;

        height: 50px; }



/* PROJECT BOX */

.project-box .main-box-body {

  padding: 0; }

.project-box .project-box-header {

  border-radius: 3px 3px 0 0;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */ }

  .project-box .project-box-header .name a {

    color: #fff;

    display: block;

    font-size: 1.4em;

    font-weight: 300;

    padding: 16px 15px;

    border-radius: 3px 3px 0 0;

    background-clip: padding-box;

    /* stops bg color from leaking outside the border: */

    transition: background-color 0.1s ease-in-out 0s; }

    .project-box .project-box-header .name a:hover {

      text-decoration: none; }

  .project-box .project-box-header.green-bg .name a:hover {

    background: #689f38; }

.project-box .project-box-content {

  padding: 30px 20px 5px;

  text-align: center; }

  .project-box .project-box-content .chart {

    position: relative;

    text-align: center;

    font-weight: 300;

    font-size: 1em;

    width: 130px;

    height: 130px;

    display: block;

    margin: 0 auto;

    padding-top: 37px; }

  .project-box .project-box-content .chart canvas {

    position: absolute;

    top: 0;

    left: 0; }

  .project-box .project-box-content .chart .percent {

    font-size: 2.1em;

    font-weight: 600; }

  .project-box .project-box-content .chart .lbl {

    display: block;

    font-size: 0.875em;

    margin-top: -7px; }

.project-box .project-box-footer {

  border-radius: 0 0 3px 3px;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */ }

  .project-box .project-box-footer a {

    border-right: 1px solid #eee;

    color: #212121;

    display: block;

    float: left;

    margin: 20px 0;

    padding: 5px 10px;

    text-align: center;

    width: 33.33%; }

    .project-box .project-box-footer a:last-child {

      border: none; }

    .project-box .project-box-footer a:hover {

      text-decoration: none; }

  .project-box .project-box-footer .value {

    display: block;

    font-size: 1.8em;

    font-weight: 300; }

  .project-box .project-box-footer .label {

    display: block;

    font-size: 0.875em;

    font-weight: 300;

    color: #212121; }

.project-box .project-box-ultrafooter {

  background: #f7fafa;

  border-top: 1px solid #e9eef0;

  padding: 8px 15px;

  border-radius: 0 0 3px 3px;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */ }

  .project-box .project-box-ultrafooter .project-img-owner {

    border-radius: 50%;

    background-clip: padding-box;

    /* stops bg color from leaking outside the border: */

    display: block;

    float: left;

    height: 33px;

    margin-right: 5px;

    overflow: hidden;

    width: 33px; }

  .project-box .project-box-ultrafooter .link {

    margin-top: 6px;

    color: #c1c5c6; }

.project-box.emerald-box .project-box-footer a:hover {

  color: #03a9f4; }

.project-box.red-box .project-box-footer a:hover {

  color: #e84e40; }

.project-box.yellow-box .project-box-footer a:hover {

  color: #ffc107; }

.project-box.green-box .project-box-footer a:hover {

  color: #8bc34a; }

.project-box.purple-box .project-box-footer a:hover {

  color: #9c27b0; }

.project-box.gray-box .project-box-footer a:hover {

  color: #90a4ae; }



/* SEARCH */

#search-results {

  padding: 0;

  margin: 23px 0 0;

  list-style: none; }

  #search-results li {

    margin-bottom: 25px; }

    #search-results li h3.title {

      border: 0 none;

      font-weight: 600;

      margin: 0 0 3px;

      padding: 0;

      font-size: 1.3em; }

    #search-results li .meta-info {

      margin-left: 83px; }

      @media (max-width: 767px) {

        #search-results li .meta-info {

          margin-left: 0; } }

    #search-results li .search-img {

      margin-right: 8px;

      margin-top: 4px;

      float: left; }

    #search-results li .link-title {

      color: #006611;

      font-size: 0.875em;

      overflow: hidden; }

    #search-results li .desc {

      font-size: 0.875em;

      margin-top: 3px;

      max-width: 750px; }



#search-form .input-group-btn button {

  height: 46px;

  font-size: 16px; }

  #search-form .input-group-btn button > i {

    margin-right: 3px; }

#search-form .input-group .form-control {

  font-size: 16px; }



/* TIMELINE GRID STYLE */

#timeline-grid {

  position: relative; }

  #timeline-grid .item {

    border-radius: 3px;

    background-clip: padding-box;

    /* stops bg color from leaking outside the border: */

    box-shadow: 1px 1px 2px 0 #CCCCCC;

    overflow: hidden;

    background: #fff; }

    #timeline-grid .item a {

      text-decoration: none; }

      #timeline-grid .item a:hover {

        text-decoration: underline; }

    #timeline-grid .item img {

      width: 100%; }

    #timeline-grid .item .text {

      display: block; }

  #timeline-grid .item .time, #timeline-grid .tweet .user {

    font-style: italic;

    color: #666666; }

  #timeline-grid .tweet-wrapper {

    padding: 10px;

    line-height: 16px;

    font-size: 0.875em;

    line-height: 1.4; }



/* ERROR PAGE */

#error-page {

  background-color: #eeeeee; }



#error-box {

  min-width: 280px;

  text-align: center;

  margin: 40px auto 20px; }

  #error-box h1 {

    margin-top: 40px;

    color: #605f5f;

    padding: 0; }

  #error-box p {

    margin: 20px 0; }



/* PACE PRELOADER */

.pace .pace-progress {

  background: #03a9f4;

  position: fixed;

  z-index: 2000;

  top: 0;

  left: 0;

  height: 2px;

  transition: width 1s; }



.pace-inactive {

  display: none; }



.daterange-filter {

  background: none repeat scroll 0 0 #FFFFFF;

  border: 1px solid #CCCCCC;

  cursor: pointer;

  padding: 5px 10px; }



.main-box-header .daterange-filter {

  margin-top: 7px;

  margin-bottom: 7px; }



.filter-block {

  margin-top: 7px; }

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

    .filter-block {

      float: none !important;

      clear: both; } }

  .filter-block .form-group {

    margin-right: 10px;

    position: relative; }

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

      .filter-block .form-group {

        float: none !important;

        margin-right: 0; } }

    .filter-block .form-group .form-control {

      height: 34px; }

    .filter-block .form-group .search-icon {

      position: absolute;

      color: #707070;

      right: 8px;

      top: 11px; }

  .filter-block .btn {

    margin-left: 5px; }

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

      .filter-block .btn {

        display: block;

        float: none !important;

        margin-bottom: 15px;

        margin-left: 0; } }



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

  #reportrange {

    clear: both;

    float: none !important;

    margin-bottom: 15px; } }



.the-icons {

  font-size: 0.875em;

  line-height: 2; }

  .the-icons .glyphicon {

    width: 30px;

    text-align: center; }



.tabs-wrapper .nav-tabs {

  margin-bottom: 15px; }

.tabs-wrapper .tab-content {

  margin-bottom: 20px;

  padding: 0 10px; }



.dropdown-example ul.dropdown-menu {

  display: block; }



svg {

  width: 100% !important; }



.top-page-ui {

  margin-top: -10px; }



/* EMAILS */

#content-wrapper.email-inbox-wrapper {

  background-color: #fff;

  min-height: inherit;

  padding: 0 15px; }

  @media (max-width: 767px) {

    #content-wrapper.email-inbox-wrapper {

      padding-left: 8px;

      padding-right: 8px; } }

  @media (max-width: 419px) {

    #content-wrapper.email-inbox-wrapper {

      padding-left: 5px;

      padding-right: 5px; } }



#email-box {

  background: #fff;

  margin: 0 -15px;

  padding: 15px 15px 0; }

  @media (max-width: 767px) {

    #email-box {

      margin-left: -8px;

      margin-right: -8px;

      padding-left: 8px;

      padding-right: 8px; } }

  @media (max-width: 419px) {

    #email-box {

      margin-left: -5px;

      margin-right: -5px;

      padding-left: 5px;

      padding-right: 5px; } }

  #email-box ul {

    padding: 0;

    margin: 0;

    list-style: none; }



#email-header {

  padding-bottom: 10px; }



#email-header-title {

  font-size: 1.8em;

  font-weight: 300;

  position: absolute;

  width: 200px; }



#email-header-tools {

  margin-left: 215px;

  position: relative;

  float: left; }

  @media (max-width: 991px) {

    #email-header-tools {

      margin-left: 0; } }



#email-header-pagination .pagination {

  padding: 0;

  margin: 0; }

#email-header-pagination .num-items {

  margin-right: 10px;

  margin-top: 9px;

  font-size: 0.875em; }



#email-navigation {

  width: 200px;

  position: absolute; }

  #email-navigation .email-compose-btn {

    display: block;

    margin-bottom: 30px;

    margin-top: 10px;

    font-size: 0.875em;

    font-weight: 600; }

    #email-navigation .email-compose-btn > i {

      margin-right: 3px; }



#email-nav-items {

  margin: 15px 0 5px; }

  #email-nav-items li {

    border-left: 3px solid #fff; }

    #email-nav-items li a {

      color: #212121;

      font-size: 0.875em;

      display: block;

      padding: 8px 5px 8px 0; }

      #email-nav-items li a i {

        margin-right: 5px;

        text-align: center;

        width: 25px;

        color: #212121; }

    #email-nav-items li a:hover {

      color: #03a9f4;

      text-decoration: none; }

    #email-nav-items li.active {

      background: none repeat scroll 0 0 #e7ebee;

      border-left-color: #03a9f4;

      font-weight: 700; }

      #email-nav-items li.active a {

        color: #03a9f4; }



#email-nav-labels-wrapper {

  padding: 20px 0 10px; }

  #email-nav-labels-wrapper .email-nav-headline {

    color: #777;

    font-size: 0.75em;

    font-weight: 700;

    text-transform: uppercase; }



#email-nav-labels {

  padding: 5px 0 0; }

  #email-nav-labels li a {

    color: #212121;

    font-size: 0.875em;

    display: block;

    padding: 8px 5px 8px 0; }

    #email-nav-labels li a:hover {

      color: #03a9f4;

      text-decoration: none; }

    #email-nav-labels li a i {

      margin-right: 5px;

      text-align: center;

      width: 25px; }



#email-content {

  position: relative;

  margin-left: 215px; }

  @media (max-width: 991px) {

    #email-content {

      margin-left: 0;

      margin-bottom: 35px;

      height: auto !important; } }



#email-list {

  padding: 10px 0 1px; }

  #email-list li {

    background-color: #f3f7fa;

    height: 46px;

    line-height: 46px;

    overflow: hidden;

    padding-left: 250px;

    padding-right: 10px;

    position: relative;

    width: 100%;

    border-bottom: 1px solid #e7ebee; }

    @media (max-width: 767px) {

      #email-list li {

        height: auto;

        padding-left: 45px;

        line-height: 1.5;

        min-height: 46px; } }

    #email-list li:first-child {

      border-top: 1px solid #d3d9dd; }

    #email-list li.unread {

      background-color: #fff; }

      #email-list li.unread .name, #email-list li.unread .message .subject {

        font-weight: 700; }

      #email-list li.unread .meta-info {

        background-color: #fff; }

    #email-list li .chbox {

      height: 24px;

      left: 10px;

      position: absolute;

      top: 11px;

      width: 24px; }

      @media (max-width: 767px) {

        #email-list li .chbox {

          top: 50%;

          margin-top: -12px; } }

    #email-list li .star {

      left: 38px;

      position: absolute;

      top: 11px; }

      @media (max-width: 767px) {

        #email-list li .star {

          display: none; } }

      #email-list li .star a:before {

        color: #ffc107;

        content: "\f006";

        display: block;

        font-family: FontAwesome;

        font-size: 1.25em;

        font-style: normal;

        font-weight: normal;

        height: 24px;

        line-height: 24px;

        text-align: center;

        text-decoration: none;

        width: 24px; }

      #email-list li .star a:hover {

        text-decoration: none; }

      #email-list li .star a:hover:before {

        color: #ffa000; }

      #email-list li .star a.starred:before {

        content: "\f005"; }

    #email-list li .name {

      font-size: 0.875em;

      left: 70px;

      position: absolute;

      width: 170px; }

      @media (max-width: 767px) {

        #email-list li .name {

          left: 45px;

          line-height: 1.5;

          padding-top: 8px; } }

    #email-list li .message {

      font-size: 0.875em; }

      @media (max-width: 767px) {

        #email-list li .message {

          margin-top: 24px;

          padding-bottom: 8px; } }

      #email-list li .message > .label {

        margin-right: 2px; }

        @media (max-width: 767px) {

          #email-list li .message > .label {

            display: none; } }

      #email-list li .message > .body {

        color: #777;

        font-weight: 400; }

    #email-list li .meta-info {

      position: absolute;

      right: 0;

      top: 0;

      padding-right: 10px;

      padding-left: 10px;

      background-color: #f3f7fa; }

      @media (max-width: 767px) {

        #email-list li .meta-info {

          padding-left: 5px;

          padding-right: 5px; } }

      #email-list li .meta-info .attachment {

        color: #212121;

        display: inline-block;

        font-size: 1.125em;

        margin-right: 5px; }

        @media (max-width: 767px) {

          #email-list li .meta-info .attachment {

            display: none; } }

      #email-list li .meta-info .date {

        display: inline-block;

        font-size: 0.875em;

        text-align: right;

        width: 60px; }

        @media (max-width: 767px) {

          #email-list li .meta-info .date {

            width: 50px;

            margin-top: 8px; } }

    #email-list li:hover, #email-list li:hover .meta-info {

      cursor: pointer;

      background-color: #eff3f6; }



#email-header-mobile {

  height: 36px;

  line-height: 36px;

  margin-bottom: 10px; }

  #email-header-mobile #email-header-title-mobile {

    font-size: 1.4em;

    font-weight: 300; }



#email-detail {

  position: relative;

  margin-left: 215px; }

  @media (max-width: 991px) {

    #email-detail {

      margin-left: 0;

      margin-bottom: 35px; } }



#email-detail-subject, #email-new-title {

  border-bottom: 1px solid #e7ebee;

  border-top: 1px solid #e7ebee;

  font-weight: 300;

  line-height: 1.5;

  margin-top: 5px;

  padding: 15px 0; }



#email-new-title {

  margin-bottom: 20px; }



#email-detail-subject .subject, #email-new-title .subject {

  display: block;

  float: left;

  font-size: 1.5em;

  margin-right: 10px; }



#email-detail-subject .label {

  display: inline-block;

  float: left;

  margin-top: 4px;

  padding-bottom: 5px;

  padding-top: 5px; }



#email-detail-sender {

  border-bottom: 1px solid #e7ebee;

  height: 70px;

  padding: 10px 0 10px 60px;

  position: relative; }

  @media (max-width: 767px) {

    #email-detail-sender {

      padding-left: 0; } }

  #email-detail-sender .picture {

    left: 0;

    position: absolute;

    top: 10px; }

    #email-detail-sender .picture img {

      border-radius: 50%;

      background-clip: padding-box;

      /* stops bg color from leaking outside the border: */

      width: 50px; }

  #email-detail-sender .users {

    padding-top: 6px; }

    #email-detail-sender .users .from .name {

      float: left;

      font-weight: 700;

      margin-right: 5px; }

    #email-detail-sender .users .from .email {

      float: left; }

    #email-detail-sender .users .to {

      color: #777; }

  #email-detail-sender .tools {

    margin-top: -18px;

    position: absolute;

    right: 0;

    top: 50%; }

    #email-detail-sender .tools .date {

      color: #777;

      float: left;

      font-size: 0.875em;

      line-height: 36px;

      margin-right: 10px; }

    #email-detail-sender .tools .btns {

      float: right; }

      #email-detail-sender .tools .btns .dropdown-menu {

        left: auto;

        right: 0; }



#email-body {

  padding: 18px 30px 18px 0; }

  #email-body p {

    margin: 0 0 10px; }

    #email-body p:last-child {

      margin-bottom: 0; }

  #email-body ul, #email-body ol {

    list-style: inherit;

    padding-left: 20px;

    margin-bottom: 10px; }

    #email-body ul li, #email-body ol li {

      padding: 2px 0;

      line-height: 1.4; }

  #email-body h1 {

    padding-left: 0;

    margin-bottom: 15px;

    margin-top: 25px; }

  #email-body h2 {

    margin-top: 20px;

    padding: 0; }

  #email-body h3 {

    border: none;

    padding-left: 0;

    margin-top: 15px; }



#email-detail-attachments {

  border-top: 1px solid #e7ebee;

  padding: 18px 0; }

  #email-detail-attachments #email-attachments-header .headline {

    float: left;

    font-size: 0.875em; }

    #email-detail-attachments #email-attachments-header .headline > span {

      font-weight: 600; }

    #email-detail-attachments #email-attachments-header .headline > b {

      font-weight: 600; }

  #email-detail-attachments #email-attachments-header .tools {

    float: left;

    font-size: 0.875em;

    margin-left: 3px; }

  #email-detail-attachments #email-attachments-content ul li {

    background: none repeat scroll 0 0 #e7ebee;

    border: 1px solid #e7ebee;

    border-radius: 3px;

    background-clip: padding-box;

    /* stops bg color from leaking outside the border: */

    float: left;

    font-size: 0.875em;

    margin: 10px 10px 10px 0;

    overflow: hidden;

    padding: 0; }

  #email-detail-attachments #email-attachments-content ul li .img {

    border-radius: 3px 3px 0 0;

    background-clip: padding-box;

    /* stops bg color from leaking outside the border: */

    height: 87px;

    overflow: hidden;

    width: 130px;

    text-align: center; }

  #email-detail-attachments #email-attachments-content ul li .img img {

    width: 100%; }

  #email-detail-attachments #email-attachments-content ul li .img > i {

    font-size: 5.7em;

    padding: 10px 0; }

  #email-detail-attachments #email-attachments-content ul li .name {

    display: block;

    padding: 4px 6px; }

  #email-detail-attachments #email-attachments-content ul li > a {

    display: block;

    padding: 0 6px 5px; }



#email-new {

  position: relative;

  margin-left: 215px; }

  @media (max-width: 991px) {

    #email-new {

      margin-left: 0;

      margin-bottom: 55px; } }



#email-new-header .form-group label, #email-new-body label {

  font-weight: 600;

  margin-bottom: 0;

  margin-top: 9px;

  text-align: right; }

  @media (max-width: 767px) {

    #email-new-header .form-group label, #email-new-body label {

      padding-bottom: 4px; } }



#email-new-body label {

  text-align: left;

  padding-left: 5px; }



#email-new-footer {

  margin-top: 20px;

  margin-bottom: 20px; }



#email-new .form-control-s2 {

  width: 100%; }



#email-new .wysiwyg-editor {

  max-height: 220px;

  height: 220px; }



#email-new .select2-container.select2-container-multi .select2-choices .select2-search-field input {

  height: 32px; }



/* CONFIG TOOLS */

#config-tool {

  position: fixed;

  right: 0;

  top: 120px;

  width: 200px;

  z-index: 1000;

  transition: all 0.2s ease-in-out 0s; }



#config-tool #config-tool-cog {

  background: #fff;

  border-radius: 3px 0 0 3px;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  box-shadow: -3px 3px 3px -2px rgba(0, 0, 0, 0.1);

  cursor: pointer;

  left: -50px;

  padding: 10px;

  position: absolute;

  text-align: center;

  width: 50px;

  transition: all 0.1s ease-in-out 0s;

  top: 0; }



#config-tool.closed #config-tool-cog i {

  /* -webkit-transform: rotate(-135deg);

	-moz-transform: rotate(-135deg);

	-o-transform: rotate(-135deg);

	-ms-transform: rotate(-135deg);

	transform: rotate(-135deg); */

  -webkit-animation: rotating 3s linear infinite;

  -moz-animation: rotating 3s linear infinite;

  -ms-animation: rotating 3s linear infinite;

  -o-animation: rotating 3s linear infinite;

  animation: rotating 3s linear infinite; }



#config-tool.closed #config-tool-cog:hover {

  background-color: #03a9f4;

  color: #fff; }



#config-tool #config-tool-cog i {

  font-size: 2.2em;

  /* -webkit-transition: -webkit-transform 1.1s ease-in-out 0.1s;

	-moz-transition: -moz-transform 1.1s ease-in-out 0.1s;

	transition: transform 1.1s ease-in-out 0.1s;

	-webkit-animation: rotating 2s linear infinite; */ }



@-webkit-keyframes rotating {

  from {

    transform: rotate(0deg); }



  to {

    transform: rotate(360deg); } }



@-moz-keyframes rotating {

  from {

    transform: rotate(0deg); }



  to {

    transform: rotate(360deg); } }



@-ms-keyframes rotating {

  from {

    transform: rotate(0deg); }



  to {

    transform: rotate(360deg); } }



@-o-keyframes rotating {

  from {

    transform: rotate(0deg); }



  to {

    transform: rotate(360deg); } }



@keyframes rotating {

  from {

    transform: rotate(0deg); }



  to {

    transform: rotate(360deg); } }



#config-tool #config-tool-options {

  background: #fff;

  box-shadow: -3px 3px 3px -2px rgba(0, 0, 0, 0.1);

  padding: 15px; }



#config-tool #config-tool-options h4 {

  margin: 0;

  font-size: 1.3em; }



#config-tool #config-tool-options ul {

  list-style: none;

  padding: 15px 0 0;

  margin: 0; }



#config-tool #config-tool-options ul li {

  padding: 4px 0; }



#config-tool #config-tool-options ul li .checkbox {

  margin: 0; }



#config-tool.closed {

  right: -200px; }



#config-tool.opened {

  right: 0; }



#config-tool #skin-colors li {

  display: block;

  float: left;

  padding: 3px !important; }



#config-tool #skin-colors li a.skin-changer {

  background: #03a9f4;

  display: block;

  height: 30px;

  width: 30px;

  cursor: pointer; }



#config-tool #skin-colors li:nth-child(5) {

  clear: left; }



#config-tool #skin-colors li a.skin-changer.active {

  border: 2px solid #ff0000; }



/* RTL support */

.rtl #content-wrapper {

  margin-left: 0;

  margin-right: 220px; }

.rtl .nav-small #content-wrapper {

  margin-right: 64px; }

.rtl .pull-left {

  float: right !important; }

.rtl .pull-right {

  float: left !important; }

.rtl .nav > li {

  float: right; }

.rtl #sidebar-nav .nav > li {

  float: none; }

.rtl #sidebar-nav .nav > li > a {

  border-left: none;

  padding-left: 15px;

  padding-right: 20px; }

.rtl #sidebar-nav .nav > li > a:hover {

  border-left-color: transparent;

  border-right-color: #03a9f4; }

.rtl .nav-pills > li.active > a, .rtl .nav-pills > li.active > a:hover, .rtl .nav-pills > li.active > a:focus, .rtl #sidebar-nav .nav-pills > li.active > a, .rtl #sidebar-nav .nav-pills > li.active > a:hover, .rtl #sidebar-nav .nav-pills > li.active > a:focus, .rtl .nav-small #nav-col #sidebar-nav .nav-pills > li.open > a {

  border-left-color: transparent;

  border-right-color: #03a9f4; }

.rtl #sidebar-nav .nav > li > a > span {

  margin-left: 0;

  margin-right: 35px; }

.rtl #sidebar-nav .nav > li > a > span.label {

  margin-right: 0; }

.rtl #sidebar-nav .nav li > a.dropdown-toggle > .drop-icon {

  left: 25px;

  right: auto; }

.rtl #sidebar-nav .nav li .submenu > li > a {

  padding-left: 0;

  padding-right: 66px; }

.rtl #sidebar-nav .nav > .open > .submenu > li > .submenu a:before {

  margin-right: -10px;

  margin-left: 0; }

.rtl .navbar > .container .navbar-brand {

  margin-right: -8px;

  margin-left: 0; }

.rtl #user-left-box img {

  float: right; }

.rtl #user-left-box .user-box {

  padding-left: 0;

  padding-right: 15px;

  float: right; }

.rtl .nav-small #nav-col #sidebar-nav .nav li .submenu {

  right: 64px;

  left: auto; }

.rtl .messages-list .item > a > .content {

  padding-left: 0;

  padding-right: 50px; }

.rtl .notifications-list .item a .time {

  left: 13px;

  right: auto; }

.rtl .notifications-list .item a .time i {

  margin-left: 3px;

  margin-right: 0; }

.rtl .dropdown-menu > li > a {

  padding-right: 35px;

  padding-left: 25px; }

.rtl .dropdown-menu > li > a > i {

  margin-right: -18px;

  margin-left: 0; }

.rtl .mobile-search > a.btn {

  float: left; }

.rtl .mobile-search.active .drowdown-search {

  right: 0;

  left: auto; }

.rtl .drowdown-search {

  right: 168px;

  left: 0; }

.rtl .navbar-nav {

  margin-left: 0; }

.rtl #logo.navbar-brand > img {

  float: right;

  padding-left: 4px;

  padding-right: 0; }

.rtl .infographic-box i {

  float: right;

  margin-right: 0;

  margin-left: 15px; }

.rtl .infographic-box .headline {

  text-align: left; }

.rtl .infographic-box .value {

  text-align: left; }

.rtl .social-box > i {

  text-align: left; }

.rtl .social-box .social-count {

  float: right; }

.rtl .social-box .social-action {

  margin-left: 0;

  margin-right: 5px;

  float: right; }

.rtl .breadcrumb > li + li:before {

  display: none; }

.rtl .breadcrumb > li + li:after {

  color: #262626;

  font-family: FontAwesome;

  content: "\f104"; }

.rtl .breadcrumb > li {

  margin-left: 0;

  margin-right: 8px; }

.rtl .breadcrumb > li span {

  padding-left: 0;

  padding-right: 8px; }

.rtl .breadcrumb > li:first-child {

  margin-right: 0; }

.rtl h1 {

  padding-left: 0;

  padding-right: 14px; }

.rtl .graph-box {

  border-radius: 0 3px 3px 0;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */ }

.rtl .filter-block .form-group {

  margin-right: 0;

  margin-left: 10px; }

.rtl .filter-block .btn {

  margin-right: 5px;

  margin-left: 0; }

.rtl .filter-block .form-group .search-icon {

  left: 8px;

  right: auto; }

.rtl .widget-users li > .img, .rtl .widget-products li .img, .rtl .widget-todo .name {

  float: right; }

.rtl .widget-users li > .details {

  margin-right: 60px;

  margin-left: 0; }

.rtl .widget-products li .product {

  margin-right: 90px;

  margin-left: 0; }

.rtl .widget-products li > a:after {

  left: 10px;

  right: auto;

  content: "\f137"; }

.rtl .widget-todo .actions {

  float: left;

  padding-right: 0;

  padding-left: 5px; }

.rtl .checkbox-nice {

  padding-right: 15px;

  padding-left: 0; }

.rtl .checkbox-nice label:after {

  right: 6px;

  left: auto; }

.rtl .checkbox-nice label:before {

  right: 1px;

  left: auto; }

.rtl .conversation-user {

  float: right; }

.rtl .conversation-body:before {

  right: -12px;

  left: auto;

  border-color: transparent transparent transparent #f5f5f5; }

.rtl .conversation-body {

  margin-left: 0;

  margin-right: 60px; }

.rtl .conversation-body > .time {

  left: 10px;

  right: auto; }

.rtl .conversation-item.item-right .conversation-user {

  float: left; }

.rtl .conversation-item.item-right .conversation-body:before {

  border-color: transparent #dceffc transparent transparent;

  right: auto;

  left: -12px; }

.rtl .conversation-item.item-right .conversation-body {

  margin-right: 0;

  margin-left: 60px; }

.rtl #config-tool {

  left: 0;

  right: auto; }

.rtl #config-tool.closed {

  left: -200px; }

.rtl #config-tool #config-tool-cog {

  left: auto;

  right: -50px;

  border-radius: 0 3px 3px 0;

  background-clip: padding-box;

  /* stops bg color from leaking outside the border: */

  box-shadow: 3px 3px 3px -2px rgba(0, 0, 0, 0.1); }

.rtl .user-list tbody td > img {

  float: right;

  margin-left: 15px;

  margin-right: 0; }

.rtl #email-content, .rtl #email-detail, .rtl #email-new {

  margin-left: 0;

  margin-right: 215px; }

.rtl #email-header-tools {

  margin-left: 0;

  margin-right: 215px;

  float: right; }

.rtl #email-header-pagination .num-items {

  margin-left: 10px;

  margin-right: 0; }

.rtl #email-list li {

  padding-left: 10px;

  padding-right: 250px; }

.rtl #email-list li .chbox {

  right: 10px;

  left: auto; }

.rtl #email-list li .star {

  right: 38px;

  left: auto; }

.rtl #email-list li .name {

  right: 70px;

  left: auto; }

.rtl #email-list li .meta-info {

  left: 0;

  right: auto; }

.rtl #email-list li .meta-info .attachment {

  margin-left: 5px;

  margin-right: 0; }

.rtl #email-nav-items li.active {

  border-right-color: #03a9f4; }

.rtl #email-nav-items li {

  border-left-width: 0;

  border-right: 3px solid #fff; }

.rtl #email-nav-items li a, .rtl #email-nav-labels li a {

  padding-left: 5px;

  padding-right: 0; }

.rtl #email-nav-items li a i, .rtl #email-nav-labels li a i {

  margin-left: 5px;

  margin-right: 0; }

.rtl #email-detail-subject .subject, .rtl #email-new-title .subject {

  float: right;

  margin-right: 0;

  margin-left: 10px; }

.rtl #email-detail-subject .label {

  float: right; }

.rtl #email-detail-sender .picture {

  left: auto;

  right: 0; }

.rtl #email-detail-sender .tools {

  left: 0;

  right: auto; }

.rtl #email-detail-sender .users .from .name, .rtl #email-detail-sender .users .from .email {

  float: right; }

.rtl #email-detail-sender {

  padding-right: 60px;

  padding-left: 0; }

.rtl #email-detail-attachments #email-attachments-header .headline {

  float: right; }

.rtl #email-detail-attachments #email-attachments-header .tools {

  float: right;

  margin-left: 0;

  margin-right: 3px; }

.rtl #email-detail-attachments #email-attachments-content ul li {

  float: right;

  margin-right: 0;

  margin-left: 10px; }

.rtl #email-body {

  padding-right: 0;

  padding-left: 30px; }

.rtl #email-new-header .form-group label, .rtl #email-new-body label {

  text-align: left; }

.rtl .select2-container.select2-container-multi .select2-choices .select2-search-choice {

  margin-left: 0;

  margin-right: 5px; }

.rtl .select2-container-multi .select2-choices .select2-search-choice {

  padding-left: 5px;

  padding-right: 18px; }

.rtl .select2-container-multi .select2-choices li {

  float: right; }

.rtl #email-navigation .email-compose-btn > i {

  margin-left: 3px;

  margin-right: 0; }

.rtl .dygraph canvas {

  right: 0; }

.rtl .profile-box-menu .profile-img {

  float: right;

  margin-left: 15px;

  margin-right: 0; }

.rtl .mfp-image-holder .mfp-close, .rtl .mfp-iframe-holder .mfp-close {

  left: -6px;

  padding-left: 6px;

  text-align: left; }

.rtl .mfp-counter {

  left: 0;

  right: auto; }

.rtl .pricing-package .package-features li {

  padding-right: 25px;

  padding-left: 0; }

.rtl .pricing-package .package-features li.has-feature:before, .rtl .pricing-package .package-features li.has-nofeature:before {

  right: 0;

  left: auto; }

.rtl .pricing-package .package-footer .btn > span {

  padding-left: 6px;

  padding-right: 0; }

.rtl .project-box .project-box-ultrafooter .project-img-owner {

  float: right;

  margin-left: 5px;

  margin-right: 0; }

.rtl .profile-box-contact .profile-img {

  margin-left: 15px;

  margin-right: 0;

  float: right; }

.rtl .main-box {

  box-shadow: -1px 1px 2px 0 #cccccc; }

.rtl .nav-tabs > li > a {

  margin-right: 0;

  margin-left: 3px; }

.rtl #newsfeed .story-content {

  padding-left: 0;

  padding-right: 100px; }

.rtl #newsfeed .story-content .story-header .story-time {

  left: 0;

  right: auto; }

.rtl #newsfeed .story-content .story-footer .story-comments-link {

  margin-left: 10px;

  margin-right: 0; }

.rtl #user-profile h2 {

  padding-right: 0;

  padding-left: 15px; }

.rtl #user-profile .profile-details ul {

  margin-left: 0;

  margin-right: 40px; }

.rtl #user-profile .profile-details ul > li > i {

  right: -2.14286em;

  left: auto; }

.rtl #search-results li .search-img {

  margin-right: 0;

  margin-left: 8px;

  float: right; }

.rtl #invoice-companies .invoice-box {

  border-left: 1px solid #e7ebee;

  border-right: 0; }

.rtl #invoice-companies .invoice-box.invoice-box-dates {

  border-left: 0; }

.rtl #invoice-companies .invoice-icon {

  margin-left: 20px;

  margin-right: 0;

  float: right; }

.rtl #invoice-companies .invoice-company {

  float: right; }

.rtl .invoice-box-total .invoice-box-total-label, .rtl .invoice-box-total .invoice-box-total-value {

  text-align: left; }

.rtl div.hopscotch-bubble {

  direction: ltr; }

.rtl #login-box #login-forget-link {

  text-align: left; }

.rtl .input-group-addon:first-child {

  border-right-color: #e7ebee; }

.rtl blockquote {

  padding-left: 20px;

  padding-right: 40px; }

.rtl blockquote:before {

  margin-left: 0;

  margin-right: -28px; }

.rtl .blockquote-reverse, .rtl blockquote.pull-right {

  border-left: 5px solid #03a9f4;

  border-right: none;

  padding-left: 40px;

  padding-right: 20px; }

.rtl blockquote.pull-right:before {

  left: 50px;

  right: auto;

  margin-right: 0; }

.rtl .alert {

  border-width: 0 4px 0 0;

  border-style: none solid none none; }

.rtl .fa-ul {

  margin-left: 0;

  margin-right: 2.14286em;

  padding-right: 0; }

.rtl .fa-li {

  right: -2.14286em;

  left: auto; }

.rtl .dd-list .dd-list {

  padding-left: 0;

  padding-right: 30px; }

.rtl .dd-handle .nested-links {

  float: left; }

.rtl .dd-item > button {

  float: right; }

.rtl .dd-handle-list {

  left: auto;

  right: 0; }

.rtl .dd-item-list .dd-handle {

  padding-right: 40px;

  padding-left: 10px; }

.rtl .dataTables_filter input {

  margin-right: 10px; }

.rtl .dataTables_length {

  float: right;

  margin-right: 0;

  margin-left: 30px; }

.rtl .DTTT.btn-group {

  float: left;

  margin-right: 10px;

  margin-left: 0; }

.rtl .dataTables_filter {

  float: left; }

.rtl .wizard-modal-header.modal-header h3 {

  padding-left: 0;

  padding-right: 20px; }

.rtl li.wizard-nav-item {

  float: none; }

.rtl .wizard-cancel {

  margin-left: 0;

  margin-right: 20px; }



@media (max-width: 991px) {

  .rtl #content-wrapper {

    margin-right: 0 !important; }

  .rtl #email-content, .rtl #email-header-tools, .rtl #email-detail, .rtl #email-new {

    margin-right: 0; } }



@media (max-width: 767px) {

  .rtl #email-list li .name {

    right: 45px; }

  .rtl #email-list li {

    padding-right: 45px; }

  .rtl #email-new-body label {

    text-align: right;

    padding-right: 5px; } }



.theme-blue #header-navbar {

  background-color: #03a9f4; }

.theme-blue .navbar > .container .navbar-brand {

  background-color: #03a9f4; }

.theme-blue #nav-col, .theme-blue #page-wrapper {

  background-color: #4c5763; }

.theme-blue #sidebar-nav .nav > .open > .submenu > li > .submenu, .theme-blue #sidebar-nav .nav > .active > .submenu > li > .submenu, .theme-blue #sidebar-nav .nav li .submenu > li.open a, .theme-blue #nav-col-submenu .submenu > li > .submenu, .theme-blue #nav-col-submenu li .submenu > li.open > a {

  background-color: #363e46; }

.theme-blue #sidebar-nav .nav > .open > .submenu > .open > a, .theme-blue #sidebar-nav .nav > .active > .submenu > .open > a, .theme-blue #sidebar-nav .nav > .active > .submenu > .active > a, .theme-blue #nav-col-submenu > .submenu > .open > a, .theme-blue #nav-col-submenu > .submenu > .active > a {

  border-bottom-color: transparent;

  box-shadow: 0 -1px 0 transparent inset; }

.theme-blue #sidebar-nav .nav > .open > .submenu > li > .submenu > li a:hover, .theme-blue #sidebar-nav .nav > .active > .submenu > li > .submenu > li a:hover, .theme-blue #sidebar-nav .nav > .active > .submenu > li > .submenu > li a.active {

  color: #03a9f4; }

.theme-blue .nav-pills > li.active > a, .theme-blue .nav-pills > li.active > a:hover, .theme-blue .nav-pills > li.active > a:focus, .theme-blue #sidebar-nav .nav-pills > li.active > a, .theme-blue #sidebar-nav .nav-pills > li.active > a:hover, .theme-blue #sidebar-nav .nav-pills > li.active > a:focus, .theme-blue .nav-pills > li.open > a, .theme-blue .nav-pills > li.open > a:hover, .theme-blue .nav-pills > li.open > a:focus, .theme-blue #sidebar-nav .nav-pills > li.open > a, .theme-blue #sidebar-nav .nav-pills > li.open > a:hover, .theme-blue #sidebar-nav .nav-pills > li.open > a:focus, .theme-blue .nav-small #nav-col #sidebar-nav .nav-pills > li.open > a, .theme-blue .nav-small #nav-col-submenu .submenu > .open > a, .theme-blue .nav-small #nav-col-submenu .submenu > .active > a, .theme-blue .nav-small #nav-col-submenu .submenu > li > a:hover {

  background-color: #414a55; }

.theme-blue #sidebar-nav .nav > li > a:hover {

  background-color: #414a55; }

.theme-blue #header-navbar .nav > li > a {

  color: #fff; }

.theme-blue #header-navbar .nav > li > a:hover, .theme-blue #header-navbar .nav > li > a:focus, .theme-blue #header-navbar .nav .open > a, .theme-blue #header-navbar .nav .open > a:hover, .theme-blue #header-navbar .nav .open > a:focus {

  background-color: #2980b9; }

.theme-blue #sidebar-nav .nav li .submenu, .theme-blue #nav-col-submenu .submenu {

  background-color: #414a55; }

.theme-blue #sidebar-nav .nav li .submenu > li > a:hover, .theme-blue #sidebar-nav .nav li .submenu > li > a.active, .theme-blue #sidebar-nav .nav li .submenu > li.active > a, .theme-blue .nav-small #nav-col-submenu .submenu > .open > a, .theme-blue .nav-small #nav-col-submenu .submenu > .active > a, .theme-blue .nav-small #nav-col-submenu .submenu > li > a:hover, .theme-blue .nav-small #nav-col-submenu .submenu > li > a.active, .theme-blue .nav-small #nav-col-submenu .submenu > li.active > a {

  background-color: #363e46; }

.theme-blue #sidebar-nav .nav > li.nav-header {

	

  border-top-color: #414a55;

  color: #98a3b0; }

.theme-blue .navbar > .container .navbar-brand {

  color: #fff; }

.theme-blue .navbar-toggle {

  color: #fff; }

.theme-blue .pace .pace-progress {

  background-color: #fff; }



@media (max-width: 991px) {

  .theme-blue #logo.navbar-brand > img.normal-logo.logo-white {

    display: block; }

  .theme-blue #logo.navbar-brand > img.normal-logo.logo-black {

    display: none; } }



.theme-amethyst .navbar > .container .navbar-brand {

  background-color: #9c27b0; }

.theme-amethyst #nav-col, .theme-amethyst #page-wrapper {

  background-color: #4c5763; }

.theme-amethyst #sidebar-nav .nav > .open > .submenu > li > .submenu, .theme-amethyst #sidebar-nav .nav > .active > .submenu > li > .submenu, .theme-amethyst #sidebar-nav .nav li .submenu > li.open a, .theme-amethyst #nav-col-submenu .submenu > li > .submenu, .theme-amethyst #nav-col-submenu li .submenu > li.open > a {

  background-color: #2a3139; }

.theme-amethyst #sidebar-nav .nav > .open > .submenu > .open > a, .theme-amethyst #sidebar-nav .nav > .active > .submenu > .open > a, .theme-amethyst #sidebar-nav .nav > .active > .submenu > .active > a, .theme-amethyst #nav-col-submenu > .submenu > .open > a, .theme-amethyst #nav-col-submenu > .submenu > .active > a {

  border-bottom-color: transparent;

  box-shadow: 0 -1px 0 transparent inset; }

.theme-amethyst #sidebar-nav .nav > .open > .submenu > li > .submenu > li a:hover, .theme-amethyst #sidebar-nav .nav > .active > .submenu > li > .submenu > li a:hover, .theme-amethyst #sidebar-nav .nav > .active > .submenu > li > .submenu > li a.active, .theme-amethyst .nav-small #nav-col-submenu .submenu > li > .submenu > li a:hover, .theme-amethyst .nav-small #nav-col-submenu .submenu > li > .submenu > li a.active {

  color: #9c27b0; }

.theme-amethyst .nav-pills > li.active > a, .theme-amethyst .nav-pills > li.active > a:hover, .theme-amethyst .nav-pills > li.active > a:focus, .theme-amethyst #sidebar-nav .nav-pills > li.active > a, .theme-amethyst #sidebar-nav .nav-pills > li.active > a:hover, .theme-amethyst #sidebar-nav .nav-pills > li.active > a:focus, .theme-amethyst .nav-pills > li.open > a, .theme-amethyst .nav-pills > li.open > a:hover, .theme-amethyst .nav-pills > li.open > a:focus, .theme-amethyst #sidebar-nav .nav-pills > li.open > a, .theme-amethyst #sidebar-nav .nav-pills > li.open > a:hover, .theme-amethyst #sidebar-nav .nav-pills > li.open > a:focus, .theme-amethyst .nav-small #nav-col #sidebar-nav .nav-pills > li.open > a, .theme-amethyst .nav-small #nav-col-submenu .submenu > .open > a, .theme-amethyst .nav-small #nav-col-submenu .submenu > .active > a, .theme-amethyst .nav-small #nav-col-submenu .submenu > li > a:hover {

  background-color: #414a55; }

.theme-amethyst #sidebar-nav .nav > li > a:hover {

  background-color: #414a55; }

.theme-amethyst #header-navbar .nav > li > a:hover, .theme-amethyst #header-navbar .nav > li > a:focus, .theme-amethyst #header-navbar .nav .open > a, .theme-amethyst #header-navbar .nav .open > a:hover, .theme-amethyst #header-navbar .nav .open > a:focus {

  background-color: #7b1fa2; }

.theme-amethyst #sidebar-nav .nav li .submenu, .theme-amethyst #nav-col-submenu .submenu {

  background-color: #414a55; }

.theme-amethyst #sidebar-nav .nav li .submenu > li > a:hover, .theme-amethyst #sidebar-nav .nav li .submenu > li > a.active, .theme-amethyst #sidebar-nav .nav li .submenu > li.active > a, .theme-amethyst .nav-small #nav-col-submenu .submenu > .open > a, .theme-amethyst .nav-small #nav-col-submenu .submenu > .active > a, .theme-amethyst .nav-small #nav-col-submenu .submenu > li > a:hover, .theme-amethyst .nav-small #nav-col-submenu .submenu > li > a.active, .theme-amethyst .nav-small #nav-col-submenu .submenu > li.active > a {

  background-color: #2a3139; }

.theme-amethyst #sidebar-nav .nav > li.nav-header {

  border-top-color: #414a55;

  color: #98a3b0; }

.theme-amethyst a, .theme-amethyst .fc-state-default, .theme-amethyst .jvectormap-zoomin, .theme-amethyst .jvectormap-zoomout, .theme-amethyst #user-profile .profile-details ul > li > span {

  color: #9c27b0; }

.theme-amethyst a:hover, .theme-amethyst a:focus, .theme-amethyst .widget-users li > .details > .name > a:hover, .theme-amethyst .widget-todo .actions > a:hover {

  color: #9c27b0; }

.theme-amethyst .table a.table-link:hover {

  color: #7b1fa2; }

.theme-amethyst .pagination > li > a, .theme-amethyst .pagination > li > span, .theme-amethyst .pagination > li > a:hover, .theme-amethyst .pagination > li > span:hover, .theme-amethyst .pagination > li > a:focus, .theme-amethyst .pagination > li > span:focus, .theme-amethyst .pagination > li > a:active, .theme-amethyst .pagination > li > span:active {

  color: #9c27b0; }

.theme-amethyst .pagination > .active > a, .theme-amethyst .pagination > .active > span, .theme-amethyst .pagination > .active > a:hover, .theme-amethyst .pagination > .active > span:hover, .theme-amethyst .pagination > .active > a:focus, .theme-amethyst .pagination > .active > span:focus {

  background-color: #9c27b0;

  border-color: #9c27b0;

  color: #fff; }

.theme-amethyst .graph-box {

  background-color: #9c27b0 !important; }

.theme-amethyst .btn-primary, .theme-amethyst .btn-default, .theme-amethyst .btn-info, .theme-amethyst .btn-success, .theme-amethyst .btn-warning, .theme-amethyst .btn-danger, .theme-amethyst .btn-primary:hover, .theme-amethyst .btn-default:hover, .theme-amethyst .btn-info:hover, .theme-amethyst .btn-success:hover, .theme-amethyst .btn-warning:hover, .theme-amethyst .btn-danger:hover {

  color: #fff; }

.theme-amethyst .btn-primary {

  background-color: #9c27b0;

  border-color: #7b1fa2; }

.theme-amethyst .btn-primary:hover {

  background-color: #7b1fa2;

  border-color: #6c2e86; }

.theme-amethyst h1 {

  color: #9c27b0; }

.theme-amethyst .nav-tabs > li.active > a, .theme-amethyst .nav-tabs > li.active > a:hover, .theme-amethyst .nav-tabs > li.active > a:focus {

  border-top-color: #9c27b0; }

.theme-amethyst .widget-users li > .details > .time {

  color: #9c27b0; }

.theme-amethyst .conversation-item.item-right .conversation-body:before {

  border-color: transparent transparent transparent #f7e9fd; }

.theme-amethyst .conversation-item.item-right .conversation-body, .theme-amethyst .invoice-summary .invoice-summary-item {

  background-color: #f7e9fd; }

.theme-amethyst blockquote, .theme-amethyst blockquote.pull-right {

  border-color: #9c27b0; }

.theme-amethyst a.list-group-item.active, .theme-amethyst a.list-group-item.active:hover, .theme-amethyst a.list-group-item.active:focus {

  background-color: #9c27b0;

  border-color: #9c27b0; }

.theme-amethyst .nav .caret {

  border-bottom-color: #9c27b0;

  border-top-color: #9c27b0; }

.theme-amethyst .panel-default > .panel-heading, .theme-amethyst .notifications-list .item-footer {

  background-color: #9c27b0; }

.theme-amethyst .notifications-list .item-footer a:hover {

  background-color: #7b1fa2; }

.theme-amethyst #invoice-companies .invoice-dates .invoice-number > span, .theme-amethyst .notifications-list .item a .time {

  color: #9c27b0; }

.theme-amethyst #header-navbar .nav > li > a:hover, .theme-amethyst #header-navbar .nav > li > a:focus, .theme-amethyst #header-navbar .nav .open > a, .theme-amethyst #header-navbar .nav .open > a:hover, .theme-amethyst #header-navbar .nav .open > a:focus, .theme-amethyst .navbar-toggle:hover, .theme-amethyst .navbar-toggle:focus, .theme-amethyst .mobile-search.active > .btn {

  background-color: #9c27b0; }

.theme-amethyst .table thead > tr > th > a:hover span {

  color: #9c27b0;

  border-color: #9c27b0; }

.theme-amethyst #email-nav-items li.active {

  border-left-color: #9c27b0;

  border-right-color: #9c27b0; }

  .theme-amethyst #email-nav-items li.active a {

    color: #9c27b0; }

  .theme-amethyst #email-nav-items li.active .label-primary {

    background-color: #9c27b0; }

.theme-amethyst #email-nav-items li a:hover {

  color: #9c27b0; }

.theme-amethyst .select2-container--default .select2-selection--multiple .select2-selection__choice {

  background-color: #9c27b0 !important; }

.theme-amethyst .select2-container--default .select2-results__option--highlighted[aria-selected] {

  background-color: #9c27b0 !important; }

.theme-amethyst .cd-timeline-img {

  background-color: #9c27b0;

  box-shadow: 0 0 0 6px #dec0eb; }

.theme-amethyst #cd-timeline::before {

  background-color: #dec0eb; }

.theme-amethyst .dataTable thead th:hover {

  color: #9c27b0; }

.theme-amethyst .pace .pace-progress {

  background-color: #9c27b0; }

.theme-amethyst #config-tool.closed #config-tool-cog:hover {

  background-color: #9c27b0; }

.theme-amethyst #sidebar-nav .nav > li.nav-header {

  border-top-color: #414a55;

  color: #98a3b0; }



@media only screen and (min-width: 1170px) {

  .theme-amethyst .cd-timeline-content .cd-date {

    color: #9c27b0; } }



@media (max-width: 991px) {

  .theme-amethyst #logo.navbar-brand > img.normal-logo.logo-white {

    display: none; }

  .theme-amethyst #logo.navbar-brand > img.normal-logo.logo-black {

    display: block; }

  .theme-amethyst .navbar > .container .navbar-brand {

    background-color: #fff; } }



.theme-red #header-navbar {

  background-color: #e84e40; }

.theme-red .navbar > .container .navbar-brand {

  background-color: #e84e40; }

.theme-red #nav-col, .theme-red #page-wrapper {

  background-color: #272d33; }

.theme-red #sidebar-nav .nav > .open > .submenu > li > .submenu, .theme-red #sidebar-nav .nav > .active > .submenu > li > .submenu, .theme-red #sidebar-nav .nav li .submenu > li.open a, .theme-red #nav-col-submenu .submenu > li > .submenu, .theme-red #nav-col-submenu li .submenu > li.open > a {

  background-color: #121518; }

.theme-red #sidebar-nav .nav > .open > .submenu > .open > a, .theme-red #sidebar-nav .nav > .active > .submenu > .open > a, .theme-red #sidebar-nav .nav > .active > .submenu > .active > a, .theme-red #nav-col-submenu > .submenu > .open > a, .theme-red #nav-col-submenu > .submenu > .active > a {

  border-bottom-color: transparent;

  box-shadow: 0 -1px 0 transparent inset; }

.theme-red #sidebar-nav .nav > .open > .submenu > li > .submenu > li a:hover, .theme-red #sidebar-nav .nav > .active > .submenu > li > .submenu > li a:hover, .theme-red #sidebar-nav .nav > .active > .submenu > li > .submenu > li a.active, .theme-red .nav-small #nav-col-submenu .submenu > li > .submenu > li a:hover, .theme-red .nav-small #nav-col-submenu .submenu > li > .submenu > li a.active {

  color: #e84e40; }

.theme-red .nav-pills > li.active > a, .theme-red .nav-pills > li.active > a:hover, .theme-red .nav-pills > li.active > a:focus, .theme-red #sidebar-nav .nav-pills > li.active > a, .theme-red #sidebar-nav .nav-pills > li.active > a:hover, .theme-red #sidebar-nav .nav-pills > li.active > a:focus, .theme-red .nav-pills > li.open > a, .theme-red .nav-pills > li.open > a:hover, .theme-red .nav-pills > li.open > a:focus, .theme-red #sidebar-nav .nav-pills > li.open > a, .theme-red #sidebar-nav .nav-pills > li.open > a:hover, .theme-red #sidebar-nav .nav-pills > li.open > a:focus, .theme-red .nav-small #nav-col #sidebar-nav .nav-pills > li.open > a, .theme-red .nav-small #nav-col-submenu .submenu > .open > a, .theme-red .nav-small #nav-col-submenu .submenu > .active > a, .theme-red .nav-small #nav-col-submenu .submenu > li > a:hover {

  background-color: #161a1d; }

.theme-red #sidebar-nav .nav > li > a:hover {

  background-color: #161a1d; }

.theme-red #header-navbar .nav > li > a {

  color: #fff; }

.theme-red #header-navbar .nav > li > a:hover, .theme-red #header-navbar .nav > li > a:focus, .theme-red #header-navbar .nav .open > a, .theme-red #header-navbar .nav .open > a:hover, .theme-red #header-navbar .nav .open > a:focus {

  background-color: #dd191d; }

.theme-red #sidebar-nav .nav li .submenu, .theme-red #nav-col-submenu .submenu {

  background-color: #161a1d; }

.theme-red #sidebar-nav .nav li .submenu > li > a:hover, .theme-red #sidebar-nav .nav li .submenu > li > a.active, .theme-red #sidebar-nav .nav li .submenu > li.active > a, .theme-red .nav-small #nav-col-submenu .submenu > .open > a, .theme-red .nav-small #nav-col-submenu .submenu > .active > a, .theme-red .nav-small #nav-col-submenu .submenu > li > a:hover, .theme-red .nav-small #nav-col-submenu .submenu > li > a.active, .theme-red .nav-small #nav-col-submenu .submenu > li.active > a {

  background-color: #121518; }

.theme-red #sidebar-nav .nav > li.nav-header {

  border-top-color: #191d20;

  color: #778998; }

.theme-red .navbar > .container .navbar-brand {

  color: #fff; }

.theme-red .navbar-toggle {

  color: #fff; }

.theme-red .graph-box {

  background-color: #e84e40 !important; }

.theme-red a, .theme-red .fc-state-default, .theme-red .jvectormap-zoomin, .theme-red .jvectormap-zoomout, .theme-red #user-profile .profile-details ul > li > span {

  color: #e84e40; }

.theme-red a:hover, .theme-red a:focus, .theme-red .widget-users li > .details > .name > a:hover, .theme-red .widget-todo .actions > a:hover {

  color: #e84e40; }

.theme-red .table a.table-link:hover {

  color: #dd191d; }

.theme-red .pagination > li > a, .theme-red .pagination > li > span, .theme-red .pagination > li > a:hover, .theme-red .pagination > li > span:hover, .theme-red .pagination > li > a:focus, .theme-red .pagination > li > span:focus, .theme-red .pagination > li > a:active, .theme-red .pagination > li > span:active {

  color: #e84e40; }

.theme-red .pagination > .active > a, .theme-red .pagination > .active > span, .theme-red .pagination > .active > a:hover, .theme-red .pagination > .active > span:hover, .theme-red .pagination > .active > a:focus, .theme-red .pagination > .active > span:focus {

  background-color: #e84e40;

  border-color: #e84e40;

  color: #fff; }

.theme-red .notifications-list .item-footer {

  background-color: #272d33; }

  .theme-red .notifications-list .item-footer a:hover {

    background-color: #0f1114; }

.theme-red #header-navbar .nav > li > a > span.count {

  background-color: #dd191d; }

.theme-red .btn-primary, .theme-red .btn-default, .theme-red .btn-info, .theme-red .btn-success, .theme-red .btn-warning, .theme-red .btn-danger, .theme-red .btn-primary:hover, .theme-red .btn-default:hover, .theme-red .btn-info:hover, .theme-red .btn-success:hover, .theme-red .btn-warning:hover, .theme-red .btn-danger:hover {

  color: #fff; }

.theme-red .btn-primary {

  background-color: #e84e40;

  border-color: #dd191d; }

.theme-red .btn-primary:hover, .theme-red .btn-primary:focus, .theme-red .btn-primary:active, .theme-red .btn-primary.active, .theme-red .open .dropdown-toggle.btn-primary {

  background-color: #dd191d;

  border-color: #9e2b20; }

.theme-red .btn-danger {

  background-color: #03a9f4;

  border-color: #2980b9; }

.theme-red .btn-danger:hover, .theme-red .btn-danger:focus, .theme-red .btn-danger:active, .theme-red .btn-danger.active, .theme-red .open .dropdown-toggle.btn-danger {

  background-color: #2980b9;

  border-color: #1c5c87; }

.theme-red h1 {

  color: #e84e40; }

.theme-red .nav-tabs > li.active > a, .theme-red .nav-tabs > li.active > a:hover, .theme-red .nav-tabs > li.active > a:focus {

  border-top-color: #e84e40; }

.theme-red .widget-users li > .details > .time {

  color: #e84e40; }

.theme-red .conversation-item.item-right .conversation-body:before {

  border-color: transparent transparent transparent #fceeec; }

.theme-red .conversation-item.item-right .conversation-body, .theme-red .invoice-summary .invoice-summary-item {

  background-color: #fceeec; }

.theme-red blockquote, .theme-red blockquote.pull-right {

  border-color: #e84e40; }

.theme-red a.list-group-item.active, .theme-red a.list-group-item.active:hover, .theme-red a.list-group-item.active:focus {

  background-color: #e84e40;

  border-color: #e84e40; }

.theme-red .nav .caret {

  border-bottom-color: #e84e40;

  border-top-color: #e84e40; }

.theme-red .panel-default > .panel-heading, .theme-red .notifications-list .item-footer {

  background-color: #e84e40; }

.theme-red .notifications-list .item-footer a:hover {

  background-color: #dd191d; }

.theme-red #invoice-companies .invoice-dates .invoice-number > span, .theme-red .notifications-list .item a .time {

  color: #e84e40; }

.theme-red #header-navbar .nav > li > a:hover, .theme-red #header-navbar .nav > li > a:focus, .theme-red #header-navbar .nav .open > a, .theme-red #header-navbar .nav .open > a:hover, .theme-red #header-navbar .nav .open > a:focus, .theme-red .navbar-toggle:hover, .theme-red .navbar-toggle:focus, .theme-red .mobile-search.active > .btn {

  background-color: #dd191d; }

.theme-red .table thead > tr > th > a:hover span {

  color: #dd191d;

  border-color: #dd191d; }

.theme-red #email-nav-items li.active {

  border-left-color: #e84e40;

  border-right-color: #e84e40; }

  .theme-red #email-nav-items li.active a {

    color: #e84e40; }

  .theme-red #email-nav-items li.active .label-primary {

    background-color: #e84e40; }

.theme-red #email-nav-items li a:hover {

  color: #e84e40; }

.theme-red .select2-container--default .select2-selection--multiple .select2-selection__choice {

  background-color: #e84e40 !important; }

.theme-red .select2-container--default .select2-results__option--highlighted[aria-selected] {

  background-color: #e84e40 !important; }

.theme-red .cd-timeline-img {

  background-color: #e84e40;

  box-shadow: 0 0 0 6px #ebc4c0; }

.theme-red #cd-timeline::before {

  background-color: #ebc4c0; }

.theme-red .dataTable thead th:hover {

  color: #e84e40; }

.theme-red .pace .pace-progress {

  background-color: #fff; }

.theme-red #config-tool.closed #config-tool-cog:hover {

  background-color: #e84e40; }



@media only screen and (min-width: 1170px) {

  .theme-red .cd-timeline-content .cd-date {

    color: #e84e40; } }



@media (max-width: 991px) {

  .theme-red #logo.navbar-brand > img.normal-logo.logo-white {

    display: block; }

  .theme-red #logo.navbar-brand > img.normal-logo.logo-black {

    display: none; }

  .theme-red .navbar > .container .navbar-brand {

    background-color: #e84e40; } }



.theme-blue-gradient #header-navbar, #config-tool #skin-colors li a.skin-changer.blue-gradient {

    background: #ee0979;

    background: -webkit-linear-gradient(45deg, #ee0979, #ff6a00)!important;

    background: linear-gradient(45deg, #ee0979, #ff6a00)!important;

  /* IE6-9 */ }

  

.search-bar {

    margin-left: 20px;

    position: relative;

	margin-top: 10px;

}

.search-bar a i {

    position: absolute;

    top: 9px;

    right: 12px;

    color: #000;

}	

.search-bar input {

    border: 0px solid #ced4da;

    font-size: 15px;

    width: 330px;

    border-radius: 0.25rem;

    height: 30px;

    padding: .375rem 2.0rem .375rem .75rem;

    background-color: white;

}



	

.theme-blue-gradient .navbar > .container .navbar-brand {

  background: transparent; }

.theme-blue-gradient #header-navbar .nav > li > a {

  color: #fff; }

.theme-blue-gradient #header-navbar .nav > li > a:hover, .theme-blue-gradient #header-navbar .nav > li > a:focus, .theme-blue-gradient #header-navbar .nav .open > a, .theme-blue-gradient #header-navbar .nav .open > a:hover, .theme-blue-gradient #header-navbar .nav .open > a:focus {

  background-color: #005486; }

.theme-blue-gradient .navbar > .container .navbar-brand {

  color: #fff; }

.theme-blue-gradient .navbar-toggle {

  color: #fff; }

  

.theme-blue-gradient .red-bg {

  background: #e84e40 !important;



  /* IE6-9 */ }

.theme-blue-gradient .emerald-bg {

      color: #eeeeee;
    border-color: #dcdcdc;
    background: #333;
    text-shadow: 0 -1px 0 rgba(50,50,50,0);



  /* IE6-9 */ }

.theme-blue-gradient .yellow-bg {

  background: #ffc107 !important;



  /* IE6-9 */ }

.theme-blue-gradient .green-bg {

  background: #8bc34a !important;

  /* Old browsers */



  /* IE6-9 */ }

.theme-blue-gradient .purple-bg {

  background: #9c27b0 !important;

  /* Old browsers */



  /* IE6-9 */ }

.theme-blue-gradient .gray-bg {

color: #4c4d5a;
    border-color: #dcdcdc;
    background: #f6f6f6;
    text-shadow: 0 -1px 0 rgba(50,50,50,0);
}



  /* IE6-9 */ }
.gray-bg {
    padding: 12px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
  /* IE6-9 */ 

  }
.gray-bg h2{
	color: #4c4d5a;
} 
  

.theme-blue-gradient .ofisimobg {

    color: #4c4d5a;
    border-color: #dcdcdc;
    background: #f6f6f6;
    text-shadow: 0 -1px 0 rgba(50,50,50,0);
}

.ofisimobg {
    padding: 12px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
  /* IE6-9 */ 

  }
.ofisimobg h2{
	color: #4c4d5a;
} 

    .theme-blue-gradient .ozel-bg {

    display: block;

    border-left: 3px solid transparent;

    color: #b8c7ce;

    font-size: 15px;


  /* IE6-9 */ }

.theme-blue-gradient .pace .pace-progress {

  background-color: #fff; }

.theme-blue-gradient #nav-col, .theme-blue-gradient #page-wrapper {

  background-color: #1a262b; }



@media (max-width: 991px) {

  .theme-blue-gradient #logo.navbar-brand > img.normal-logo.logo-white {

    display: block; }

  .theme-blue-gradient #logo.navbar-brand > img.normal-logo.logo-black {

    display: none; } }



.theme-white #header-navbar {

  background-color: #8bc34a; }

.theme-white .navbar > .container .navbar-brand {

  background-color: #8bc34a;

  width: 221px; }

.theme-white #nav-col, .theme-white #page-wrapper {

  background-color: #ffffff; }

.theme-white #sidebar-nav .nav > li > a {

  color: #484848;

  /* border-bottom: 1px solid #e0e0e0; */ }

.theme-white #sidebar-nav .nav > .open > .submenu > li > .submenu, .theme-white #sidebar-nav .nav > .active > .submenu > li > .submenu, .theme-white #sidebar-nav .nav li .submenu > li.open a, .theme-white #nav-col-submenu .submenu > li > .submenu, .theme-white #nav-col-submenu li .submenu > li.open > a {

  background-color: #ebebeb; }

.theme-white #sidebar-nav .nav > .open > .submenu > .open > a, .theme-white #sidebar-nav .nav > .active > .submenu > .open > a, .theme-white #sidebar-nav .nav > .active > .submenu > .active > a, .theme-white #nav-col-submenu .submenu > .open > a, .theme-white #nav-col-submenu .submenu > .active > a {

  border-bottom-color: transparent;

  box-shadow: none; }

.theme-white #sidebar-nav .nav > .open > .submenu > li > .submenu > li a:hover, .theme-white #sidebar-nav .nav > .active > .submenu > li > .submenu > li a:hover, .theme-white #sidebar-nav .nav > .active > .submenu > li > .submenu > li a.active, .theme-white .nav-small #nav-col-submenu .submenu > li > .submenu > li a:hover, .theme-white .nav-small #nav-col-submenu .submenu > li > .submenu > li a.active {

  color: #8bc34a; }

.theme-white .nav-pills > li.active > a, .theme-white .nav-pills > li.active > a:hover, .theme-white .nav-pills > li.active > a:focus, .theme-white #sidebar-nav .nav-pills > li.active > a, .theme-white #sidebar-nav .nav-pills > li.active > a:hover, .theme-white #sidebar-nav .nav-pills > li.active > a:focus, .theme-white .nav-pills > li.open > a, .theme-white .nav-pills > li.open > a:hover, .theme-white .nav-pills > li.open > a:focus, .theme-white #sidebar-nav .nav-pills > li.open > a, .theme-white #sidebar-nav .nav-pills > li.open > a:hover, .theme-white #sidebar-nav .nav-pills > li.open > a:focus, .theme-white .nav-small #nav-col #sidebar-nav .nav-pills > li.open > a, .theme-white .nav-small #nav-col #sidebar-nav .nav-pills > li.active > a, .theme-white .nav-small #nav-col-submenu .submenu > .open > a, .theme-white .nav-small #nav-col-submenu .submenu > .active > a, .theme-white .nav-small #nav-col-submenu .submenu > li > a:hover {

  background-color: whitesmoke;

  border-color: #8bc34a;

  border-bottom-color: #e0e0e0;

  color: #484848; }

.theme-white #sidebar-nav .nav-pills > li.active > a > i {

  color: #689f38; }

.theme-white #sidebar-nav .nav > li > a:hover {

  background-color: whitesmoke;

  border-color: #8bc34a;

  border-bottom-color: #e0e0e0;

  color: #484848; }

.theme-white #header-navbar .nav > li > a {

  color: #fff; }

.theme-white #header-navbar .nav > li > a:hover, .theme-white #header-navbar .nav > li > a:focus, .theme-white #header-navbar .nav .open > a, .theme-white #header-navbar .nav .open > a:hover, .theme-white #header-navbar .nav .open > a:focus {

  background-color: #689f38; }

.theme-white #sidebar-nav .nav li .submenu, .theme-white #nav-col-submenu .submenu {

  background-color: whitesmoke; }

.theme-white #sidebar-nav .nav li .submenu > li > a, .theme-white .nav-small #nav-col-submenu .submenu > li > a {

  color: #16191c; }

.theme-white #sidebar-nav .nav li.open > a.dropdown-toggle > .drop-icon, .theme-white #sidebar-nav .nav li.active > a.dropdown-toggle > .drop-icon {

  color: #16191c; }

.theme-white #sidebar-nav .nav li .submenu > li > a:hover, .theme-white #sidebar-nav .nav li .submenu > li > a.active, .theme-white #sidebar-nav .nav li .submenu > li.active > a, .theme-white .nav-small #nav-col-submenu .submenu > .open > a, .theme-white .nav-small #nav-col-submenu .submenu > .active > a, .theme-white .nav-small #nav-col-submenu .submenu > li > a:hover, .theme-white .nav-small #nav-col-submenu .submenu > li > a.active, .theme-white .nav-small #nav-col-submenu .submenu > li.active > a {

  background-color: #ebebeb; }

.theme-white .navbar > .container .navbar-brand {

  color: #fff; }

.theme-white .navbar-toggle {

  color: #fff; }

.theme-white .graph-box {

  background-color: #8bc34a !important; }

.theme-white #content-wrapper {

  background-color: #f9f9f9;

  border-left: 2px solid #e7ebee; }

.theme-white #user-left-box .user-box, .theme-white #user-left-box .user-box a {

  color: #16191c; }

.theme-white #user-left-box .user-box a:hover, .theme-white #user-left-box .user-box a:focus {

  color: black; }

.theme-white #sidebar-nav .nav > li.nav-header {

  border-top-color: #e7ebee;

  color: #a6a6a6; }

.theme-white .nav-tabs {

  background-color: #f9f9f9; }

  .theme-white .nav-tabs > li.active > a, .theme-white .nav-tabs > li.active > a:hover, .theme-white .nav-tabs > li.active > a:focus {

    border-top-color: #8bc34a; }

.theme-white h1 {

  color: #8bc34a; }

.theme-white #header-navbar .nav > li > a:hover, .theme-white #header-navbar .nav > li > a:focus, .theme-white #header-navbar .nav .open > a, .theme-white #header-navbar .nav .open > a:hover, .theme-white #header-navbar .nav .open > a:focus, .theme-white .navbar-toggle:hover, .theme-white .navbar-toggle:focus, .theme-white .mobile-search.active > .btn {

  background-color: #689f38; }

.theme-white .main-box {

  border: 1px solid #e7ebee; }

.theme-white a, .theme-white .fc-state-default, .theme-white .jvectormap-zoomin, .theme-white .jvectormap-zoomout, .theme-white #user-profile .profile-details ul > li > span {

  color: #8bc34a; }

.theme-white a:hover, .theme-white a:focus, .theme-white .widget-users li > .details > .name > a:hover, .theme-white .widget-todo .actions > a:hover {

  color: #8bc34a; }

.theme-white .table a.table-link:hover {

  color: #689f38; }

.theme-white .pagination > li > a, .theme-white .pagination > li > span, .theme-white .pagination > li > a:hover, .theme-white .pagination > li > span:hover, .theme-white .pagination > li > a:focus, .theme-white .pagination > li > span:focus, .theme-white .pagination > li > a:active, .theme-white .pagination > li > span:active {

  color: #8bc34a; }

.theme-white .pagination > .active > a, .theme-white .pagination > .active > span, .theme-white .pagination > .active > a:hover, .theme-white .pagination > .active > span:hover, .theme-white .pagination > .active > a:focus, .theme-white .pagination > .active > span:focus {

  background-color: #8bc34a;

  border-color: #8bc34a;

  color: #fff; }

.theme-white .notifications-list .item-footer {

  background-color: #272d33; }

  .theme-white .notifications-list .item-footer a:hover {

    background-color: #0f1114; }

.theme-white .btn-primary, .theme-white .btn-default, .theme-white .btn-info, .theme-white .btn-success, .theme-white .btn-warning, .theme-white .btn-danger, .theme-white .btn-primary:hover, .theme-white .btn-default:hover, .theme-white .btn-info:hover, .theme-white .btn-success:hover, .theme-white .btn-warning:hover, .theme-white .btn-danger:hover {

  color: #fff; }

.theme-white .btn-primary {

  background-color: #8bc34a;

  border-color: #689f38; }

.theme-white .btn-primary:hover, .theme-white .btn-primary:focus, .theme-white .btn-primary:active, .theme-white .btn-primary.active, .theme-white .open .dropdown-toggle.btn-primary {

  background-color: #689f38;

  border-color: #1a8849; }

.theme-white .btn-success {

  background-color: #03a9f4;

  border-color: #2980b9; }

.theme-white .btn-success:hover, .theme-white .btn-success:focus, .theme-white .btn-success:active, .theme-white .btn-success.active, .theme-white .open .dropdown-toggle.btn-success {

  background-color: #2980b9;

  border-color: #1c5c87; }

.theme-white h1 {

  color: #8bc34a; }

.theme-white .widget-users li > .details > .time {

  color: #8bc34a; }

.theme-white .conversation-item.item-right .conversation-body:before {

  border-color: transparent transparent transparent #e2fdee; }

.theme-white .conversation-item.item-right .conversation-body, .theme-white .invoice-summary .invoice-summary-item {

  background-color: #e2fdee; }

.theme-white blockquote, .theme-white blockquote.pull-right {

  border-color: #8bc34a; }

.theme-white a.list-group-item.active, .theme-white a.list-group-item.active:hover, .theme-white a.list-group-item.active:focus {

  background-color: #8bc34a;

  border-color: #8bc34a; }

.theme-white .nav .caret {

  border-bottom-color: #8bc34a;

  border-top-color: #8bc34a; }

.theme-white .panel-default > .panel-heading, .theme-white .notifications-list .item-footer {

  background-color: #8bc34a; }

.theme-white .notifications-list .item-footer a:hover {

  background-color: #689f38; }

.theme-white #invoice-companies .invoice-dates .invoice-number > span, .theme-white .notifications-list .item a .time {

  color: #8bc34a; }

.theme-white .table thead > tr > th > a:hover span {

  color: #8bc34a;

  border-color: #8bc34a; }

.theme-white #email-nav-items li.active {

  border-left-color: #8bc34a;

  border-right-color: #8bc34a; }

  .theme-white #email-nav-items li.active a {

    color: #8bc34a; }

  .theme-white #email-nav-items li.active .label-primary {

    background-color: #8bc34a; }

.theme-white #email-nav-items li a:hover {

  color: #8bc34a; }

.theme-white .select2-container--default .select2-selection--multiple .select2-selection__choice {

  background-color: #8bc34a !important; }

.theme-white .select2-container--default .select2-results__option--highlighted[aria-selected] {

  background-color: #8bc34a !important; }

.theme-white .cd-timeline-img {

  background-color: #8bc34a;

  box-shadow: 0 0 0 6px #bce9cf; }

.theme-white #cd-timeline::before {

  background-color: #bce9cf; }

.theme-white .dataTable thead th:hover {

  color: #8bc34a; }

.theme-white .pace .pace-progress {

  background-color: #fff; }

.theme-white #config-tool.closed #config-tool-cog:hover {

  background-color: #8bc34a; }



.rtl.theme-white #content-wrapper {

  border-right: 2px solid #e7ebee;

  border-left: 0; }



@media only screen and (min-width: 1170px) {

  .theme-white .cd-timeline-content .cd-date {

    color: #8bc34a; } }



@media (max-width: 991px) {

  .theme-white #logo.navbar-brand > img.normal-logo.logo-white {

    display: block; }

  .theme-white #logo.navbar-brand > img.normal-logo.logo-black {

    display: none; }

  .theme-white .navbar > .container .navbar-brand {

    background-color: #8bc34a; } }



.theme-whbl #header-navbar {

  background-color: #03a9f4; }

.theme-whbl .navbar > .container .navbar-brand {

  background-color: transparent;

  width: 221px; }

.theme-whbl #nav-col, .theme-whbl #page-wrapper {

  background-color: #ffffff; }

.theme-whbl #sidebar-nav .nav > li > a {

  color: #484848;

  /* border-bottom: 1px solid #e7ebee; */ }

.theme-whbl #sidebar-nav .nav > .open > .submenu > li > .submenu, .theme-whbl #sidebar-nav .nav > .active > .submenu > li > .submenu, .theme-whbl #sidebar-nav .nav li .submenu > li.open a, .theme-whbl #nav-col-submenu .submenu > li > .submenu, .theme-whbl #nav-col-submenu li .submenu > li.open > a {

  background-color: #ebebeb; }

.theme-whbl .nav-pills > li.active > a, .theme-whbl .nav-pills > li.active > a:hover, .theme-whbl .nav-pills > li.active > a:focus, .theme-whbl #sidebar-nav .nav-pills > li.active > a, .theme-whbl #sidebar-nav .nav-pills > li.active > a:hover, .theme-whbl #sidebar-nav .nav-pills > li.active > a:focus, .theme-whbl .nav-pills > li.open > a, .theme-whbl .nav-pills > li.open > a:hover, .theme-whbl .nav-pills > li.open > a:focus, .theme-whbl #sidebar-nav .nav-pills > li.open > a, .theme-whbl #sidebar-nav .nav-pills > li.open > a:hover, .theme-whbl #sidebar-nav .nav-pills > li.open > a:focus, .theme-whbl .nav-small #nav-col #sidebar-nav .nav-pills > li.open > a, .theme-whbl .nav-small #nav-col #sidebar-nav .nav-pills > li.active > a, .theme-whbl .nav-small #nav-col-submenu .submenu > .open > a, .theme-whbl .nav-small #nav-col-submenu .submenu > .active > a, .theme-whbl .nav-small #nav-col-submenu .submenu > li > a:hover {

  background-color: whitesmoke;

  border-color: #03a9f4;

  border-bottom-color: #e7ebee;

  color: #484848; }

.theme-whbl #sidebar-nav .nav-pills > li.active > a > i {

  color: #2980b9; }

.theme-whbl #sidebar-nav .nav > li > a:hover {

  background-color: whitesmoke;

  border-color: #03a9f4;

  border-bottom-color: #e7ebee;

  color: #484848; }

.theme-whbl #header-navbar .nav > li > a {

  color: #fff; }

.theme-whbl #header-navbar .nav > li > a:hover, .theme-whbl #header-navbar .nav > li > a:focus, .theme-whbl #header-navbar .nav .open > a, .theme-whbl #header-navbar .nav .open > a:hover, .theme-whbl #header-navbar .nav .open > a:focus {

  background-color: #2980b9; }

.theme-whbl #sidebar-nav .nav li .submenu, .theme-whbl #nav-col-submenu .submenu {

  background-color: whitesmoke; }

.theme-whbl #sidebar-nav .nav li .submenu > li > a, .theme-whbl .nav-small #nav-col-submenu .submenu > li > a {

  color: #16191c; }

.theme-whbl #sidebar-nav .nav > .open > .submenu > .open > a, .theme-whbl #sidebar-nav .nav > .active > .submenu > .open > a, .theme-whbl #sidebar-nav .nav > .active > .submenu > .active > a, .theme-whbl #nav-col-submenu .submenu > .open > a, .theme-whbl #nav-col-submenu .submenu > .active > a {

  border-bottom-color: transparent;

  box-shadow: 0 -1px 0 transparent inset; }

.theme-whbl #sidebar-nav .nav > .open > .submenu > .open > a {

  border-bottom-color: #dcdfe6;

  box-shadow: none; }

.theme-whbl #sidebar-nav .nav li.open > a.dropdown-toggle > .drop-icon, .theme-whbl #sidebar-nav .nav li.active > a.dropdown-toggle > .drop-icon {

  color: #16191c; }

.theme-whbl #sidebar-nav .nav li .submenu > li > a:hover, .theme-whbl #sidebar-nav .nav li .submenu > li > a.active, .theme-whbl #sidebar-nav .nav li .submenu > li.active > a, .theme-whbl .nav-small #nav-col-submenu .submenu > .open > a, .theme-whbl .nav-small #nav-col-submenu .submenu > .active > a, .theme-whbl .nav-small #nav-col-submenu .submenu > li > a:hover, .theme-whbl .nav-small #nav-col-submenu .submenu > li > a.active, .theme-whbl .nav-small #nav-col-submenu .submenu > li.active > a {

  background-color: #ebebeb; }

.theme-whbl .navbar > .container .navbar-brand {

  color: #fff; }

.theme-whbl .navbar-toggle {

  color: #fff; }

.theme-whbl .graph-box {

  background-color: #03a9f4 !important; }

.theme-whbl #content-wrapper {

  background-color: #f9f9f9;

  border-left: 2px solid #e7ebee; }

.theme-whbl #user-left-box .user-box, .theme-whbl #user-left-box .user-box a {

  color: #16191c; }

.theme-whbl #user-left-box .user-box a:hover, .theme-whbl #user-left-box .user-box a:focus {

  color: black; }

.theme-whbl #sidebar-nav .nav > li.nav-header {

  border-top-color: #e7ebee;

  color: #a6a6a6; }

.theme-whbl .nav-tabs {

  background-color: #f9f9f9; }

.theme-whbl h1 {

  color: #03a9f4; }

.theme-whbl #header-navbar .nav > li > a:hover, .theme-whbl #header-navbar .nav > li > a:focus, .theme-whbl #header-navbar .nav .open > a, .theme-whbl #header-navbar .nav .open > a:hover, .theme-whbl #header-navbar .nav .open > a:focus, .theme-whbl .navbar-toggle:hover, .theme-whbl .navbar-toggle:focus, .theme-whbl .mobile-search.active > .btn {

  background-color: #2980b9; }

.theme-whbl .main-box {

  border: 1px solid #e7ebee; }

.theme-whbl a, .theme-whbl .fc-state-default, .theme-whbl .jvectormap-zoomin, .theme-whbl .jvectormap-zoomout, .theme-whbl #user-profile .profile-details ul > li > span {

  color: #03a9f4; }

.theme-whbl a:hover, .theme-whbl a:focus, .theme-whbl .widget-users li > .details > .name > a:hover, .theme-whbl .widget-todo .actions > a:hover {

  color: #03a9f4; }

.theme-whbl .table a.table-link:hover {

  color: #2980b9; }

.theme-whbl .pagination > li > a, .theme-whbl .pagination > li > span, .theme-whbl .pagination > li > a:hover, .theme-whbl .pagination > li > span:hover, .theme-whbl .pagination > li > a:focus, .theme-whbl .pagination > li > span:focus, .theme-whbl .pagination > li > a:active, .theme-whbl .pagination > li > span:active {

  color: #03a9f4; }

.theme-whbl .pagination > .active > a, .theme-whbl .pagination > .active > span, .theme-whbl .pagination > .active > a:hover, .theme-whbl .pagination > .active > span:hover, .theme-whbl .pagination > .active > a:focus, .theme-whbl .pagination > .active > span:focus {

  background-color: #03a9f4;

  border-color: #03a9f4;

  color: #fff; }

.theme-whbl .notifications-list .item-footer {

  background-color: #272d33; }

  .theme-whbl .notifications-list .item-footer a:hover {

    background-color: #0f1114; }

.theme-whbl .btn-primary, .theme-whbl .btn-default, .theme-whbl .btn-info, .theme-whbl .btn-success, .theme-whbl .btn-warning, .theme-whbl .btn-danger, .theme-whbl .btn-primary:hover, .theme-whbl .btn-default:hover, .theme-whbl .btn-info:hover, .theme-whbl .btn-success:hover, .theme-whbl .btn-warning:hover, .theme-whbl .btn-danger:hover {

  color: #fff; }

.theme-whbl .btn-primary {

  background-color: #03a9f4;

  border-color: #2980b9; }

.theme-whbl .btn-primary:hover, .theme-whbl .btn-primary:focus, .theme-whbl .btn-primary:active, .theme-whbl .btn-primary.active, .theme-whbl .open .dropdown-toggle.btn-primary {

  background-color: #2980b9;

  border-color: #216897; }

.theme-whbl .btn-success {

  background-color: #03a9f4;

  border-color: #2980b9; }

.theme-whbl .btn-success:hover, .theme-whbl .btn-success:focus, .theme-whbl .btn-success:active, .theme-whbl .btn-success.active, .theme-whbl .open .dropdown-toggle.btn-success {

  background-color: #2980b9;

  border-color: #1c5c87; }

.theme-whbl h1 {

  color: #03a9f4; }

.theme-whbl .widget-users li > .details > .time {

  color: #03a9f4; }

.theme-whbl blockquote, .theme-whbl blockquote.pull-right {

  border-color: #03a9f4; }

.theme-whbl a.list-group-item.active, .theme-whbl a.list-group-item.active:hover, .theme-whbl a.list-group-item.active:focus {

  background-color: #03a9f4;

  border-color: #03a9f4; }

.theme-whbl .nav .caret {

  border-bottom-color: #03a9f4;

  border-top-color: #03a9f4; }

.theme-whbl .panel-default > .panel-heading, .theme-whbl .notifications-list .item-footer {

  background-color: #03a9f4; }

.theme-whbl .notifications-list .item-footer a:hover {

  background-color: #2980b9; }

.theme-whbl #invoice-companies .invoice-dates .invoice-number > span, .theme-whbl .notifications-list .item a .time {

  color: #03a9f4; }

.theme-whbl .table thead > tr > th > a:hover span {

  color: #03a9f4;

  border-color: #03a9f4; }

.theme-whbl .pace .pace-progress {

  background-color: #fff; }



.rtl.theme-whbl #content-wrapper {

  border-left: 0;

  border-right: 2px solid #e7ebee; }



@media (max-width: 991px) {

  .theme-whbl #logo.navbar-brand > img.normal-logo.logo-white {

    display: block; }

  .theme-whbl #logo.navbar-brand > img.normal-logo.logo-black {

    display: none; }

  .theme-whbl .navbar > .container .navbar-brand {

    background-color: #03a9f4; } }



.theme-turquoise #header-navbar {

  background-color: #1abc9c; }

.theme-turquoise .navbar > .container .navbar-brand {

  background-color: transparent;

  width: 221px; }

.theme-turquoise #nav-col, .theme-turquoise #page-wrapper {

  background-color: #ffffff; }

.theme-turquoise #sidebar-nav .nav > li > a {

  color: #484848;

  /* border-bottom: 1px solid #dce1e4; */ }

.theme-turquoise #sidebar-nav .nav > .open > .submenu > li > .submenu, .theme-turquoise #sidebar-nav .nav > .active > .submenu > li > .submenu, .theme-turquoise #sidebar-nav .nav li .submenu > li.open a, .theme-turquoise #nav-col-submenu .submenu > li > .submenu, .theme-turquoise #nav-col-submenu li .submenu > li.open > a {

  background-color: #ebebeb; }

.theme-turquoise .nav-pills > li.active > a, .theme-turquoise .nav-pills > li.active > a:hover, .theme-turquoise .nav-pills > li.active > a:focus, .theme-turquoise #sidebar-nav .nav-pills > li.active > a, .theme-turquoise #sidebar-nav .nav-pills > li.active > a:hover, .theme-turquoise #sidebar-nav .nav-pills > li.active > a:focus, .theme-turquoise .nav-pills > li.open > a, .theme-turquoise .nav-pills > li.open > a:hover, .theme-turquoise .nav-pills > li.open > a:focus, .theme-turquoise #sidebar-nav .nav-pills > li.open > a, .theme-turquoise #sidebar-nav .nav-pills > li.open > a:hover, .theme-turquoise #sidebar-nav .nav-pills > li.open > a:focus, .theme-turquoise .nav-small #nav-col #sidebar-nav .nav-pills > li.open > a, .theme-turquoise .nav-small #nav-col #sidebar-nav .nav-pills > li.active > a, .theme-turquoise .nav-small #nav-col-submenu .submenu > .open > a, .theme-turquoise .nav-small #nav-col-submenu .submenu > .active > a, .theme-turquoise .nav-small #nav-col-submenu .submenu > li > a:hover {

  background-color: whitesmoke;

  border-color: #1abc9c;

  border-bottom-color: #e0e0e0;

  color: #484848; }

.theme-turquoise #sidebar-nav .nav-pills > li.active > a > i {

  color: #16a085; }

.theme-turquoise #sidebar-nav .nav > li > a:hover {

  background-color: whitesmoke;

  border-color: #1abc9c;

  border-bottom-color: #e0e0e0;

  color: #484848; }

.theme-turquoise #header-navbar .nav > li > a {

  color: #fff; }

.theme-turquoise #header-navbar .nav > li > a:hover, .theme-turquoise #header-navbar .nav > li > a:focus, .theme-turquoise #header-navbar .nav .open > a, .theme-turquoise #header-navbar .nav .open > a:hover, .theme-turquoise #header-navbar .nav .open > a:focus {

  background-color: #16a085; }

.theme-turquoise #sidebar-nav .nav li .submenu, .theme-turquoise #nav-col-submenu .submenu {

  background-color: whitesmoke; }

.theme-turquoise #sidebar-nav .nav li .submenu > li > a, .theme-turquoise .nav-small #nav-col-submenu .submenu > li > a {

  color: #16191c; }

.theme-turquoise #sidebar-nav .nav > .open > .submenu > .open > a, .theme-turquoise #sidebar-nav .nav > .active > .submenu > .open > a, .theme-turquoise #sidebar-nav .nav > .active > .submenu > .active > a, .theme-turquoise #nav-col-submenu .submenu > .open > a, .theme-turquoise #nav-col-submenu .submenu > .active > a {

  border-bottom-color: transparent;

  box-shadow: 0 -1px 0 transparent inset; }

.theme-turquoise #sidebar-nav .nav > .open > .submenu > .open > a {

  border-bottom-color: #dcdfe6;

  box-shadow: none; }

.theme-turquoise #sidebar-nav .nav li.open > a.dropdown-toggle > .drop-icon, .theme-turquoise #sidebar-nav .nav li.active > a.dropdown-toggle > .drop-icon {

  color: #16191c; }

.theme-turquoise #sidebar-nav .nav li .submenu > li > a:hover, .theme-turquoise #sidebar-nav .nav li .submenu > li > a.active, .theme-turquoise #sidebar-nav .nav li .submenu > li.active > a, .theme-turquoise .nav-small #nav-col-submenu .submenu > .open > a, .theme-turquoise .nav-small #nav-col-submenu .submenu > .active > a, .theme-turquoise .nav-small #nav-col-submenu .submenu > li > a:hover, .theme-turquoise .nav-small #nav-col-submenu .submenu > li > a.active, .theme-turquoise .nav-small #nav-col-submenu .submenu > li.active > a {

  background-color: #ebebeb; }

.theme-turquoise #sidebar-nav .nav > .open > .submenu > li > .submenu > li a:hover, .theme-turquoise #sidebar-nav .nav > .active > .submenu > li > .submenu > li a:hover, .theme-turquoise #sidebar-nav .nav > .active > .submenu > li > .submenu > li a.active, .theme-turquoise .nav-small #nav-col-submenu .submenu > li > .submenu > li a:hover, .theme-turquoise .nav-small #nav-col-submenu .submenu > li > .submenu > li a.active {

  color: #1abc9c; }

.theme-turquoise .navbar > .container .navbar-brand {

  color: #fff; }

.theme-turquoise .navbar-toggle {

  color: #fff; }

.theme-turquoise .graph-box {

  background-color: #1abc9c !important; }

.theme-turquoise #content-wrapper {

  background-color: #f9f9f9;

  border-left: 2px solid #e7ebee; }

.theme-turquoise #user-left-box .user-box, .theme-turquoise #user-left-box .user-box a {

  color: #16191c; }

.theme-turquoise #user-left-box .user-box a:hover, .theme-turquoise #user-left-box .user-box a:focus {

  color: black; }

.theme-turquoise #sidebar-nav .nav > li.nav-header {

  border-top-color: #e7ebee;

  color: #a6a6a6; }

.theme-turquoise .nav-tabs {

  background-color: #f9f9f9; }

  .theme-turquoise .nav-tabs > li.active > a, .theme-turquoise .nav-tabs > li.active > a:hover, .theme-turquoise .nav-tabs > li.active > a:focus {

    border-top-color: #1abc9c; }

.theme-turquoise h1 {

  color: #1abc9c; }

.theme-turquoise #header-navbar .nav > li > a:hover, .theme-turquoise #header-navbar .nav > li > a:focus, .theme-turquoise #header-navbar .nav .open > a, .theme-turquoise #header-navbar .nav .open > a:hover, .theme-turquoise #header-navbar .nav .open > a:focus, .theme-turquoise .navbar-toggle:hover, .theme-turquoise .navbar-toggle:focus, .theme-turquoise .mobile-search.active > .btn {

  background-color: #16a085; }

.theme-turquoise .main-box {

  border: 1px solid #e7ebee; }

.theme-turquoise a, .theme-turquoise .fc-state-default, .theme-turquoise .jvectormap-zoomin, .theme-turquoise .jvectormap-zoomout, .theme-turquoise #user-profile .profile-details ul > li > span {

  color: #1abc9c; }

.theme-turquoise a:hover, .theme-turquoise a:focus, .theme-turquoise .widget-users li > .details > .name > a:hover, .theme-turquoise .widget-todo .actions > a:hover {

  color: #1abc9c; }

.theme-turquoise .table a.table-link:hover {

  color: #16a085; }

.theme-turquoise .pagination > li > a, .theme-turquoise .pagination > li > span, .theme-turquoise .pagination > li > a:hover, .theme-turquoise .pagination > li > span:hover, .theme-turquoise .pagination > li > a:focus, .theme-turquoise .pagination > li > span:focus, .theme-turquoise .pagination > li > a:active, .theme-turquoise .pagination > li > span:active {

  color: #1abc9c; }

.theme-turquoise .pagination > .active > a, .theme-turquoise .pagination > .active > span, .theme-turquoise .pagination > .active > a:hover, .theme-turquoise .pagination > .active > span:hover, .theme-turquoise .pagination > .active > a:focus, .theme-turquoise .pagination > .active > span:focus {

  background-color: #1abc9c;

  border-color: #1abc9c;

  color: #fff; }

.theme-turquoise .notifications-list .item-footer {

  background-color: #272d33; }

  .theme-turquoise .notifications-list .item-footer a:hover {

    background-color: #0f1114; }

.theme-turquoise .btn-primary, .theme-turquoise .btn-default, .theme-turquoise .btn-info, .theme-turquoise .btn-success, .theme-turquoise .btn-warning, .theme-turquoise .btn-danger, .theme-turquoise .btn-primary:hover, .theme-turquoise .btn-default:hover, .theme-turquoise .btn-info:hover, .theme-turquoise .btn-success:hover, .theme-turquoise .btn-warning:hover, .theme-turquoise .btn-danger:hover {

  color: #fff; }

.theme-turquoise .btn-primary {

  background-color: #1abc9c;

  border-color: #16a085; }

.theme-turquoise .btn-primary:hover, .theme-turquoise .btn-primary:focus, .theme-turquoise .btn-primary:active, .theme-turquoise .btn-primary.active, .theme-turquoise .open .dropdown-toggle.btn-primary {

  background-color: #16a085;

  border-color: #12816b; }

.theme-turquoise h1 {

  color: #1abc9c; }

.theme-turquoise .widget-users li > .details > .time {

  color: #1abc9c; }

.theme-turquoise blockquote, .theme-turquoise blockquote.pull-right {

  border-color: #1abc9c; }

.theme-turquoise a.list-group-item.active, .theme-turquoise a.list-group-item.active:hover, .theme-turquoise a.list-group-item.active:focus {

  background-color: #1abc9c;

  border-color: #1abc9c; }

.theme-turquoise .nav .caret {

  border-bottom-color: #1abc9c;

  border-top-color: #1abc9c; }

.theme-turquoise .panel-default > .panel-heading, .theme-turquoise .notifications-list .item-footer {

  background-color: #1abc9c; }

.theme-turquoise .notifications-list .item-footer a:hover {

  background-color: #16a085; }

.theme-turquoise #invoice-companies .invoice-dates .invoice-number > span, .theme-turquoise .notifications-list .item a .time {

  color: #1abc9c; }

.theme-turquoise .table thead > tr > th > a:hover span {

  color: #1abc9c;

  border-color: #1abc9c; }

.theme-turquoise #email-nav-items li.active {

  border-left-color: #1abc9c;

  border-right-color: #1abc9c; }

  .theme-turquoise #email-nav-items li.active a {

    color: #1abc9c; }

  .theme-turquoise #email-nav-items li.active .label-primary {

    background-color: #1abc9c; }

.theme-turquoise #email-nav-items li a:hover {

  color: #1abc9c; }

.theme-turquoise .select2-container--default .select2-selection--multiple .select2-selection__choice {

  background-color: #1abc9c !important; }

.theme-turquoise .select2-container--default .select2-results__option--highlighted[aria-selected] {

  background-color: #1abc9c !important; }

.theme-turquoise .cd-timeline-img {

  background-color: #1abc9c;

  box-shadow: 0 0 0 6px #bdeae1; }

.theme-turquoise #cd-timeline::before {

  background-color: #bdeae1; }

.theme-turquoise .dataTable thead th:hover {

  color: #1abc9c; }

.theme-turquoise .conversation-item.item-right .conversation-body:before {

  border-color: transparent transparent transparent #e9fefa; }

.theme-turquoise .conversation-item.item-right .conversation-body, .theme-turquoise .invoice-summary .invoice-summary-item {

  background-color: #e9fefa; }

.theme-turquoise #config-tool.closed #config-tool-cog:hover {

  background-color: #1abc9c; }

.theme-turquoise .pace .pace-progress {

  background-color: #fff; }



.rtl.theme-turquoise #content-wrapper {

  border-right: 2px solid #e7ebee;

  border-left: 0; }



@media only screen and (min-width: 1170px) {

  .theme-turquoise .cd-timeline-content .cd-date {

    color: #1abc9c; } }



@media (max-width: 991px) {

  .theme-turquoise #logo.navbar-brand > img.normal-logo.logo-white {

    display: block; }

  .theme-turquoise #logo.navbar-brand > img.normal-logo.logo-black {

    display: none; }

  .theme-turquoise .navbar > .container .navbar-brand {

    background-color: #1abc9c; } }





/*# sourceMappingURL=theme_styles.css.map */



.brand-logo {

    width: 100%;

    height: 60px;

    border-bottom: 1px solid #33444a;

}

.logo-icon {

    margin-left: 20px;

    width: 35px;

}

.logo-text {

    color: #fff;

    font-size: 18px;

    display: inline-block;

    position: relative;

    top: 3px;

    left: 5px;

    letter-spacing: 2px;

    font-weight: 400;

    text-align: center;

    line-height: 50px;

}

.user-profile img {

	width:40px;

	height:40px;

	border-radius: 50%;

	box-shadow: 0 16px 38px -12px rgba(0,0,0,.56), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);

}



.user-details {

    border-bottom: 1px solid rgba(255, 255, 255, 0.16);

    padding: 1rem!important;

}



.user-pointer {

    cursor: pointer;

}



.align-items-center {

    -ms-flex-align: center!important;

    align-items: center!important;

}

.media {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: start;

    align-items: flex-start;

}



.user-details .media .avatar img.side-user-img {

    width: 35px;

    height: 35px;

    border-radius: 50%;

    box-shadow: 0 16px 38px -12px rgba(0,0,0,.56), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);

}

.user-details .media .avatar img {

    width: 50px;

    height: 50px;

    border-radius: 50%;

}

.mr-3, .mx-3 {

    margin-right: 1rem!important;

}

.user-details .media .media-body .side-user-name {

    font-size: 15px;

    color: #fff;

    font-weight: 600;



}



.h6, h6 {

    font-size: 14px;

    line-height: 18px;

}

.user-setting-menu>li>a {

    padding: 10px 5px 10px 5px;

    display: block;

    border-left: 3px solid transparent;

    color: #8aa4af;

    font-size: 14px;

}



.user-setting-menu {

    list-style: none;

    margin: 0;

    padding: 0;

    margin-top: 1rem;

    background-color: transparent;

}

.user-details div.collapsed:after {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

}



.user-details div.user-pointer:after {

    font-family: FontAwesome;

    font-size: 15px;

    position: absolute;

    right: 25px;

    color: #fff;

    display: inline-block;

    content: '\f104';

    transition: -webkit-transform .2s ease-in-out;

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    transform: rotate(-90deg);

}

.user-setting-menu>li>a:hover{

	color: rgb(255, 255, 255);

}



.user-setting-menu>li>a i{

	margin-right: 10px;

    font-size: 15px;

}





.gradient-bloody{

	background: #f54ea2;

	background: -webkit-linear-gradient(45deg, #f54ea2, #ff7676)!important;

	background: linear-gradient(45deg, #f54ea2, #ff7676)!important;

}



.gradient-scooter{

	background: #17ead9;

	background: -webkit-linear-gradient(45deg, #17ead9, #6078ea)!important;

	background: linear-gradient(45deg, #17ead9, #6078ea)!important;

}



.gradient-blooker{

   background: #ffdf40;

   background: -webkit-linear-gradient(45deg, #ffdf40, #ff8359)!important;

   background: linear-gradient(45deg, #ffdf40, #ff8359)!important;

}



.gradient-quepal{

   background: #42e695;

   background: -webkit-linear-gradient(45deg, #42e695, #3bb2b8)!important;

   background: linear-gradient(45deg, #42e695, #3bb2b8)!important;

}



.gradient-purpink{

   background: #7f00ff;

   background: -webkit-linear-gradient(45deg, #7f00ff, #e100ff)!important;

   background: linear-gradient(45deg, #7f00ff, #e100ff)!important;

}



.gradient-ibiza{

	background: #ee0979;

	background: -webkit-linear-gradient(45deg, #ee0979, #ff6a00)!important;

	background: linear-gradient(45deg, #ee0979, #ff6a00)!important;

}



.gradient-dusk{

   background: #2c3e50;

   background: -webkit-linear-gradient(45deg, #2c3e50, #fd746c)!important;

   background: linear-gradient(45deg, #2c3e50, #fd746c)!important;

}

.gradient-meridian{

   background: #283c86;

   background: -webkit-linear-gradient(45deg, #283c86, #45a247)!important;

   background: linear-gradient(45deg, #283c86, #45a247)!important;

}

.gradient-ohhappiness{

   background: #00b09b;

   background: -webkit-linear-gradient(45deg, #00b09b, #96c93d)!important;

   background: linear-gradient(to right, #00b09b, #96c93d)!important;

}



.gradient-violet{

	background: #4776e6;

	background: -webkit-linear-gradient(45deg, #4776e6, #8e54e9)!important;

	background: linear-gradient(45deg, #4776e6, #8e54e9)!important;

}



.gradient-titanium{

	background: #283048;

    background: -webkit-linear-gradient(45deg, #283048, #859398)!important;

    background: linear-gradient(45deg, #283048, #859398)!important;

}



.gradient-shifter{

   background: #bc4e9c;

   background: -webkit-linear-gradient(45deg, #bc4e9c, #f80759)!important;

   background: linear-gradient(45deg, #bc4e9c, #f80759)!important;

}



.gradient-army{

   background: #414d0b;

   background: -webkit-linear-gradient(45deg, #414d0b, #727a17)!important;

   background: linear-gradient(45deg, #414d0b, #727a17)!important;

}



.gradient-orange{

   background: #fc4a1a;

   background: -webkit-linear-gradient(45deg, #fc4a1a, #f7b733)!important;

   background: linear-gradient(45deg, #fc4a1a, #f7b733)!important;

}



.gradient-yoda{

   background: #ff0099;

   background: -webkit-linear-gradient(45deg, #ff0099, #493240)!important;

   background: linear-gradient(45deg, #ff0099, #493240)!important;

}



.gradient-royal{

   background: #141e30;

   background: -webkit-linear-gradient(45deg, #141e30, #2c527d)!important;

   background: linear-gradient(45deg, #141e30, #2c527d)!important;

}



.gradient-knight{

  background: #ba8b02;

  background: -webkit-linear-gradient(45deg, #ba8b02, #181818)!important;

  background: linear-gradient(45deg, #ba8b02, #181818)!important;

}



.gradient-forest{

   background: #000428;

   background: -webkit-linear-gradient(45deg, #000428, #004e92)!important;

   background: linear-gradient(45deg, #000428, #004e92)!important;

}



.gradient-redmist{

   background: #000000;

   background: -webkit-linear-gradient(45deg, #000000, #e74c3c)!important;

   background: linear-gradient(45deg, #000000, #e74c3c)!important;

}



.gradient-steelgray{

   background: #1f1c2c;

   background: -webkit-linear-gradient(45deg, #1f1c2c, #928dab)!important;

   background: linear-gradient(45deg, #1f1c2c, #928dab)!important;

}



.gradient-influenza{

   background: #c04848;

   background: -webkit-linear-gradient(45deg, #c04848, #480048)!important;

   background: linear-gradient(45deg, #c04848, #480048)!important;

}



.gradient-flame{

   background: #ff9a9e;

   background: -webkit-linear-gradient(45deg, #ff9a9e, #fad0c4)!important;

   background: linear-gradient(45deg, #ff9a9e, #fad0c4)!important;

}



.gradient-cherry{

   background: #fbd3e9;

   background: -webkit-linear-gradient(45deg, #fbd3e9, #bb377d)!important;

   background: linear-gradient(45deg, #fbd3e9, #bb377d)!important;

}



.gradient-winter{

  background: #a1c4fd;

  background: -webkit-linear-gradient(45deg, #a1c4fd, #c2e9fb)!important;

  background: linear-gradient(45deg, #a1c4fd, #c2e9fb)!important;

}



.gradient-rain{

   background: #cfd9df;

   background: -webkit-linear-gradient(45deg, #cfd9df, #e2ebf0)!important;

   background: linear-gradient(45deg, #cfd9df, #e2ebf0)!important;

}



.gradient-telegram{

   background: #1c92d2;

   background: -webkit-linear-gradient(45deg, #1c92d2, #f2fcfe)!important;

   background: linear-gradient(45deg, #1c92d2, #f2fcfe)!important;

}



.gradient-horizon{

   background: #fceabb;

   background: -webkit-linear-gradient(45deg, #fceabb, #f8b500)!important;

   background: linear-gradient(45deg, #fceabb, #f8b500)!important;

}



.gradient-peach{

   background: #ffecd2;

   background: -webkit-linear-gradient(45deg, #ffecd2, #fcb69f)!important;

   background: linear-gradient(45deg, #ffecd2, #fcb69f)!important;

}



.gradient-meadow{

   background: #215f00;

   background: -webkit-linear-gradient(45deg, #215f00, #e4e4d9)!important;

   background: linear-gradient(45deg, #215f00, #e4e4d9)!important;

}





.text-left {

    text-align: left!important;

}

.media-body {

    -ms-flex: 1;

    flex: 1;

}

.text-white {

    color: #fff!important;

}



.h4, h4 {

    font-size: 18px;

    line-height: 28px;

}



.align-self-center {

    -ms-flex-item-align: center!important;

    align-self: center!important;

}



.istatistiklerbottom {

padding-bottom: 2px;

}

.curl {

    width: 100%;

    float: left;

}

.curl .curl-box {

    width: 100%;

    float: left;

    font-size: 13px;

    margin-bottom: 5px;

    padding: 5px 0;

    border-bottom: 1px solid #f5f5f5;

}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
	box-sizing: border-box;
}
.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}
.text-left {
    text-align: left!important;
}
.media-body {
    -ms-flex: 1;
    flex: 1;
}
.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important;
}
.text-white {
    color: #fff!important;
}
.media-body h4 {
    font-size: 24px;
    line-height: 28px;
	color: #292929;
    font-weight: 600;
    color: #223035;
}
.card {
    margin-bottom: 30px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
    border: none;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}
.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgba(0,0,0,.125);
    font-weight: 600;
    font-size: 14px;
    color: #1a262b;
}
.border-0 {
    border: 0!important;
}
.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}
.card-action {
    float: right;
}
.ml-3, .mx-3 {
    margin-left: 1rem!important;
}
.text-google-plus {
    color: #dd4b39!important;
}
.text-facebook {
    color: #3b5998!important;
}
.text-twitter {
    color: #55acee!important;
}
.text-linkedin {
    color: #0976b4!important;
}
.text-instagram {
    color: #333333!important;
}
.text-globe {
    color: #ea4c89!important;
}
.text-sitemap {
    color: #1769ff!important;
}
.badge-dot i {
    display: inline-block;
    width: .385rem;
    height: .385rem;
    margin-right: .385rem;
    vertical-align: middle;
    border-radius: 50%;
}

.bg-danger {
    background-color: #fd3550!important;
}
.bg-danger {
    background-color: #dc3545!important;
}
.img-thumbnail {padding: 4px;line-height: 1.42857;background-color: #fff;border: 1px solid #ddd;border-radius: 3px;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;display: inline-block;max-width: 100%;height: auto;}

.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
.input-group-append, .input-group-prepend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}