/*!



 =========================================================

 * Azzara Bootstrap Dashboard (Bootstrap 4)

 =========================================================



 * Product Page: http://www.themekita.com/

 * Copyright 2018 Theme Kita (http://www.themekita.com/)



 =========================================================



 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.



[Table of contents]



* Background

* Typography

* Layouts

   + Body & Wrapper

   + Main Header

   + Sidebar

* Layouts Color

* Components

   + Breadcrumbs

   + Cards

     - Card Stats

     - Card Task

     - Card States

     - Card Posts

     - Card Pricing

     - Card Annoucement

     - Card Profile

     - Accordion

   + Inputs

   + Tables

   + Navbars

   + Navsearch

   + Badges

   + Dropdowns

   + Charts

   + Alerts

   + Buttons

   + Navtabs

   + Popovers

   + Progress

   + Paginations

   + Sliders

   + Modals

   + Timeline

   + Maps

   + Invoice

   + Messages

   + Tasks

   + Settings

* Plugins

   + jQueryUI

   + jQuery Scrollbar

   + Toggle

   + Css Animate

   + Full Calendar

   + SweetAlert

   + Datatables

   + DateTimePicker

   + Select2

   + Tagsinput

   + Dropzone

   + Summernote

* Responsive

* 404

* Login & Register



# [Color codes]



body-text-color: #575962

white-color: #ffffff

black-color: #191919

transparent-bg : transparent

default-color : #282a3c

primary-color : #177dff

secondary-color : #716aca

info-color : #36a3f7

success-color : #35cd3a

warning-color : #ffa534

danger-color : #f3545d



-------------------------------------------------------------------*/
Lato
/* 	 Background Body */

body {

  background: #f9fbfd; }

  body[data-background-color="bg1"] {

    background: #f9fbfd; }

  body[data-background-color="bg2"] {

    background: #ffffff; }

  body[data-background-color="bg3"] {

    background: #f1f1f1; }



/*   Background   */

.bg-default {

  background-color: #282a3c !important; }



.bg-primary {

  background-color: #177dff !important; }



.bg-secondary {

  background-color: #716aca !important; }



.bg-info {

  background-color: #36a3f7 !important; }



.bg-success {

  background-color: #35cd3a !important; }



.bg-warning {

  background-color: #ffa534 !important; }



.bg-danger {

  background-color: #f3545d !important; }



.bg-dark {

  background: #191919 !important; }



.bg-grey1 {

  background: #f9fbfd !important; }



.bg-grey2 {

  background: #f1f1f1; }



.bg-default-gradient {

  background: #282a3c !important;

  background: -webkit-linear-gradient(legacy-direction(-45deg), #08080e, #282a3c) !important;

  background: linear-gradient(-45deg, #08080e, #282a3c) !important; }



.bg-primary-gradient {

  background: #177dff !important;

  background: -webkit-linear-gradient(legacy-direction(-45deg), #3641a0, #177dff) !important;

  background: linear-gradient(-45deg, #3641a0, #177dff) !important; }



.bg-secondary-gradient {

  background: #716aca !important;

  background: -webkit-linear-gradient(legacy-direction(-45deg), #29276b, #716aca) !important;

  background: linear-gradient(-45deg, #29276b, #716aca) !important; }



.bg-info-gradient {

  background: #36a3f7 !important;

  background: -webkit-linear-gradient(legacy-direction(-45deg), #145180, #36a3f7) !important;

  background: linear-gradient(-45deg, #145180, #36a3f7) !important; }



.bg-success-gradient {

  background: #35cd3a !important;

  background: -webkit-linear-gradient(legacy-direction(-45deg), #0d8010, #35cd3a) !important;

  background: linear-gradient(-45deg, #0d8010, #35cd3a) !important; }



.bg-warning-gradient {

  background: #ffa534 !important;

  background: -webkit-linear-gradient(legacy-direction(-45deg), #9a6d06, #ffa534) !important;

  background: linear-gradient(-45deg, #9a6d06, #ffa534) !important; }



.bg-danger-gradient {

  background: #f3545d !important;

  background: -webkit-linear-gradient(legacy-direction(-45deg), #a01d24, #f3545d) !important;

  background: linear-gradient(-45deg, #a01d24, #f3545d) !important; }



*:focus {

  outline: 0 !important;

  -webkit-box-shadow: none !important;

  box-shadow: none !important; }



/*   Typography    */

body, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, .btn-simple, .alert, a, .td-name, td, button.close {

  -moz-osx-font-smoothing: grayscale;

  -webkit-font-smoothing: antialiased;

  font-family: 'Open Sans', sans-serif; }



body {

  font-size: 13px;

  color: #575962; }



h1,

.h1 {

  font-size: 1.625rem; }



h2,

.h2 {

  font-size: 1.25rem; }



h3,

.h3 {

  font-size: 1.0625rem; }



h4,

.h4 {

  font-size: .9375rem; }



h5,

.h5 {

  font-size: .8125rem; }



h6,

.h6 {

  font-size: .725rem; }



p {

  font-size: 13px;

  line-height: 1.82;

  margin-bottom: 1rem;

  word-break: break-word; }



small, .small {

  font-size: 12px; }



b, .b, strong, .strong {

  font-weight: 600; }



.page-pretitle {

  letter-spacing: .08em;

  text-transform: uppercase;

  color: #95aac9; }



.page-title {

  font-size: 22px;

  font-weight: 600;

  color: #444444;

  line-height: 30px;

  margin-bottom: 20px; }



.page-category {

  color: #444444;

  line-height: 1.8;

  margin-bottom: 25px; }



.text-primary, .text-primary a {

  color: #177dff !important; }

  .text-primary:hover, .text-primary a:hover {

    color: #177dff !important; }



.text-secondary, .text-secondary a {

  color: #716aca !important; }

  .text-secondary:hover, .text-secondary a:hover {

    color: #716aca !important; }



.text-info, .text-info a {

  color: #36a3f7 !important; }

  .text-info:hover, .text-info a:hover {

    color: #36a3f7 !important; }



.text-success, .text-success a {

  color: #35cd3a !important; }

  .text-success:hover, .text-success a:hover {

    color: #35cd3a !important; }



.text-warning, .text-warning a {

  color: #ffa534 !important; }

  .text-warning:hover, .text-warning a:hover {

    color: #ffa534 !important; }



.text-danger, .text-danger a {

  color: #f3545d !important; }

  .text-danger:hover, .text-danger a:hover {

    color: #f3545d !important; }



label {

  color: #495057 !important;

  font-size: 12px !important; }



.metric-value {

  margin-bottom: 5px;

  line-height: 1;

  white-space: nowrap; }



.metric-label {

  font-size: .875rem;

  font-weight: 500;

  color: #686f76;

  white-space: nowrap;

  margin-bottom: 0; }



/*   Font-weight    */

.fw-light {

  font-weight: 300 !important; }



.fw-normal {

  font-weight: 400 !important; }



.fw-mediumbold {

  font-weight: 400 !important; }



.fw-bold {

  font-weight: 600 !important; }



.fw-extrabold {

  font-weight: 700 !important; }



/*    Layouts     */

body {

  min-height: 100vh;

  position: relative;

  background: #f9fbfd; }



.no-bd {

  border: 0px !important; }



.pull-right {

  float: right; }



.pull-left {

  float: left; }



.wrapper {

  min-height: 100vh;

  position: relative;

  top: 0;

  height: 100vh; }



.main-header {

  background: #ffffff;

  min-height: 55px;

  width: 100%;

  position: fixed;

  z-index: 1001; }

  .main-header .logo-header {

    float: left;

    width: 240px;

    height: 57px;

    line-height: 55px;

    color: #333333;

    z-index: 1001;

    font-size: 17px;

    font-weight: 400;

    padding-left: 25px;

    padding-right: 25px;

    z-index: 1001;

    display: flex;

    align-items: center;

    position: relative;

    transition: all .3s; }

    .main-header .logo-header .big-logo {

      margin-right: 8px; }

      .main-header .logo-header .big-logo:hover {

        text-decoration: none; }

      .main-header .logo-header .big-logo .logo-img {

        width: 35px;

        height: 35px; }

    .main-header .logo-header .logo {

      color: #575962;

      opacity: 1;

      position: relative;

      height: 100%; }

      .main-header .logo-header .logo:hover {

        text-decoration: none; }

      .main-header .logo-header .logo .navbar-brand {

        padding-top: 0px;

        padding-bottom: 0px;

        margin-right: 0px; }

    .main-header .logo-header .navbar-minimize {

      position: absolute;

      top: 0;

      right: 18px;

      z-index: 5; }

    .main-header .logo-header .navbar-toggler {

      padding-left: 0px;

      padding-right: 0px;

      opacity: 0;

      display: none; }

      .main-header .logo-header .navbar-toggler .navbar-toggler-icon {

        height: 1em;

        width: 1em;

        color: #545454;

        font-size: 22px; }

    .main-header .logo-header .more {

      background: transparent;

      border: 0;

      font-size: 22px;

      padding: 0;

      opacity: 0;

      width: 0;

      display: none; }

  .main-header .navbar-header {

    min-height: 57px; }

  .main-header .btn-minimize {

    font-size: 20px;

    line-height: 20px;

    padding: 0px;

    background: transparent !important;

    color: #575962 !important; }

    .main-header .btn-minimize:hover, .main-header .btn-minimize:focus {

      opacity: 1; }



#search-nav {

  flex: 1;

  max-width: 400px; }



.sidebar .nav > .nav-item.active > a:before, .sidebar .nav > .nav-item.active:hover > a:before, .sidebar .nav > .nav-item a[data-toggle=collapse][aria-expanded=true]:before {

  background: #1d7af3;

  opacity: 1 !important;

  position: absolute;

  z-index: 1;

  width: 3px;

  height: 100%;

  content: '';

  left: 0;

  top: 0; }



.sidebar {

  position: fixed;

  top: 0;

  bottom: 0;

  left: 0;

  width: 240px;

  padding-top: 57px;

  display: block;

  z-index: 1000;

  color: #ffffff;

  font-weight: 200;

  background: #ffffff;

  -webkit-box-shadow: 1px 0 10px rgba(69, 65, 78, 0.06);

  -moz-box-shadow: 1px 0 10px rgba(69, 65, 78, 0.06);

  box-shadow: 1px 0 10px rgba(69, 65, 78, 0.06);

  transition: all .3s; }

  .sidebar .user {

    margin-top: 13.5px;

    padding-left: 15px;

    padding-right: 15px;

    padding-bottom: 12.5px;

    border-bottom: 1px solid #f1f1f1;

    display: block;

    margin-left: 10px;

    margin-right: 10px; }

    .sidebar .user .info a {

      white-space: nowrap;

      display: block;

      position: relative; }

      .sidebar .user .info a:hover, .sidebar .user .info a:focus {

        text-decoration: none; }

      .sidebar .user .info a > span {

        font-size: 13px;

        font-weight: 400;

        color: #777;

        display: flex;

        flex-direction: column; }

        .sidebar .user .info a > span .user-level {

          color: #555;

          font-weight: 600;

          font-size: 11px;

          margin-top: 5px; }

      .sidebar .user .info a .link-collapse {

        padding: 7px 0; }

    .sidebar .user .info .caret {

      position: absolute;

      top: 17px;

      right: 0px;

      border-top-color: #777; }

  .sidebar .sidebar-wrapper {

    position: relative;

    max-height: calc(100vh - 75px);

    min-height: 100%;

    overflow: auto;

    width: 240px;

    z-index: 4;

    padding-bottom: 100px;

    transition: all .3s; }

    .sidebar .sidebar-wrapper .sidebar-content {

      padding-top: 0px;

      padding-bottom: 55px; }

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

      top: 5px !important; }

  .sidebar .nav {

    display: block;

    float: none;

    margin-top: 20px; }

    .sidebar .nav .nav-section {

      margin: 15px 0 0 0; }

      .sidebar .nav .nav-section .sidebar-mini-icon {

        text-align: center;

        font-size: 15px;

        color: #909093;

        display: none; }

      .sidebar .nav .nav-section .text-section {

        padding: 2px 30px;

        font-size: 11px;

        color: #727275;

        font-weight: 600;

        text-transform: uppercase;

        letter-spacing: 0.5px;

        margin-bottom: 12px;

        margin-top: 20px; }

    .sidebar .nav > .nav-item {

      display: list-item; }

      .sidebar .nav > .nav-item.active > a {

        color: #575962 !important;

        background: rgba(0, 0, 0, 0.03); }

        .sidebar .nav > .nav-item.active > a p {

          color: #575962 !important; }

      .sidebar .nav > .nav-item.active a i {

        color: #4d7cfe; }

      .sidebar .nav > .nav-item.submenu {

        background: rgba(0, 0, 0, 0.03); }

        .sidebar .nav > .nav-item.submenu > li > a i {

          color: rgba(23, 125, 255, 0.76); }

      .sidebar .nav > .nav-item > a:hover, .sidebar .nav > .nav-item a:focus {

        background: rgba(0, 0, 0, 0.03); }

      .sidebar .nav > .nav-item a {

        display: flex;

        align-items: center;

        color: #575962;

        padding: 6px 25px;

        width: 100%;

        font-size: 14px;

        font-weight: 400;

        position: relative;

        margin-bottom: 3px; }

        .sidebar .nav > .nav-item a:hover, .sidebar .nav > .nav-item a:focus {

          text-decoration: none; }

          .sidebar .nav > .nav-item a:hover p, .sidebar .nav > .nav-item a:focus p {

            color: #575962 !important; }

          .sidebar .nav > .nav-item a:hover i, .sidebar .nav > .nav-item a:focus i {

            color: #4d7cfe !important; }

      .sidebar .nav > .nav-item a .letter-icon {

        color: #a1a2a6;

        margin-right: 15px;

        width: 25px;

        text-align: center;

        vertical-align: middle;

        float: left;

        font-size: 20px;

        font-weight: 200; }

      .sidebar .nav > .nav-item a i {

        color: #9a9a9a;

        margin-right: 15px;

        width: 25px;

        text-align: center;

        vertical-align: middle;

        float: left; }

        .sidebar .nav > .nav-item a i.fas, .sidebar .nav > .nav-item a i.far, .sidebar .nav > .nav-item a i.fab, .sidebar .nav > .nav-item a i.fa {

          font-size: 18px;

          line-height: 30px; }

        .sidebar .nav > .nav-item a i[class^="flaticon-"] {

          font-size: 20px; }

      .sidebar .nav > .nav-item a p {

        font-size: 13px;

        margin-bottom: 0px;

        margin-right: 5px;

        white-space: nowrap;

        font-weight: 600;

        color: #9a9a9a; }

      .sidebar .nav > .nav-item a .caret {

        margin-left: auto;

        margin-right: 10px;

        transition: all .5s;

        color: #9a9a9a; }

      .sidebar .nav > .nav-item a[data-toggle=collapse][aria-expanded=true] {

        background: transparent; }

        .sidebar .nav > .nav-item a[data-toggle=collapse][aria-expanded=true] p {

          color: #575962; }

        .sidebar .nav > .nav-item a[data-toggle=collapse][aria-expanded=true] i {

          color: #4d7cfe; }

        .sidebar .nav > .nav-item a[data-toggle=collapse][aria-expanded=true] .caret {

          filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);

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

          transform: rotate(-180deg); }

  .sidebar .nav-collapse {

    margin-top: 0px;

    margin-bottom: 15px;

    padding-bottom: 15px;

    padding-top: 10px; }

    .sidebar .nav-collapse li.active > a {

      font-weight: 600;

      background: rgba(0, 0, 0, 0.05); }

    .sidebar .nav-collapse li a:before, .sidebar .nav-collapse li a:hover:before {

      opacity: 0 !important; }

    .sidebar .nav-collapse li a {

      margin-bottom: 0px !important;

      padding: 10px 25px !important; }

      .sidebar .nav-collapse li a .sub-item {

        font-size: 13px;

        position: relative;

        margin-left: 25px;

        opacity: .85; }

        .sidebar .nav-collapse li a .sub-item:before {

          content: '';

          height: 4px;

          width: 4px;

          background: rgba(131, 132, 138, 0.89);

          position: absolute;

          left: -15px;

          top: 50%;

          transform: translateY(-50%);

          border-radius: 100%; }

      .sidebar .nav-collapse li a:hover .sub-item {

        opacity: 1; }

      .sidebar .nav-collapse li a .sidebar-mini-icon {

        font-size: 18px;

        color: #C3C5CA;

        margin-right: 15px;

        width: 25px;

        text-align: center;

        vertical-align: middle;

        float: left;

        font-weight: 300 !important; }

    .sidebar .nav-collapse.subnav {

      padding-bottom: 10px;

      margin-bottom: 0px; }

      .sidebar .nav-collapse.subnav li a {

        padding-left: 40px !important; }



.sidebar[data-image] .nav .nav-item {

  opacity: .9; }



.quick-sidebar {

  position: fixed;

  top: 0;

  bottom: 0;

  right: -380px;

  width: 380px;

  overflow: auto;

  overflow-x: hidden;

  height: 100vh;

  display: block;

  z-index: 1;

  background: #ffffff;

  background-size: cover;

  background-position: center center;

  box-shadow: 2px 0px 20px rgba(69, 65, 78, 0.07);

  transition: all .3s;

  z-index: 1101;

  padding: 20px 20px; }

  .quick-sidebar .scroll-wrapper .scroll-element {

    opacity: 0.4 !important; }

  .quick-sidebar .scroll-wrapper:hover .scroll-element {

    opacity: .8 !important; }

  .quick-sidebar .close-quick-sidebar {

    position: absolute;

    right: 25px;

    color: #999; }

  .quick-sidebar .nav-link {

    padding-top: 0px !important;

    padding-left: 10px !important;

    padding-right: 10px !important;

    margin-right: 15px !important; }

  .quick-sidebar .quick-wrapper .quick-scroll {

    height: calc(100vh - 115px);

    overflow: auto;

    margin-bottom: 15px; }

  .quick-sidebar .quick-wrapper .quick-content {

    padding-bottom: 25px; }

  .quick-sidebar .quick-wrapper .category-title {

    font-size: 16px;

    font-weight: 600;

    padding-bottom: 10px;

    margin-top: 25px;

    display: block;

    border-bottom: 1px solid #f1f1f1;

    margin-bottom: 15px; }



.quick-sidebar-overlay {

  position: fixed;

  z-index: 1100;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  background: rgba(0, 0, 0, 0.63); }



.main-panel {

  position: relative;

  width: calc(100% - 240px);

  height: 100vh;

  min-height: 100%;

  float: right;

  transition: all .3s; }

  .main-panel > .content {

    padding: 0px !important;

    min-height: calc(100% - 123px);

    margin-top: 57px;

    overflow: hidden; }

  .main-panel > .content-full {

    padding: 0px !important;

    min-height: calc(100% - 123px);

    margin-top: 57px;

    overflow: hidden; }

  .main-panel .page-header {

    display: flex;

    align-items: center;

    margin-bottom: 20px; }

    .main-panel .page-header .page-title {

      margin-bottom: 0px; }

    .main-panel .page-header .btn-page-header-dropdown {

      width: 35px;

      height: 35px;

      font-size: 14px;

      padding: 0px;

      color: #6b6b6b;

      box-shadow: 0 2px 14px 0 rgba(144, 116, 212, 0.1) !important;

      border: 0; }

      .main-panel .page-header .btn-page-header-dropdown:after {

        display: none; }

    .main-panel .page-header .dropdown-menu {

      margin-top: 15px;

      top: 0px !important; }

      .main-panel .page-header .dropdown-menu:after {

        width: 0;

        height: 0;

        border-left: 8px solid transparent;

        border-right: 8px solid transparent;

        border-bottom: 8px solid #ffffff;

        position: absolute;

        top: -8px;

        right: 32px;

        content: ''; }

  .main-panel .page-divider {

    height: 0;

    margin: .3rem 0 1rem;

    overflow: hidden;

    border-top: 1px solid #ebecec; }



/*      Page Wrapper      */

.page-wrapper {

  min-height: calc(100vh - 57px);

  position: relative; }

  .page-wrapper.has-sidebar .page-inner {

    margin-right: 22.5rem; }



.page-navs {

  position: relative;

  display: block;

  padding-right: 1rem;

  padding-left: 1rem;

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

  z-index: 1; }

  .page-navs .nav .nav-link {

    padding: 1rem !important; }

  .page-navs .nav-line {

    border: 0px !important; }

    .page-navs .nav-line .nav-link {

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



.nav-scroller .nav {

  flex-wrap: nowrap;

  overflow-x: auto;

  white-space: nowrap; }



@media (min-width: 992px) {

  .page-navs {

    padding-right: 2rem;

    padding-left: 2rem; } }

.page-inner {

  padding: 1.5rem 0; }



@media (min-width: 576px) {

  .page-inner {

    padding-right: 1rem;

    padding-left: 1rem; } }

@media (min-width: 992px) {

  .page-inner {

    padding-right: 2rem;

    padding-left: 2rem; } }

.page-inner-fill {

  padding: 0;

  height: calc(100% - 57px);

  display: flex;

  flex-direction: column; }



.page-sidebar {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  display: flex;

  flex-direction: column;

  max-width: 22.5rem;

  box-shadow: none;

  background-color: #fff;

  transform: translate3d(100%, 0, 0);

  overflow: auto;

  z-index: 999;

  transition: transform .2s ease-in-out;

  border-left: 1px solid rgba(61, 70, 79, 0.125) !important; }

  .page-sidebar .back {

    width: 100%;

    display: flex;

    align-items: center;

    padding: 1rem;

    box-shadow: 0 0 0 1px rgba(61, 70, 79, 0.05), 0 1px 3px 0 rgba(61, 70, 79, 0.15);

    font-size: 15px; }



.page-sidebar-section {

  flex: 1;

  overflow-y: auto; }



@media (min-width: 1200px) {

  .page-sidebar {

    transform: translateZ(0); } }

@media (max-width: 1200px) {

  .page-wrapper.has-sidebar .page-inner {

    margin-right: 0px; }



  .pagesidebar_open .page-sidebar {

    transform: translate3d(0, 0, 0) !important;

    max-width: unset; } }

.page-with-aside {

  display: flex; }

  .page-with-aside .page-aside {

    background: #ffffff;

    width: 280px;

    min-height: 100vh;

    border-right: 1px solid #f1f1f1;

    border-left: 1px solid #f1f1f1;

    padding: 15px 0; }

    .page-with-aside .page-aside .aside-header {

      padding: 15px 22px; }

      .page-with-aside .page-aside .aside-header .title {

        font-size: 24px; }

      .page-with-aside .page-aside .aside-header .description {

        font-size: 12px; }

    .page-with-aside .page-aside .aside-nav .nav {

      flex-direction: column; }

      .page-with-aside .page-aside .aside-nav .nav > li {

        padding: 8px 22px;

        margin-bottom: 5px; }

        .page-with-aside .page-aside .aside-nav .nav > li:hover, .page-with-aside .page-aside .aside-nav .nav > li:focus, .page-with-aside .page-aside .aside-nav .nav > li.active {

          background: #fafafa; }

        .page-with-aside .page-aside .aside-nav .nav > li.active {

          padding: 12px 22px;

          font-weight: 600; }

          .page-with-aside .page-aside .aside-nav .nav > li.active > a {

            color: #575962 !important; }

        .page-with-aside .page-aside .aside-nav .nav > li > a {

          color: #83848a;

          display: flex;

          align-items: center;

          font-size: 12px; }

          .page-with-aside .page-aside .aside-nav .nav > li > a:hover, .page-with-aside .page-aside .aside-nav .nav > li > a:focus {

            text-decoration: none; }

          .page-with-aside .page-aside .aside-nav .nav > li > a i {

            font-size: 20px;

            margin-right: 15px;

            color: #a1a2a6; }

    .page-with-aside .page-aside .aside-nav .label {

      padding: 5px 22px;

      margin-top: 22px;

      margin-bottom: 5px;

      display: block; }

    .page-with-aside .page-aside .aside-compose {

      padding: 25px 22px; }

  .page-with-aside .page-content {

    width: calc(100% - 280px); }



.footer {

  border-top: 1px solid #eee;

  padding: 15px;

  background: #ffffff;

  position: absolute;

  width: 100%; }

  .footer .container-fluid {

    display: flex;

    align-items: center; }



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

  .sidebar_minimize .main-panel {

    width: calc(100% - 75px);

    transition: all .3s; }

  .sidebar_minimize .logo-header {

    width: 75px;

    transition: all .3s;

    padding: 0px;

    text-align: center; }

    .sidebar_minimize .logo-header .big-logo {

      margin-right: 0px; }

    .sidebar_minimize .logo-header .logo {

      position: absolute;

      transform: translate3d(25px, 0, 0);

      opacity: 0; }

      .sidebar_minimize .logo-header .logo img {

        display: none; }

  .sidebar_minimize .navbar-minimize {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    height: 100%;

    right: 0 !important; }

  .sidebar_minimize .sidebar {

    width: 75px;

    transition: all .3s; }

    .sidebar_minimize .sidebar .sidebar-wrapper {

      width: 75px;

      transition: all .3s; }

      .sidebar_minimize .sidebar .sidebar-wrapper .user {

        padding-left: 0px;

        padding-right: 0px; }

        .sidebar_minimize .sidebar .sidebar-wrapper .user [class^="avatar-"] {

          float: none !important;

          margin: auto; }

        .sidebar_minimize .sidebar .sidebar-wrapper .user .info {

          display: none; }

          .sidebar_minimize .sidebar .sidebar-wrapper .user .info span {

            display: none; }

      .sidebar_minimize .sidebar .sidebar-wrapper .nav-item {

        position: relative; }

        .sidebar_minimize .sidebar .sidebar-wrapper .nav-item a .letter-icon {

          display: block !important; }

        .sidebar_minimize .sidebar .sidebar-wrapper .nav-item a .badge, .sidebar_minimize .sidebar .sidebar-wrapper .nav-item a span, .sidebar_minimize .sidebar .sidebar-wrapper .nav-item a .caret, .sidebar_minimize .sidebar .sidebar-wrapper .nav-item a p {

          display: none;

          transition: all .3s; }

        .sidebar_minimize .sidebar .sidebar-wrapper .nav-item a .sidebar-mini-icon {

          display: block !important;

          margin-right: 0px; }

        .sidebar_minimize .sidebar .sidebar-wrapper .nav-item.submenu .nav-collapse, .sidebar_minimize .sidebar .sidebar-wrapper .nav-item.active .nav-collapse {

          display: none; }

      .sidebar_minimize .sidebar .sidebar-wrapper .nav-section .text-section {

        display: none; }

      .sidebar_minimize .sidebar .sidebar-wrapper .nav-section .sidebar-mini-icon {

        display: block; }

  .sidebar_minimize .sidebar:hover {

    width: 240px; }

    .sidebar_minimize .sidebar:hover .sidebar-wrapper {

      width: 240px; }

      .sidebar_minimize .sidebar:hover .sidebar-wrapper .user {

        padding-left: 15px;

        padding-right: 15px; }

        .sidebar_minimize .sidebar:hover .sidebar-wrapper .user [class^="avatar-"] {

          float: left !important;

          margin-right: 11px !important; }

        .sidebar_minimize .sidebar:hover .sidebar-wrapper .user .info {

          display: block; }

          .sidebar_minimize .sidebar:hover .sidebar-wrapper .user .info span {

            display: block; }

      .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item a .badge, .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item a span, .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item a .caret, .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item a p {

        display: block; }

      .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item a .sidebar-mini-icon {

        display: block !important;

        margin-right: 15px; }

      .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item.submenu .nav-collapse, .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item.active .nav-collapse {

        display: block; }

      .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-section .sidebar-mini-icon {

        display: none; }

      .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-section .text-section {

        display: block; }

  .sidebar_minimize.sidebar_minimize_hover .logo-header {

    width: 240px;

    padding-left: 25px;

    padding-right: 25px;

    text-align: left; }

    .sidebar_minimize.sidebar_minimize_hover .logo-header .big-logo {

      margin-right: 8px; }

    .sidebar_minimize.sidebar_minimize_hover .logo-header .logo {

      opacity: 1 !important;

      transform: translate3d(0, 0, 0) !important;

      position: relative !important; }

      .sidebar_minimize.sidebar_minimize_hover .logo-header .logo img {

        display: inline-block !important; }

  .sidebar_minimize.sidebar_minimize_hover .main-panel {

    width: calc(100% - 240px); }



  .sidebar_minimize_hover .navbar-minimize {

    right: 18px !important;

    transform: translateX(0%) !important;

    left: unset; } }

.quick_sidebar_open .quick-sidebar {

  right: 0px !important; }



/*    Flex-1    */

.flex-1 {

  -ms-flex: 1;

  flex: 1; }



/*    Metric    */

.metric {

  display: flex;

  padding: 1rem;

  flex-direction: column; }



/*     	Customable Layouts Colors     */

.main-header[data-background-color] .btn-minimize {

  color: #fff !important; }

.main-header[data-background-color] .logo-header {

  background-color: rgba(31, 30, 30, 0.12) !important; }

  .main-header[data-background-color] .logo-header .navbar-toggler .navbar-toggler-icon {

    color: #ffffff !important; }

  .main-header[data-background-color] .logo-header .more {

    color: #ffffff !important; }

.main-header[data-background-color] .navbar-header .nav-search .input-group {

  border: 0;

  background: rgba(31, 30, 30, 0.12) !important;

  box-shadow: inset 0 1px 0 0 rgba(61, 70, 79, 0);

  transition: all .4s; }

  .main-header[data-background-color] .navbar-header .nav-search .input-group .form-control {

    color: #ffffff !important; }

    .main-header[data-background-color] .navbar-header .nav-search .input-group .form-control::-webkit-input-placeholder {

      /* Chrome/Opera/Safari */

      opacity: 1; }

    .main-header[data-background-color] .navbar-header .nav-search .input-group .form-control::-moz-placeholder {

      /* Firefox 19+ */

      opacity: 1; }

    .main-header[data-background-color] .navbar-header .nav-search .input-group .form-control:-ms-input-placeholder {

      /* IE 10+ */

      opacity: 1; }

    .main-header[data-background-color] .navbar-header .nav-search .input-group .form-control:-moz-placeholder {

      /* Firefox 18- */

      opacity: 1; }

  .main-header[data-background-color] .navbar-header .nav-search .input-group .search-icon {

    color: #ffffff !important; }

  .main-header[data-background-color] .navbar-header .nav-search .input-group.focus {

    background: #fff !important; }

    .main-header[data-background-color] .navbar-header .nav-search .input-group.focus .form-control {

      color: inherit !important; }

      .main-header[data-background-color] .navbar-header .nav-search .input-group.focus .form-control::-webkit-input-placeholder {

        /* Chrome/Opera/Safari */

        color: #bfbfbf !important; }

      .main-header[data-background-color] .navbar-header .nav-search .input-group.focus .form-control::-moz-placeholder {

        /* Firefox 19+ */

        color: #bfbfbf !important; }

      .main-header[data-background-color] .navbar-header .nav-search .input-group.focus .form-control:-ms-input-placeholder {

        /* IE 10+ */

        color: #bfbfbf !important; }

      .main-header[data-background-color] .navbar-header .nav-search .input-group.focus .form-control:-moz-placeholder {

        /* Firefox 18- */

        color: #bfbfbf !important; }

    .main-header[data-background-color] .navbar-header .nav-search .input-group.focus .search-icon {

      color: #bfbfbf !important; }

.main-header[data-background-color] .navbar-header .navbar-nav .nav-item .nav-link {

  color: #ffffff !important; }

  .main-header[data-background-color] .navbar-header .navbar-nav .nav-item .nav-link:hover, .main-header[data-background-color] .navbar-header .navbar-nav .nav-item .nav-link:focus {

    background: rgba(31, 30, 30, 0.12) !important; }

.main-header[data-background-color] .navbar-header .navbar-nav .nav-item.active .nav-link {

  background: rgba(31, 30, 30, 0.12) !important; }



.main-header[data-background-color="dark"] {

  background: #282a3c !important; }

  .main-header[data-background-color="dark"] .navbar-header {

    background: #282a3c !important; }



.main-header[data-background-color="grey"] {

  background: #c1c1c1 !important; }

  .main-header[data-background-color="grey"] .navbar-header {

    background: #c1c1c1 !important; }



.main-header[data-background-color="blue"] {

  background: #177dff !important; }

  .main-header[data-background-color="blue"] .navbar-header {

    background: #177dff !important; }



.main-header[data-background-color="purple"] {

  background: #35cd3a !important; }

  .main-header[data-background-color="purple"] .navbar-header {

    background: #35cd3a !important; }



.main-header[data-background-color="light-blue"] {

  background: #36a3f7 !important; }

  .main-header[data-background-color="light-blue"] .navbar-header {

    background: #36a3f7 !important; }



.main-header[data-background-color="orange"] {

  background: #ffa534 !important; }

  .main-header[data-background-color="orange"] .navbar-header {

    background: #ffa534 !important; }



.main-header[data-background-color="green"] {

  background: #448C55 !important; }

  .main-header[data-background-color="green"] .navbar-header {

    background: #448C55 !important; }



.main-header[data-background-color="red"] {

  background: #f3545d !important; }

  .main-header[data-background-color="red"] .navbar-header {

    background: #f3545d !important; }



.avatar {

  position: relative;

  display: inline-block; }



.avatar-img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover; }



.avatar-title {

  display: flex;

  width: 100%;

  height: 100%;

  color: #fff;

  background-color: #177dff;

  align-items: center;

  justify-content: center; }



.avatar-online::before, .avatar-offline::before, .avatar-away::before {

  position: absolute;

  right: 0;

  bottom: 0;

  width: 30%;

  height: 30%;

  content: '';

  border: 3px solid #fff;

  border-radius: 50%; }



.avatar-online::before {

  background-color: #35cd3a; }



.avatar-offline::before {

  background-color: #b1c2d9; }



.avatar-away::before {

  background-color: #ffa534; }



.avatar {

  width: 3rem;

  height: 3rem; }

  .avatar .border {

    border-width: 4px !important; }

  .avatar .rounded {

    border-radius: 6px !important; }

  .avatar .avatar-title {

    font-size: 18px; }

  .avatar.avatar-online::before, .avatar.avatar-offline::before, .avatar.avatar-away::before {

    border-width: 3px; }



.avatar-xs {

  width: 1.625rem;

  height: 1.625rem; }

  .avatar-xs .border {

    border-width: 2px !important; }

  .avatar-xs .rounded {

    border-radius: 4px !important; }

  .avatar-xs .avatar-title {

    font-size: 10px; }

  .avatar-xs.avatar-online::before, .avatar-xs.avatar-offline::before, .avatar-xs.avatar-away::before {

    border-width: 1px; }



.avatar-sm {

  width: 2.5rem;

  height: 2.5rem; }

  .avatar-sm .border {

    border-width: 3px !important; }

  .avatar-sm .rounded {

    border-radius: 4px !important; }

  .avatar-sm .avatar-title {

    font-size: 13px; }

  .avatar-sm.avatar-online::before, .avatar-sm.avatar-offline::before, .avatar-sm.avatar-away::before {

    border-width: 2px; }



.avatar-lg {

  width: 4rem;

  height: 4rem; }

  .avatar-lg .border {

    border-width: 3px !important; }

  .avatar-lg .rounded {

    border-radius: 8px !important; }

  .avatar-lg .avatar-title {

    font-size: 24px; }

  .avatar-lg.avatar-online::before, .avatar-lg.avatar-offline::before, .avatar-lg.avatar-away::before {

    border-width: 3px; }



.avatar-xl {

  width: 5.125rem;

  height: 5.125rem; }

  .avatar-xl .border {

    border-width: 4px !important; }

  .avatar-xl .rounded {

    border-radius: 8px !important; }

  .avatar-xl .avatar-title {

    font-size: 30px; }

  .avatar-xl.avatar-online::before, .avatar-xl.avatar-offline::before, .avatar-xl.avatar-away::before {

    border-width: 4px; }



.avatar-xxl {

  width: 5.125rem;

  height: 5.125rem; }

  .avatar-xxl .border {

    border-width: 6px !important; }

  .avatar-xxl .rounded {

    border-radius: 8px !important; }

  .avatar-xxl .avatar-title {

    font-size: 30px; }

  .avatar-xxl.avatar-online::before, .avatar-xxl.avatar-offline::before, .avatar-xxl.avatar-away::before {

    border-width: 4px; }



@media (min-width: 768px) {

  .avatar-xxl {

    width: 8rem;

    height: 8rem; }

    .avatar-xxl .border {

      border-width: 4px !important; }

    .avatar-xxl .rounded {

      border-radius: 12px !important; }

    .avatar-xxl .avatar-title {

      font-size: 42px; }

    .avatar-xxl.avatar-online::before, .avatar-xxl.avatar-offline::before, .avatar-xxl.avatar-away::before {

      border-width: 4px; } }

.avatar-group {

  display: inline-flex; }

  .avatar-group .avatar + .avatar {

    margin-left: -.75rem; }

  .avatar-group .avatar-xs + .avatar-xs {

    margin-left: -.40625rem; }

  .avatar-group .avatar-sm + .avatar-sm {

    margin-left: -.625rem; }

  .avatar-group .avatar-lg + .avatar-lg {

    margin-left: -1rem; }

  .avatar-group .avatar-xl + .avatar-xl {

    margin-left: -1.28125rem; }

  .avatar-group .avatar:hover {

    z-index: 1; }



/* 		Breadcrumb		*/

.breadcrumbs {

  list-style: none;

  display: inline;

  width: auto;

  border-left: 1px solid #efefef;

  margin-left: 25px;

  padding-left: 25px;

  margin-bottom: 0px;

  padding-top: 8px;

  padding-bottom: 8px;

  height: 100%; }

  .breadcrumbs li {

    display: inline-block; }

    .breadcrumbs li a {

      color: #575962;

      font-size: 12px; }

      .breadcrumbs li a i {

        font-size: 16px; }

      .breadcrumbs li a:hover {

        text-decoration: none; }

    .breadcrumbs li.separator {

      padding-left: 10px;

      padding-right: 10px;

      font-size: 12px; }



/*     Card     */

.card {

  border-radius: 5px;

  background-color: #ffffff;

  margin-bottom: 30px;

  -webkit-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);

  -moz-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);

  box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);

  border: 0px; }

  .card .card-header {

    padding: 1rem 1.25rem;

    background-color: transparent;

    border-bottom: 1px solid #ebecec !important; }

    .card .card-header:first-child {

      border-radius: 0px; }

    .card .card-header .card-head-row {

      display: flex;

      align-items: center; }

      .card .card-header .card-head-row .card-tools {

        margin-left: auto;

        float: right;

        padding-left: 15px; }

  .card .separator-solid {

    border-top: 1px solid #ebecec;

    margin: 15px 0; }

  .card .separator-dashed {

    border-top: 1px dashed #ebecec;

    margin: 15px 0; }

  .card .separator-dot {

    border-top: 1px dotted #ebecec;

    margin: 15px 0; }

  .card .full-width-separator {

    margin: 15px -20px 15px; }

  .card .b-b1 {

    border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

  .card .card-body {

    padding: 1.25rem; }

  .card .card-footer {

    background-color: transparent;

    line-height: 30px;

    border-top: 1px solid #ebecec !important;

    font-size: 13px; }

  .card .pull-in {

    margin-left: -1.25rem;

    margin-right: -1.25rem; }

  .card .card-action {

    padding: 30px;

    background-color: transparent;

    line-height: 30px;

    border-top: 1px solid #ebecec !important;

    font-size: 14px; }

  .card .card-footer hr {

    margin-top: 5px;

    margin-bottom: 5px; }

  .card .card-footer .legend {

    display: inline-block; }



.bubble-shadow {

  position: relative; }

  .bubble-shadow:before {

    position: absolute;

    top: -10%;

    right: -140px;

    width: 300px;

    height: 300px;

    content: "";

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.05); }

  .bubble-shadow:after {

    position: absolute;

    top: -10%;

    right: 80px;

    width: 200px;

    height: 200px;

    content: "";

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.05); }



.bubble-shadow-small {

  position: relative; }

  .bubble-shadow-small:before {

    position: absolute;

    top: -70%;

    right: -40%;

    width: 80px;

    height: 80px;

    content: "";

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.1); }

  .bubble-shadow-small:after {

    position: absolute;

    top: -65%;

    right: 40%;

    width: 70px;

    height: 70px;

    content: "";

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.1); }



.card-space {

  padding: 0 30px; }

  .card-space > .card-header, .card-space > .card-body, .card-space > .card-footer, .card-space > .card-action {

    padding-left: 0px !important;

    padding-right: 0px !important; }



.card-with-nav .card-header {

  border-bottom: 0px !important;

  padding-top: 0px !important;

  padding-bottom: 0px !important; }

.card-with-nav .card-body {

  padding: 15px 25px !important; }



.card-list {

  padding: 10px 0; }

  .card-list .item-list {

    display: flex;

    flex-direction: row;

    padding: 10px 0;

    align-items: center; }

    .card-list .item-list .info-user {

      flex: 1; }

      .card-list .item-list .info-user .username, .card-list .item-list .info-user a.username {

        color: #177dff;

        font-size: 13px;

        margin-bottom: 5px;

        font-weight: 400; }

      .card-list .item-list .info-user .status {

        font-size: 11px;

        color: #7d7b7b; }



.card-title {

  margin: 0;

  color: #575962;

  font-size: 18px;

  font-weight: 400;

  line-height: 1.6; }

  .card-title a, .card-title a:hover, .card-title a:focus {

    color: #575962;

    text-decoration: none; }



.card-sub {

  display: block;

  margin: 5px 0 10px 0;

  font-size: .8rem;

  background: #f7f8fa;

  color: #575962;

  padding: 0.85rem 1.5rem;

  border-radius: 4px;

  line-height: 1.82; }



.card-category {

  margin-top: 8px;

  font-size: 13px;

  color: #9A9A9A;

  margin-bottom: 0px;

  word-break: normal; }



label {

  font-size: 14px;

  font-weight: 400;

  color: #9A9A9A;

  margin-bottom: 0px; }



.card-transparent {

  background: transparent;

  box-shadow: none;

  border-color: transparent; }



/*     Card Stats    */

.card-stats .card-body {

  padding: 15px !important; }

.card-stats .card-title {

  margin-bottom: 0px !important; }

.card-stats .card-category {

  margin-top: 0px; }

.card-stats .col-icon {

  width: 65px;

  height: 65px;

  margin-left: 15px; }

.card-stats .icon-big {

  width: 100%;

  height: 100%;

  font-size: 2.2em;

  min-height: 64px;

  display: flex;

  align-items: center;

  justify-content: center; }

  .card-stats .icon-big.icon-default, .card-stats .icon-big.icon-primary, .card-stats .icon-big.icon-secondary, .card-stats .icon-big.icon-success, .card-stats .icon-big.icon-info, .card-stats .icon-big.icon-warning, .card-stats .icon-big.icon-danger {

    border-radius: 5px; }

    .card-stats .icon-big.icon-default i, .card-stats .icon-big.icon-primary i, .card-stats .icon-big.icon-secondary i, .card-stats .icon-big.icon-success i, .card-stats .icon-big.icon-info i, .card-stats .icon-big.icon-warning i, .card-stats .icon-big.icon-danger i {

      color: #ffffff !important; }

  .card-stats .icon-big.icon-default {

    background: #282a3c; }

  .card-stats .icon-big.icon-primary {

    background: #177dff; }

  .card-stats .icon-big.icon-secondary {

    background: #716aca; }

  .card-stats .icon-big.icon-success {

    background: #35cd3a; }

  .card-stats .icon-big.icon-warning {

    background: #ffa534; }

  .card-stats .icon-big.icon-info {

    background: #36a3f7; }

  .card-stats .icon-big.icon-danger {

    background: #f3545d; }

  .card-stats .icon-big.round {

    border-radius: 50% !important; }

.card-stats .col-stats {

  align-items: center;

  display: flex;

  padding-left: 15px; }



/*     Card Task     */

.card-tasks .table {

  margin-bottom: 0px; }

  .card-tasks .table .form-check {

    padding: 0 0 0 0.75rem !important; }

    .card-tasks .table .form-check label {

      margin-bottom: 0px !important; }

  .card-tasks .table tbody td:first-child, .card-tasks .table thead th:first-child {

    padding-left: 15px;

    padding-right: 15px; }

  .card-tasks .table tbody td:last-child, .card-tasks .table thead th:last-child {

    padding-right: 15px; }

  .card-tasks .table tbody tr:last-child td {

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

.card-tasks .card-body {

  padding-top: 0px;

  padding-bottom: 0px; }

  .card-tasks .card-body .table td {

    font-size: 13px; }

    .card-tasks .card-body .table td .btn {

      font-size: 15px;

      opacity: 0.7;

      transition: all .3s; }

    .card-tasks .card-body .table td:hover .btn {

      opacity: 1; }

.card-tasks .form-button-action {

  display: block !important; }



/*     Card States    */

.card-default, .card-primary, .card-secondary, .card-info, .card-success, .card-warning, .card-danger {

  color: #ffffff;

  border: 0px; }



.card-default .card-header, .card-primary .card-header, .card-secondary .card-header, .card-info .card-header, .card-success .card-header, .card-warning .card-header, .card-danger .card-header {

  border-bottom: transparent !important; }



.card-default .card-category, .card-primary .card-category, .card-secondary .card-category, .card-info .card-category, .card-success .card-category, .card-warning .card-category, .card-danger .card-category, .card-default .card-title, .card-primary .card-title, .card-secondary .card-title, .card-info .card-title, .card-success .card-title, .card-warning .card-title, .card-danger .card-title, .card-default label, .card-primary label, .card-info label, .card-success label, .card-warning label, .card-danger label {

  color: #ffffff; }



.card-default .icon-big > i, .card-primary .icon-big > i, .card-secondary .icon-big > i, .card-info .icon-big > i, .card-success .icon-big > i, .card-warning .icon-big > i, .card-danger .icon-big > i {

  color: #ffffff !important; }



.card-default .card-footer, .card-primary .card-footer, .card-secondary .card-footer, .card-info .card-footer, .card-success .card-footer, .card-warning .card-footer, .card-danger .card-footer {

  border-top: transparent !important; }



.card-default {

  background: #282a3c; }



.card-primary {

  background: #177dff; }



.card-secondary {

  background: #716aca; }



.card-info {

  background: #36a3f7; }



.card-success {

  background: #35cd3a; }



.card-warning {

  background: #ffa534; }



.card-danger {

  background: #f3545d; }



.card-round {

  border-radius: 5px; }



/*     Progress Card    */

.progress-card {

  margin-bottom: 25px; }

  .progress-card .progress-status {

    display: flex;

    margin-bottom: 10px;

    -webkit-box-pack: justify !important;

    -ms-flex-pack: justify !important;

    justify-content: space-between !important; }



/*      Card Posts    */

.card-post .info-post .username {

  margin-bottom: 0px;

  font-weight: 600; }

.card-post .info-post .date {

  margin-bottom: 0px; }



/*     Card Pricing    */

.card-pricing {

  padding: 20px 5px;

  text-align: center;

  border-radius: 5px; }

  .card-pricing .card-header {

    border-bottom: 0px !important; }

  .card-pricing .card-footer {

    border-top: 0px !important;

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

  .card-pricing .card-title {

    font-weight: 400;

    font-size: 20px; }

  .card-pricing .card-price .price {

    font-size: 36px;

    font-weight: 400; }

  .card-pricing .card-price .text {

    font-size: 18px;

    font-weight: 400;

    color: #d1d7e3; }

  .card-pricing .specification-list {

    list-style: none;

    padding-left: 0px; }

    .card-pricing .specification-list li {

      padding: 8px 0 12px;

      border-bottom: 1px solid #eee;

      text-align: left;

      font-size: 12px;

      margin-bottom: 5px; }

      .card-pricing .specification-list li .name-specification {

        color: #83848a; }

      .card-pricing .specification-list li .status-specification {

        margin-left: auto;

        float: right;

        font-weight: 400; }

  .card-pricing.card-pricing-focus {

    padding: 40px 5px; }

  .card-pricing.card-default .name-specification, .card-pricing.card-primary .name-specification, .card-pricing.card-secondary .name-specification, .card-pricing.card-info .name-specification, .card-pricing.card-success .name-specification, .card-pricing.card-danger .name-specification, .card-pricing.card-warning .name-specification {

    color: #ffffff !important; }

  .card-pricing.card-primary .specification-list li {

    border-color: #2f8bff; }

  .card-pricing.card-primary .btn-light {

    color: #177dff !important; }

  .card-pricing.card-success .specification-list li {

    border-color: #64e069; }

  .card-pricing.card-success .btn-light {

    color: #35cd3a !important; }

  .card-pricing.card-secondary .specification-list li {

    border-color: #7f77dc; }

  .card-pricing.card-secondary .btn-light {

    color: #716aca !important; }

  .card-pricing.card-default .specification-list li {

    border-color: #6f8996; }

  .card-pricing.card-default .btn-light {

    color: #282a3c !important; }

  .card-pricing.card-info .specification-list li {

    border-color: #11c0e4; }

  .card-pricing.card-info .btn-light {

    color: #36a3f7 !important; }

  .card-pricing.card-danger .specification-list li {

    border-color: #ff6972; }

  .card-pricing.card-danger .btn-light {

    color: #f3545d !important; }

  .card-pricing.card-warning .specification-list li {

    border-color: #ffbc67; }

  .card-pricing.card-warning .btn-light {

    color: #ffa534 !important; }



/*     Card Annoucement    */

.card-annoucement .card-body {

  padding: 50px 25px; }

.card-annoucement .card-opening {

  font-size: 20px;

  font-weight: 400;

  letter-spacing: 0.01em; }

.card-annoucement .card-desc {

  padding: 15px 0;

  font-size: 16px;

  line-height: 1.65;

  font-weight: 300; }

.card-annoucement.card-primary .btn-light {

  color: #177dff !important; }

.card-annoucement.card-success .btn-light {

  color: #35cd3a !important; }

.card-annoucement.card-secondary .btn-light {

  color: #716aca !important; }

.card-annoucement.card-default .btn-light {

  color: #282a3c !important; }

.card-annoucement.card-info .btn-light {

  color: #36a3f7 !important; }

.card-annoucement.card-danger .btn-light {

  color: #f3545d !important; }

.card-annoucement.card-warning .btn-light {

  color: #ffa534 !important; }



/*     Card Profile     */

.card-profile {

  background: #ffffff !important;

  color: #575962; }

  .card-profile .profile-picture {

    text-align: center;

    position: absolute;

    margin: 0 auto;

    left: 0;

    right: 0;

    bottom: -41px;

    width: 100%;

    box-sizing: border-box; }

  .card-profile .user-profile .name {

    font-size: 20px;

    font-weight: 400;

    margin-bottom: 5px; }

  .card-profile .user-profile .job {

    color: #83848a;

    margin-bottom: 5px; }

  .card-profile .user-profile .desc {

    color: #bbb;

    margin-bottom: 15px; }

  .card-profile .user-profile .social-media {

    margin-bottom: 20px; }

    .card-profile .user-profile .social-media .btn {

      padding: 5px !important; }

      .card-profile .user-profile .social-media .btn i {

        font-size: 22px !important; }

  .card-profile .user-stats {

    margin-bottom: 10px; }

    .card-profile .user-stats [class^="col"] {

      border-right: 1px solid #ebebeb; }

    .card-profile .user-stats [class^="col"]:last-child {

      border-right: 0px; }

    .card-profile .user-stats .number {

      font-weight: 400;

      font-size: 15px; }

    .card-profile .user-stats .title {

      color: #7d7b7b; }

  .card-profile .card-header {

    border-bottom: 0px;

    height: 100px;

    position: relative; }

  .card-profile .card-body {

    padding-top: 60px; }

  .card-profile .card-footer {

    border-top: 0px; }

  .card-profile.card-secondary .card-header {

    background: #716aca; }



/*      Row Card No Padding      */

.row-card-no-pd {

  border-radius: 5px;

  margin-left: 0;

  margin-right: 0;

  background: #ffffff;

  margin-bottom: 30px;

  padding-top: 15px;

  padding-bottom: 15px;

  position: relative;

  -webkit-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);

  -moz-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);

  box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);

  border: 0px; }

  .row-card-no-pd .card {

    margin-bottom: 0px;

    border-width: 0px;

    box-shadow: none;

    position: unset; }

    .row-card-no-pd .card .card-header {

      padding-left: 0px !important;

      padding-top: 0px !important;

      padding-right: 0px !important; }

  .row-card-no-pd [class*=col] .card:before {

    position: absolute;

    height: calc(100%);

    width: 1px;

    background: #eee;

    content: '';

    right: 0px; }

  .row-card-no-pd [class*=col]:last-child .card:before {

    width: 0px; }



/*     Accordion     */

.accordion .card {

  border-radius: 5px;

  background: #f7f7f7;

  border: 0;

  box-shadow: none; }

  .accordion .card .span-icon {

    font-size: 22px;

    padding-left: 15px;

    padding-right: 15px; }

  .accordion .card > .card-header {

    border: 0px !important;

    display: flex;

    flex-direction: row;

    align-items: center;

    cursor: pointer; }

    .accordion .card > .card-header > .span-mode {

      margin-left: auto; }

      .accordion .card > .card-header > .span-mode:before {

        content: "\f28e" !important;

        font-family: LineAwesome;

        font-size: 22px; }

    .accordion .card > .card-header.collapsed > .span-mode:before {

      content: "\f2c2" !important;

      font-size: 22px; }

  .accordion .card .card-body {

    border-top: 1px solid #ebebeb;

    padding: 30px; }

.accordion.accordion-default .card .card-header, .accordion.accordion-default .card .card-header .btn-link, .accordion.accordion-primary .card .card-header, .accordion.accordion-primary .card .card-header .btn-link, .accordion.accordion-secondary .card .card-header, .accordion.accordion-secondary .card .card-header .btn-link, .accordion.accordion-info .card .card-header, .accordion.accordion-info .card .card-header .btn-link, .accordion.accordion-success .card .card-header, .accordion.accordion-success .card .card-header .btn-link, .accordion.accordion-warning .card .card-header, .accordion.accordion-warning .card .card-header .btn-link, .accordion.accordion-danger .card .card-header, .accordion.accordion-danger .card .card-header .btn-link {

  font-size: 14px; }

.accordion.accordion-default .card .card-header {

  color: #282a3c; }

  .accordion.accordion-default .card .card-header .btn-link {

    color: #282a3c !important; }

.accordion.accordion-primary .card .card-header {

  color: #177dff; }

  .accordion.accordion-primary .card .card-header .btn-link {

    color: #177dff !important; }

.accordion.accordion-secondary .card .card-header {

  color: #716aca; }

  .accordion.accordion-secondary .card .card-header .btn-link {

    color: #716aca !important; }

.accordion.accordion-info .card .card-header {

  color: #36a3f7; }

  .accordion.accordion-info .card .card-header .btn-link {

    color: #36a3f7 !important; }

.accordion.accordion-success .card .card-header {

  color: #35cd3a; }

  .accordion.accordion-success .card .card-header .btn-link {

    color: #35cd3a !important; }

.accordion.accordion-warning .card .card-header {

  color: #ffa534; }

  .accordion.accordion-warning .card .card-header .btn-link {

    color: #ffa534 !important; }

.accordion.accordion-danger .card .card-header {

  color: #f3545d; }

  .accordion.accordion-danger .card .card-header .btn-link {

    color: #f3545d !important; }



/*     Form     */

.form-control {

  font-size: 13px;

  border-color: #ebedf2;

  padding: .6rem 1rem; }

  .form-control:focus {

    border-color: #3e93ff; }



/*     Form Control Sizes    */

.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text {

  padding: .5rem 1rem !important;

  font-size: 1.25rem !important; }



.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {

  padding: .25rem .5rem !important;

  font-size: .875rem !important;

  line-height: 1.5; }



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

  color: inherit;

  opacity: 0.7; }



.form-control:-moz-placeholder {

  color: inherit;

  opacity: 0.7; }



.form-control::-moz-placeholder {

  color: inherit;

  opacity: 0.7; }



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

  color: inherit;

  opacity: 0.7; }



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

  color: inherit;

  opacity: 0.7; }



.input-group-text {

  border-color: #ebedf2 !important; }



.form-button-action {

  display: inline-flex; }



.form-check-label, .form-radio-label {

  margin-right: 15px; }



/*     CheckBox Input    */

.select-all-checkbox + .form-check-sign:before {

  background: #ccc !important;

  border-color: #ccc !important; }



.form-check [type="checkbox"]:not(:checked), .form-check [type="checkbox"]:checked {

  position: absolute;

  left: -9999px; }

.form-check [type="checkbox"]:not(:checked) + .form-check-sign, .form-check [type="checkbox"]:checked + .form-check-sign, .form-check [type="checkbox"] + .form-check-sign {

  position: relative;

  padding-left: 2em;

  color: #575962;

  cursor: pointer; }

.form-check [type="checkbox"]:not(:checked) + .form-check-sign:before, .form-check [type="checkbox"]:checked + .form-check-sign:before, .form-check [type="checkbox"] + .form-check-sign:before {

  content: '';

  position: absolute;

  left: 0;

  top: 1px;

  width: 16px;

  height: 16px;

  border: 1px solid #ccc;

  background: transparent;

  border-radius: 4px; }

.form-check [type="checkbox"]:not(:checked) + .form-check-sign:after, .form-check [type="checkbox"]:checked + .form-check-sign:after, .form-check [type="checkbox"] + .form-check-sign:after {

  content: "\f00c";

  display: inline-block;

  position: absolute;

  top: -1px;

  left: 2px;

  width: 18px;

  height: 18px;

  text-align: center;

  font-size: 1.3em;

  line-height: 0.8;

  color: #177dff;

  transition: all .2s;

  font-family: 'Font Awesome 5 Solid'; }

.form-check [type="checkbox"]:not(:checked) + .form-check-sign:after {

  opacity: 0;

  transform: scale(0); }

.form-check [type="checkbox"]:checked + .form-check-sign {

  font-weight: 400; }

  .form-check [type="checkbox"]:checked + .form-check-sign:after {

    opacity: 1;

    transform: scale(1); }

.form-check [type="checkbox"]:disabled:not(:checked) + .form-check-sign:before {

  box-shadow: none;

  border-color: #bbb;

  background-color: #ddd; }

.form-check [type="checkbox"]:disabled:checked + .form-check-sign:before {

  box-shadow: none;

  border-color: #bbb;

  background-color: #ddd; }

.form-check [type="checkbox"]:disabled:checked + .form-check-sign:after {

  color: #999; }

.form-check [type="checkbox"]:disabled + .form-check-sign {

  color: #aaa; }

.form-check [type="checkbox"]:checked:focus + .form-check-sign:before, .form-check [type="checkbox"]:not(:checked):focus + .form-check-sign:before {

  border: 1px solid #ccc; }



.form-check-sign:hover:before {

  border: 1px solid #ccc !important; }



.form-check {

  padding-left: 0.75rem; }



.form-check-input {

  position: relative;

  margin-top: .3rem; }



/*     Radio Input    */

.form-radio [type="radio"]:not(:checked), .form-radio [type="radio"]:checked {

  position: absolute;

  left: -9999px; }

.form-radio [type="radio"]:not(:checked) + .form-radio-sign, .form-radio [type="radio"]:checked + .form-radio-sign {

  color: #575962;

  position: relative;

  padding-left: 2em;

  cursor: pointer;

  line-height: 22px;

  font-weight: 400; }

.form-radio [type="radio"]:not(:checked) + .form-radio-sign:before {

  content: "\f18a";

  font-size: 22px;

  font-family: LineAwesome;

  position: absolute;

  left: 0;

  top: auto;

  background: transparent;

  line-height: 1;

  color: #bbb; }

.form-radio [type="radio"]:checked + .form-radio-sign:before {

  content: "\f18a";

  font-size: 22px;

  font-family: LineAwesome;

  position: absolute;

  left: 0;

  top: auto;

  background: transparent;

  line-height: 1;

  display: none; }

.form-radio [type="radio"]:not(:checked) + .form-radio-sign:after, .form-radio [type="radio"]:checked + .form-radio-sign:after {

  content: "\f1bc";

  position: absolute;

  left: 0px;

  top: auto;

  text-align: center;

  font-size: 22px;

  color: #4D7CFE;

  transition: all .2s;

  line-height: 1;

  font-family: LineAwesome; }

.form-radio [type="radio"]:not(:checked) + .form-radio-sign:after {

  opacity: 0;

  transform: scale(0); }

.form-radio [type="radio"]:checked + .form-radio-sign {

  font-weight: 400; }

  .form-radio [type="radio"]:checked + .form-radio-sign:after {

    opacity: 1;

    transform: scale(1); }

.form-radio [type="radio"]:disabled:not(:checked) + .form-radio-sign:before {

  box-shadow: none;

  opacity: 0.65; }

.form-radio [type="radio"]:disabled:checked + .form-radio-sign:before {

  box-shadow: none;

  opacity: 0.65; }

.form-radio [type="radio"]:disabled:checked + .form-radio-sign:after {

  opacity: 0.65; }

.form-radio [type="radio"]:disabled + .form-radio-sign {

  color: #aaa;

  opacity: 0.65; }

.form-radio [type="radio"]:checked:focus + .form-radio-sign:before, .form-radio [type="radio"]:not(:checked):focus + .form-radio-sign:before {

  border: 1px solid #ccc; }



.form-radio {

  padding-left: 0.75rem; }



.form-radio-input {

  position: relative;

  margin-top: .3rem; }



/*      Custom Checkbox      */

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {

  background-color: #177dff; }

.custom-checkbox.checkbox-default .custom-control-input:checked ~ .custom-control-label::before {

  background-color: #282a3c; }

.custom-checkbox.checkbox-primary .custom-control-input:checked ~ .custom-control-label::before {

  background-color: #177dff; }

.custom-checkbox.checkbox-secondary .custom-control-input:checked ~ .custom-control-label::before {

  background-color: #716aca; }

.custom-checkbox.checkbox-info .custom-control-input:checked ~ .custom-control-label::before {

  background-color: #36a3f7; }

.custom-checkbox.checkbox-success .custom-control-input:checked ~ .custom-control-label::before {

  background-color: #35cd3a; }

.custom-checkbox.checkbox-warning .custom-control-input:checked ~ .custom-control-label::before {

  background-color: #ffa534; }

.custom-checkbox.checkbox-danger .custom-control-input:checked ~ .custom-control-label::before {

  background-color: #f3545d; }



/*      Label      */

.col-form-label {

  line-height: 1.8; }



.required-label {

  color: red; }



.label-align-left {

  text-align: left; }



.label-align-right {

  text-align: right; }



.label-align-center {

  text-align: center; }



/*     Input    */

.form-group, .form-check {

  margin-bottom: 0;

  padding: 10px; }



.form-group label, .form-check label {

  margin-bottom: .5rem;

  color: #495057;

  font-weight: 400;

  font-size: 1rem;

  white-space: nowrap; }



.form-group-default {

  background-color: #ffffff;

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

  border-radius: 4px;

  padding-top: 7px;

  padding-left: 12px;

  padding-right: 12px;

  padding-bottom: 4px;

  overflow: hidden;

  width: 100%;

  -webkit-transition: background-color .2s ease;

  transition: background-color .2s ease;

  margin-bottom: 15px; }

  .form-group-default label {

    opacity: 1;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    margin: 0;

    display: block;

    -webkit-transition: opacity .2s ease;

    transition: opacity .2s ease; }

  .form-group-default label:not(.error) {

    font-size: 10.5px !important;

    letter-spacing: .06em;

    text-transform: uppercase;

    font-weight: 400; }

  .form-group-default .form-control {

    border: 0;

    min-height: 25px;

    padding: 0;

    margin-top: 6px;

    background: 0 0;

    font-size: 13px; }

  .form-group-default select.form-control:not([size]):not([multiple]) {

    height: unset !important; }

  .form-group-default.active {

    border-color: rgba(0, 0, 0, 0.1) !important;

    background-color: #f0f0f0; }

    .form-group-default.active label {

      opacity: 0.5; }



.form-floating-label {

  position: relative; }

  .form-floating-label .placeholder {

    position: absolute;

    padding: .375rem .75rem;

    transition: all .2s;

    opacity: 0.8;

    margin-bottom: 0 !important;

    font-size: 13px !important;

    font-weight: 400;

    top: 12px; }

  .form-floating-label .form-control:focus + .placeholder, .form-floating-label .form-control:valid + .placeholder, .form-floating-label .form-control.filled + .placeholder {

    font-size: 85% !important;

    transform: translate3d(0, -10px, 0);

    top: 0;

    opacity: 1;

    padding: .375rem 0 .75rem;

    font-weight: 600; }

  .form-floating-label .form-control.filled + .placeholder {

    color: #177dff !important; }

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

    color: transparent; }

  .form-floating-label .form-control :-moz-placeholder {

    color: transparent; }

  .form-floating-label .form-control ::-moz-placeholder {

    color: transparent; }

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

    color: transparent; }

  .form-floating-label .input-border-bottom + .placeholder {

    padding: .375rem 0 .75rem; }



.form-inline label {

  margin-bottom: 0 !important; }



.input-fixed {

  width: 200px; }



.form-control.input-full {

  width: 100% !important; }



.has-success label {

  color: #35cd3a !important; }

.has-success .form-control {

  border-color: #35cd3a !important;

  color: #35cd3a !important; }

.has-success .input-group-text {

  border-color: #35cd3a !important;

  background: #35cd3a !important;

  color: #ffffff !important; }



.has-error label {

  color: #f3545d !important; }

.has-error .form-control {

  border-color: #f3545d !important;

  color: #f3545d !important; }

.has-error .input-group-text {

  border-color: #f3545d !important;

  background: #f3545d !important;

  color: #ffffff !important; }



.input-group label.error, .input-group label.success {

  width: 100%;

  order: 100; }



.custom-control {

  position: relative; }

  .custom-control.custom-radio, .custom-control.custom-checkbox {

    margin-bottom: 0;

    padding-left: 2em;

    cursor: pointer;

    line-height: 24px;

    margin-right: 25px;

    display: inline-block; }

    .custom-control.custom-radio label.error, .custom-control.custom-radio label.success, .custom-control.custom-checkbox label.error, .custom-control.custom-checkbox label.success {

      position: absolute;

      width: 100vh;

      top: 23px;

      left: 0; }



.has-feedback {

  position: relative; }



.form-control-feedback {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: 20px; }



.has-success .form-control-feedback {

  color: #35cd3a; }



.has-error .form-control-feedback {

  color: #f3545d; }



.input-group.has-icon {

  border-radius: .25rem;

  border: 1px solid #ced4da; }

.input-group.has-success, .input-group.has-icon.has-success {

  border: 1px solid #35cd3a !important;

  color: #35cd3a; }

.input-group.has-error {

  border: 1px solid #f3545d !important;

  color: #f3545d; }

.input-group.has-icon.has-error {

  border: 1px solid #f3545d !important;

  color: #f3545d; }

.input-group.has-icon .form-control {

  border-radius: .25rem;

  border: 0px;

  position: relative; }

.input-group.has-icon .input-group-icon {

  background: transparent;

  border: 0px; }



.input-square {

  border-radius: 0px !important; }



.input-pill {

  border-radius: 1.3rem !important; }



.input-solid {

  background: #e8e8e8 !important;

  border-color: #e8e8e8 !important; }



.input-border-bottom {

  border-width: 0 0 1px 0;

  border-radius: 0px;

  padding: .75rem 0; }



/*      Input File      */

.input-file input[type="file"], .input-file .form-control, .input-file .form-control-file {

  width: 0.1px;

  height: 0.1px;

  opacity: 0;

  overflow: hidden;

  position: absolute;

  z-index: -1; }

.input-file label.error, .input-file label.success {

  display: block; }

.input-file input[type="file"] + label:not(.error), .input-file .form-control + label:not(.error), .input-file .form-control-file + label:not(.error), .input-file .label-input-file {

  font-weight: 600;

  letter-spacing: 0.02em;

  color: white !important;

  display: inline-block; }

.input-file.input-file-image img.img-upload-preview {

  max-width: 100%;

  display: block;

  margin-bottom: 15px;

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

  .input-file.input-file-image img.img-upload-preview.img-circle {

    border-radius: 2000px; }



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

  background: #e8e8e8 !important;

  border-color: #e8e8e8 !important; }

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

  opacity: 0.6 !important; }



/* Input Group */

.input-group-text {

  font-size: 13px; }

  .input-group-text i.la {

    font-size: 21px; }

  .input-group-text i[class*="flaticon"] {

    font-size: 17px; }



/*     Label States      */

label.error {

  color: #f3545d !important;

  font-size: 80% !important;

  margin-top: .5rem; }



/*     Label states for select2      */

.select2-input {

  position: relative; }

  .select2-input label.error, .select2-input label.success {

    position: absolute;

    bottom: -30px; }

  .select2-input .select2 {

    margin-bottom: 15px; }



/*      Custom Dropzone      */

.dropzone {

  padding: 70px 60px 80px !important;

  border: 2px dashed rgba(0, 0, 0, 0.13) !important;

  background: transparent !important; }

  .dropzone:hover {

    background: #fafafa !important;

    transition: all .5s !important; }

  .dropzone .dz-message .icon {

    margin-bottom: 15px;

    font-size: 39px; }

  .dropzone .dz-message .message {

    font-size: 34px;

    font-weight: 200; }

  .dropzone .dz-message .note {

    font-size: 16px;

    margin-top: 18px;

    font-weight: 300; }



/*      Custom Summernote     */

.note-editor.note-frame {

  border: 0px !important;

  box-shadow: none !important; }

  .note-editor.note-frame .note-toolbar {

    padding: 0 !important;

    border-bottom: 0px !important; }

  .note-editor.note-frame .note-btn {

    border: 1px solid #eee !important;

    background: #fafafa !important; }

  .note-editor.note-frame .note-placeholder {

    margin-top: 15px !important; }

  .note-editor.note-frame .note-codable {

    margin-top: 15px !important; }

  .note-editor.note-frame .note-editing-area .note-editable {

    margin-top: 15px !important;

    border: 1px solid #eee !important; }



/*     Table    */

.table {

  color: #555 !important; }

  .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {

    vertical-align: middle; }

  .table > tbody > tr > td, .table > tbody > tr > th {

    padding: 8px; }

  .table > tfoot > tr > td, .table > tfoot > tr > th {

    padding: 8px; }

  .table thead th {

    color: #554;

    border-bottom-width: 2px;

    font-weight: 600; }

  .table td, .table th {

    font-size: 13px;

    border-top-width: 0px;

    border-bottom: 1px solid;

    border-color: #ebedf2 !important;

    padding: 0.75rem !important; }



/* table full-width */

.table-full-width {

  margin-left: -15px;

  margin-right: -15px; }



/* table bordered states */

.table-bordered-bd-default td, .table-bordered-bd-default th {

  border: 1px solid #282a3c !important; }



.table-bordered-bd-primary td, .table-bordered-bd-primary th {

  border: 1px solid #177dff !important; }



.table-bordered-bd-secondary td, .table-bordered-bd-secondary th {

  border: 1px solid #716aca !important; }



.table-bordered-bd-info td, .table-bordered-bd-info th {

  border: 1px solid #36a3f7 !important; }



.table-bordered-bd-success td, .table-bordered-bd-success th {

  border: 1px solid #35cd3a !important; }



.table-bordered-bd-warning td, .table-bordered-bd-warning th {

  border: 1px solid #ffa534 !important; }



.table-bordered-bd-danger td, .table-bordered-bd-danger th {

  border: 1px solid #f3545d !important; }



.table-striped td, .table-striped th {

  border-top: 0 !important;

  border-bottom: 0 !important; }



/* table head background states*/

.table-head-bg-default thead {

  border: 1px solid #282a3c !important; }



.table-head-bg-primary thead {

  border: 1px solid #177dff !important; }



.table-head-bg-secondary thead {

  border: 1px solid #716aca !important; }



.table-head-bg-info thead {

  border: 1px solid #36a3f7 !important; }



.table-head-bg-success thead {

  border: 1px solid #35cd3a !important; }



.table-head-bg-warning thead {

  border: 1px solid #ffa534 !important; }



.table-head-bg-danger thead {

  border: 1px solid #f3545d !important; }



.table-head-bg-default thead th, .table-striped-bg-default tbody tr:nth-of-type(odd) {

  background: #282a3c !important;

  color: #ffffff !important;

  border: 0px !important; }



.table-head-bg-primary thead th, .table-striped-bg-primary tbody tr:nth-of-type(odd) {

  background: #177dff !important;

  color: #ffffff !important;

  border: 0px !important; }



.table-head-bg-secondary thead th, .table-striped-bg-secondary tbody tr:nth-of-type(odd) {

  background: #716aca !important;

  color: #ffffff !important;

  border: 0px !important; }



.table-head-bg-info thead th, .table-striped-bg-info tbody tr:nth-of-type(odd) {

  background: #36a3f7 !important;

  color: #ffffff !important;

  border: 0px !important; }



.table-head-bg-success thead th, .table-striped-bg-success tbody tr:nth-of-type(odd) {

  background: #35cd3a !important;

  color: #ffffff !important;

  border: 0px !important; }



.table-head-bg-warning thead th, .table-striped-bg-warning tbody tr:nth-of-type(odd) {

  background: #ffa534 !important;

  color: #ffffff !important;

  border: 0px !important; }



.table-head-bg-danger thead th, .table-striped-bg-danger tbody tr:nth-of-type(odd) {

  background: #f3545d !important;

  color: #ffffff !important;

  border: 0px !important; }



/* table-responsive */

.table-responsive {

  width: 100% !important;

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

  -ms-overflow-style: -ms-autohiding-scrollbar; }



/*     Navbar     */

.navbar .navbar-nav .nav-item {

  margin-right: 7px; }

  .navbar .navbar-nav .nav-item:last-child {

    margin-right: 0px; }

  .navbar .navbar-nav .nav-item .nav-link {

    display: inline-block;

    vertical-align: middle;

    color: #666;

    letter-spacing: 0.04em;

    padding: 10px;

    border-radius: 3px;

    position: relative;

    font-size: 12px;

    font-weight: 400;

    text-align: center; }

    .navbar .navbar-nav .nav-item .nav-link:hover, .navbar .navbar-nav .nav-item .nav-link:focus {

      background: #eee !important; }

    .navbar .navbar-nav .nav-item .nav-link i {

      font-size: 18px;

      vertical-align: middle;

      line-height: 1 !important; }

  .navbar .navbar-nav .nav-item.active .nav-link {

    background: #eee !important; }



.navbar-expand-lg .navbar-nav .dropdown-menu {

  left: auto;

  right: 0; }



.dropdown-item {

  font-size: 13px; }



.navbar .navbar-nav .notification {

  position: absolute;

  background-color: #f3545d;

  text-align: center;

  border-radius: 10px;

  min-width: 17px;

  height: 17px;

  font-size: 10px;

  color: #ffffff;

  font-weight: 300;

  line-height: 17px;

  top: 3px;

  right: 3px;

  letter-spacing: -1px; }



.navbar-header {

  padding: 0px 15px; }

  .navbar-header .dropdown-toggle::after {

    margin-left: 0; }



.profile-pic:hover, .profile-pic:focus {

  text-decoration: none; }



.navbar-header .dropdown-toggle::after {

  vertical-align: middle;

  color: #555; }



.hidden-caret .dropdown-toggle::after {

  display: none !important; }



.profile-pic span {

  font-size: 13px;

  font-weight: 300;

  padding: 0 10px;

  color: #555; }



.navbar.bg-default, .navbar.bg-primary, .navbar.bg-secondary, .navbar.bg-info, .navbar.bg-success, .navbar.bg-warning, .navbar.bg-danger, .navbar.bg-dark {

  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;

  border-left: 1px solid rgba(255, 255, 255, 0.1) !important; }

  .navbar.bg-default .navbar-brand, .navbar.bg-primary .navbar-brand, .navbar.bg-secondary .navbar-brand, .navbar.bg-info .navbar-brand, .navbar.bg-success .navbar-brand, .navbar.bg-warning .navbar-brand, .navbar.bg-danger .navbar-brand, .navbar.bg-dark .navbar-brand {

    color: #ffffff; }

  .navbar.bg-default .navbar-toggler-icon, .navbar.bg-primary .navbar-toggler-icon, .navbar.bg-secondary .navbar-toggler-icon, .navbar.bg-info .navbar-toggler-icon, .navbar.bg-success .navbar-toggler-icon, .navbar.bg-warning .navbar-toggler-icon, .navbar.bg-danger .navbar-toggler-icon, .navbar.bg-dark .navbar-toggler-icon {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

  .navbar.bg-default .navbar-nav > .nav-item > .nav-link, .navbar.bg-primary .navbar-nav > .nav-item > .nav-link, .navbar.bg-secondary .navbar-nav > .nav-item > .nav-link, .navbar.bg-info .navbar-nav > .nav-item > .nav-link, .navbar.bg-success .navbar-nav > .nav-item > .nav-link, .navbar.bg-warning .navbar-nav > .nav-item > .nav-link, .navbar.bg-danger .navbar-nav > .nav-item > .nav-link, .navbar.bg-dark .navbar-nav > .nav-item > .nav-link {

    color: #ffffff; }

    .navbar.bg-default .navbar-nav > .nav-item > .nav-link.disabled, .navbar.bg-primary .navbar-nav > .nav-item > .nav-link.disabled, .navbar.bg-secondary .navbar-nav > .nav-item > .nav-link.disabled, .navbar.bg-info .navbar-nav > .nav-item > .nav-link.disabled, .navbar.bg-success .navbar-nav > .nav-item > .nav-link.disabled, .navbar.bg-warning .navbar-nav > .nav-item > .nav-link.disabled, .navbar.bg-danger .navbar-nav > .nav-item > .nav-link.disabled, .navbar.bg-dark .navbar-nav > .nav-item > .nav-link.disabled {

      color: #d8d8d8 !important; }

    .navbar.bg-default .navbar-nav > .nav-item > .nav-link:hover, .navbar.bg-primary .navbar-nav > .nav-item > .nav-link:hover, .navbar.bg-secondary .navbar-nav > .nav-item > .nav-link:hover, .navbar.bg-info .navbar-nav > .nav-item > .nav-link:hover, .navbar.bg-success .navbar-nav > .nav-item > .nav-link:hover, .navbar.bg-warning .navbar-nav > .nav-item > .nav-link:hover, .navbar.bg-danger .navbar-nav > .nav-item > .nav-link:hover, .navbar.bg-dark .navbar-nav > .nav-item > .nav-link:hover {

      background: rgba(255, 255, 255, 0.22) !important; }

  .navbar.bg-default .navbar-nav > .nav-item.active > .nav-link, .navbar.bg-primary .navbar-nav > .nav-item.active > .nav-link, .navbar.bg-secondary .navbar-nav > .nav-item.active > .nav-link, .navbar.bg-info .navbar-nav > .nav-item.active > .nav-link, .navbar.bg-success .navbar-nav > .nav-item.active > .nav-link, .navbar.bg-warning .navbar-nav > .nav-item.active > .nav-link, .navbar.bg-danger .navbar-nav > .nav-item.active > .nav-link, .navbar.bg-dark .navbar-nav > .nav-item.active > .nav-link {

    background: rgba(255, 255, 255, 0.22) !important; }

  .navbar.bg-default .btn-minimize, .navbar.bg-primary .btn-minimize, .navbar.bg-secondary .btn-minimize, .navbar.bg-info .btn-minimize, .navbar.bg-success .btn-minimize, .navbar.bg-warning .btn-minimize, .navbar.bg-danger .btn-minimize, .navbar.bg-dark .btn-minimize {

    background: rgba(19, 19, 19, 0.25) !important;

    color: #ffffff !important; }

  .navbar.bg-default .nav-search .input-group, .navbar.bg-primary .nav-search .input-group, .navbar.bg-secondary .nav-search .input-group, .navbar.bg-info .nav-search .input-group, .navbar.bg-success .nav-search .input-group, .navbar.bg-warning .nav-search .input-group, .navbar.bg-danger .nav-search .input-group, .navbar.bg-dark .nav-search .input-group {

    border: 0;

    background: rgba(19, 19, 19, 0.25) !important; }

    .navbar.bg-default .nav-search .input-group .form-control, .navbar.bg-primary .nav-search .input-group .form-control, .navbar.bg-secondary .nav-search .input-group .form-control, .navbar.bg-info .nav-search .input-group .form-control, .navbar.bg-success .nav-search .input-group .form-control, .navbar.bg-warning .nav-search .input-group .form-control, .navbar.bg-danger .nav-search .input-group .form-control, .navbar.bg-dark .nav-search .input-group .form-control {

      color: #ffffff !important; }

  .navbar.bg-default .nav-search .search-icon, .navbar.bg-primary .nav-search .search-icon, .navbar.bg-secondary .nav-search .search-icon, .navbar.bg-info .nav-search .search-icon, .navbar.bg-success .nav-search .search-icon, .navbar.bg-warning .nav-search .search-icon, .navbar.bg-danger .nav-search .search-icon, .navbar.bg-dark .nav-search .search-icon {

    color: #ffffff !important; }



.row-nav-line {

  margin-left: -20px;

  margin-right: -20px; }



.nav.nav-line {

  width: 100%;

  border-bottom: 1px solid #f1f1f1; }

  .nav.nav-line .nav-link {

    padding: 15px 20px;

    color: #575962;

    border-width: 0px;

    font-size: 13px;

    font-weight: 600; }

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

      color: #177dff;

      border-width: 0px; }

    .nav.nav-line .nav-link.active {

      border-width: 0;

      background-color: transparent;

      color: #177dff;

      border-bottom: 2px solid #177dff;

      border-radius: 0px; }

  .nav.nav-line.nav-color-default .nav-link:hover, .nav.nav-line.nav-color-default .nav-link:focus {

    color: #282a3c; }

  .nav.nav-line.nav-color-default .nav-link.active {

    color: #282a3c;

    border-color: #282a3c; }

  .nav.nav-line.nav-color-primary .nav-link:hover, .nav.nav-line.nav-color-primary .nav-link:focus {

    color: #177dff; }

  .nav.nav-line.nav-color-primary .nav-link.active {

    color: #177dff;

    border-color: #177dff; }

  .nav.nav-line.nav-color-secondary .nav-link:hover, .nav.nav-line.nav-color-secondary .nav-link:focus {

    color: #716aca; }

  .nav.nav-line.nav-color-secondary .nav-link.active {

    color: #716aca;

    border-color: #716aca; }

  .nav.nav-line.nav-color-info .nav-link:hover, .nav.nav-line.nav-color-info .nav-link:focus {

    color: #36a3f7; }

  .nav.nav-line.nav-color-info .nav-link.active {

    color: #36a3f7;

    border-color: #36a3f7; }

  .nav.nav-line.nav-color-success .nav-link:hover, .nav.nav-line.nav-color-success .nav-link:focus {

    color: #35cd3a; }

  .nav.nav-line.nav-color-success .nav-link.active {

    color: #35cd3a;

    border-color: #35cd3a; }

  .nav.nav-line.nav-color-danger .nav-link:hover, .nav.nav-line.nav-color-danger .nav-link:focus {

    color: #f3545d; }

  .nav.nav-line.nav-color-danger .nav-link.active {

    color: #f3545d;

    border-color: #f3545d; }

  .nav.nav-line.nav-color-warning .nav-link:hover, .nav.nav-line.nav-color-warning .nav-link:focus {

    color: #ffa534; }

  .nav.nav-line.nav-color-warning .nav-link.active {

    color: #ffa534;

    border-color: #ffa534; }



/*     Nav Search     */

.nav-search .input-group {

  border: 1px solid #eee;

  background: #eee;

  border-radius: 5px; }

  .nav-search .input-group:hover, .nav-search .input-group:focus {

    border: 1px solid #ddd; }

.nav-search .form-control {

  border: 0;

  background: transparent;

  font-size: 13px;

  padding: 0.75em 1em;

  min-width: 225px;

  max-width: 100%; }

.nav-search .input-group-text {

  border: 0;

  background: transparent; }

.nav-search .search-icon {

  font-size: 18px;

  color: #666; }

.nav-search .btn-search {

  background: transparent;

  padding: .375rem 1rem; }



/*     Badge    */

.badge {

  border-radius: 50px;

  margin-left: auto;

  line-height: 1;

  padding: 6px 10px;

  vertical-align: middle;

  font-weight: 400;

  font-size: 11px;

  border: 1px solid #ddd; }



.badge-count {

  border: 1px solid #ddd; }



.badge-default, .badge-primary, .badge-secondary, .badge-info, .badge-warning, .badge-danger, .badge-success {

  border: 0px !important; }



.badge-default {

  background: #282a3c;

  color: #ffffff !important; }



.badge-primary {

  background: #177dff; }



.badge-secondary {

  background: #716aca; }



.badge-info {

  background: #36a3f7; }



.badge-success {

  background-color: #35cd3a; }



.badge-warning {

  background: #ffa534;

  color: #ffffff !important; }



.badge-danger {

  background-color: #f3545d; }



/*     Dropdown    */

.dropdown-menu {

  border: 0px;

  border-radius: 0;

  box-shadow: 0 1px 11px rgba(0, 0, 0, 0.15) !important;

  padding-bottom: 8px;

  margin-top: 0px; }



/*     Notification dropdown    */

.dropdown-title {

  border-bottom: 1px solid #f1f1f1;

  color: #444444;

  font-size: 14px;

  font-weight: 600;

  padding: 12px 15px;

  text-align: center; }



.notif-box, .messages-notif-box {

  width: 280px;

  padding: 0 !important; }

  .notif-box .notif-center a, .messages-notif-box .notif-center a {

    display: flex;

    color: #4d585f; }

    .notif-box .notif-center a:hover, .messages-notif-box .notif-center a:hover {

      text-decoration: none;

      background: #fafafa;

      transition: all .2s; }

    .notif-box .notif-center a .notif-icon, .messages-notif-box .notif-center a .notif-icon {

      display: inline-flex;

      width: 40px;

      height: 40px;

      margin: 10px;

      align-items: center;

      justify-content: center;

      background: #eee;

      border-radius: 50%; }

    .notif-box .notif-center a .notif-img, .messages-notif-box .notif-center a .notif-img {

      display: inline-flex;

      width: 40px;

      height: 40px;

      margin: 10px;

      align-items: center;

      justify-content: center;

      background: #eee;

      border-radius: 50%; }

      .notif-box .notif-center a .notif-img img, .messages-notif-box .notif-center a .notif-img img {

        width: 100%;

        height: 100%;

        border-radius: 50%; }

    .notif-box .notif-center a .notif-icon.notif-default, .notif-box .notif-center a .notif-icon.notif-primary, .notif-box .notif-center a .notif-icon.notif-secondary, .notif-box .notif-center a .notif-icon.notif-info, .notif-box .notif-center a .notif-icon.notif-success, .notif-box .notif-center a .notif-icon.notif-warning, .notif-box .notif-center a .notif-icon.notif-danger, .messages-notif-box .notif-center a .notif-icon.notif-default, .messages-notif-box .notif-center a .notif-icon.notif-primary, .messages-notif-box .notif-center a .notif-icon.notif-secondary, .messages-notif-box .notif-center a .notif-icon.notif-info, .messages-notif-box .notif-center a .notif-icon.notif-success, .messages-notif-box .notif-center a .notif-icon.notif-warning, .messages-notif-box .notif-center a .notif-icon.notif-danger {

      color: #ffffff !important; }

    .notif-box .notif-center a .notif-icon.notif-default, .messages-notif-box .notif-center a .notif-icon.notif-default {

      background: #282a3c !important; }

    .notif-box .notif-center a .notif-icon.notif-primary, .messages-notif-box .notif-center a .notif-icon.notif-primary {

      background: #177dff !important; }

    .notif-box .notif-center a .notif-icon.notif-secondary, .messages-notif-box .notif-center a .notif-icon.notif-secondary {

      background: #716aca !important; }

    .notif-box .notif-center a .notif-icon.notif-info, .messages-notif-box .notif-center a .notif-icon.notif-info {

      background: #36a3f7 !important; }

    .notif-box .notif-center a .notif-icon.notif-success, .messages-notif-box .notif-center a .notif-icon.notif-success {

      background: #35cd3a !important; }

    .notif-box .notif-center a .notif-icon.notif-warning, .messages-notif-box .notif-center a .notif-icon.notif-warning {

      background: #ffa534 !important; }

    .notif-box .notif-center a .notif-icon.notif-danger, .messages-notif-box .notif-center a .notif-icon.notif-danger {

      background: #f3545d !important; }

    .notif-box .notif-center a .notif-icon i, .messages-notif-box .notif-center a .notif-icon i {

      font-size: 15px; }

    .notif-box .notif-center a .notif-content, .messages-notif-box .notif-center a .notif-content {

      padding: 10px 15px 10px 0; }

    .notif-box .notif-center a .message-content, .messages-notif-box .notif-center a .message-content {

      padding: 7px 15px 10px 0; }

    .notif-box .notif-center a .notif-content .subject, .messages-notif-box .notif-center a .notif-content .subject {

      font-size: 13px;

      font-weight: 600;

      display: block;

      margin-bottom: 2px; }

    .notif-box .notif-center a .notif-content .block, .messages-notif-box .notif-center a .notif-content .block {

      font-size: 13px;

      line-height: 20px;

      display: block; }

    .notif-box .notif-center a .notif-content .time, .messages-notif-box .notif-center a .notif-content .time {

      color: #7d8c95;

      font-size: 11px; }

  .notif-box .see-all, .messages-notif-box .see-all {

    border-top: 1px solid #f1f1f1;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 10px 20px;

    color: #555;

    font-size: 13px;

    font-weight: 400;

    text-decoration: none; }

    .notif-box .see-all:hover, .messages-notif-box .see-all:hover {

      display: flex;

      align-items: center;

      justify-content: space-between;

      padding: 10px 20px;

      color: #555;

      font-size: 13px;

      font-weight: 400;

      text-decoration: none; }

    .notif-box .see-all i, .messages-notif-box .see-all i {

      float: right; }



.notif-box .notif-scroll {

  max-height: 256px; }



.messages-notif-box .message-notif-scroll {

  max-height: 250px; }

.messages-notif-box .notif-center a {

  border-bottom: 1px solid #f1f1f1; }

  .messages-notif-box .notif-center a:last-child {

    border-bottom: 0px; }

  .messages-notif-box .notif-center a .notif-content {

    padding: 7px 15px 7px 5px; }



/*     User Dropdown    */

.dropdown-user {

  width: 260px; }



.user-box {

  display: flex;

  padding: .25rem 1rem; }

  .user-box .u-text {

    padding: 0 10px; }

    .user-box .u-text h4 {

      margin-bottom: 5px;

      margin-top: 4px;

      font-size: 14px;

      font-weight: 400;

      line-height: 1; }

    .user-box .u-text .text-muted {

      font-size: 12px;

      margin-bottom: 5px; }

    .user-box .u-text .btn {

      font-size: 11px; }



.caret {

  display: inline-block;

  width: 0;

  height: 0;

  margin-left: .255em;

  vertical-align: .255em;

  content: "";

  border-top: .3em solid;

  border-right: 0.3em solid transparent;

  border-bottom: 0;

  border-left: 0.3em solid transparent; }



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

  .notif-box .notif-scroll, .messages-notif-box .message-notif-scroll {

    max-height: calc(100vh - 200px); } }

/*     Chart Circle    */

.chart-circle {

  display: flex;

  justify-content: center; }

  .chart-circle .circles-text {

    font-size: 25px !important; }



/*     Chart JS Container    */

.chart-container {

  min-height: 300px;

  position: relative; }



/*     HTML legend    */

.html-legend {

  list-style: none;

  cursor: pointer;

  padding-left: 0;

  text-align: center;

  margin-top: 1rem; }



.html-legend li {

  display: inline-block;

  vertical-align: middle;

  padding: 0 5px;

  margin-right: 5px;

  margin-bottom: 6px;

  color: #9a9a9a;

  font-size: 12px; }



.html-legend li.hidden {

  text-decoration: line-through; }



.html-legend li span {

  border-radius: 15px;

  display: inline-block;

  height: 15px;

  margin-right: 10px;

  width: 15px;

  vertical-align: top; }



.jqstooltip {

  box-sizing: content-box; }



/*     Alert    */

.alert {

  border: 0px;

  position: relative;

  padding: .95rem 1.25rem;

  border-radius: 1px; }

  .alert [data-notify="icon"] {

    display: block; }

    .alert [data-notify="icon"]::before {

      line-height: 35px;

      font-size: 22px;

      display: block;

      left: 15px;

      position: absolute;

      top: 50%;

      transform: translateY(-50%);

      width: 35px;

      height: 35px;

      border-radius: 30px;

      text-align: center;

      color: #fff; }

  .alert [data-notify="title"] {

    display: block;

    color: #2b2b2b;

    font-weight: 700;

    font-size: 14px;

    margin-bottom: 5px; }

  .alert [data-notify="message"] {

    font-size: 13px;

    color: #908e8e; }

  .alert .close {

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

    width: 25px;

    height: 25px;

    line-height: 25px;

    top: 12px !important;

    border-radius: 50%; }



.alert-default, .alert-primary, .alert-secondary, .alert-info, .alert-success, .alert-warning, .alert-danger {

  color: inherit;

  background-color: #ffffff;

  -webkit-box-shadow: 1px 1px 14px 0px rgba(18, 38, 63, 0.26);

  -moz-box-shadow: 1px 1px 14px 0px rgba(18, 38, 63, 0.26);

  box-shadow: 1px 1px 14px 0px rgba(18, 38, 63, 0.26); }



/*    Alert States    */

.alert-default {

  border-left: 4px solid #282a3c; }

  .alert-default [data-notify="icon"]:before {

    background: #282a3c; }



.alert-primary {

  border-left: 4px solid #177dff; }

  .alert-primary [data-notify="icon"]:before {

    background: #177dff; }



.alert-secondary {

  border-left: 4px solid #716aca; }

  .alert-secondary [data-notify="icon"]:before {

    background: #716aca; }



.alert-info {

  border-left: 4px solid #36a3f7; }

  .alert-info [data-notify="icon"]:before {

    background: #36a3f7; }



.alert-success {

  border-left: 4px solid #35cd3a; }

  .alert-success [data-notify="icon"]:before {

    background: #35cd3a; }



.alert-warning {

  border-left: 4px solid #ffa534; }

  .alert-warning [data-notify="icon"]:before {

    background: #ffa534; }



.alert-danger {

  border-left: 4px solid #f3545d; }

  .alert-danger [data-notify="icon"]:before {

    background: #f3545d; }



/*    Button    */

.btn {

  padding: .6rem 1rem;

  font-size: 13px;

  opacity: 1;

  border-radius: 3px; }

  .btn:hover, .btn:focus {

    opacity: 0.9;

    transition: all .3s; }

  .btn .btn-label {

    display: inline-block; }

    .btn .btn-label i {

      font-size: 16px;

      vertical-align: middle;

      margin-right: 2px;

      margin-left: -2px;

      line-height: 0;

      margin-top: -2.5px; }

    .btn .btn-label.just-icon i {

      margin-left: 0 !important;

      margin-right: 0px !important; }



/*     Button Sizes     */

.btn-lg {

  font-size: 15px;

  border-radius: 3px;

  padding: 10px 25px;

  font-weight: 400; }

  .btn-lg .btn-label i {

    font-size: 27px;

    vertical-align: middle;

    margin-right: 2px;

    margin-left: -7px;

    line-height: 0;

    margin-top: -2.5px; }

  .btn-lg .btn-label.just-icon i {

    margin-left: 0 !important;

    margin-right: 0px !important; }



.btn-sm {

  font-size: 11px;

  padding: 7px 13px; }



.btn-xs {

  font-size: 10px;

  padding: 5px 9px; }



.btn.disabled:hover, .btn:hover:disabled {

  opacity: 0.65; }



/*      Button Icon        */

.btn-icon {

  font-size: .9375rem;

  height: 2.5125rem;

  line-height: normal;

  min-width: 2.5125rem;

  overflow: hidden;

  padding: 0;

  position: relative;

  width: 2.5125rem; }

  .btn-icon.btn-lg {

    height: 2.75rem;

    min-width: 2.75rem;

    width: 2.75rem; }

  .btn-icon.btn-sm {

    height: 2rem;

    min-width: 2rem;

    width: 2rem; }

  .btn-icon.btn-xs {

    height: 1.6875rem;

    min-width: 1.6875rem;

    width: 1.6875rem; }



/*      Button States      */

.btn-default {

  background: #282a3c !important;

  color: #ffffff !important; }

  .btn-default:hover, .btn-default:focus, .btn-default:disabled {

    background: #282a3c !important;

    color: #ffffff !important; }



.btn-primary {

  background: #177dff !important;

  border-color: #177dff !important; }

  .btn-primary:hover, .btn-primary:focus, .btn-primary:disabled {

    background: #177dff !important;

    border-color: #177dff !important; }



.btn-secondary {

  background: #716aca !important;

  border-color: #716aca !important; }

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

    background: #716aca !important;

    border-color: #716aca !important; }



.btn-info {

  background: #36a3f7 !important;

  border-color: #36a3f7 !important; }

  .btn-info:hover, .btn-info:focus, .btn-info:disabled {

    background: #36a3f7 !important;

    border-color: #36a3f7 !important; }



.btn-success {

  background: #35cd3a !important;

  border-color: #35cd3a !important; }

  .btn-success:hover, .btn-success:focus, .btn-success:disabled {

    background: #35cd3a !important;

    border-color: #35cd3a !important; }



.btn-warning {

  background: #ffa534 !important;

  border-color: #ffa534 !important;

  color: #ffffff !important; }

  .btn-warning:hover, .btn-warning:focus, .btn-warning:disabled {

    background: #ffa534 !important;

    border-color: #ffa534 !important;

    color: #ffffff !important; }



.btn-danger {

  background: #f3545d !important;

  border-color: #f3545d !important; }

  .btn-danger:hover, .btn-danger:focus, .btn-danger:disabled {

    background: #f3545d !important;

    border-color: #f3545d !important; }



.btn-light {

  background: #ffffff !important;

  border-color: transparent; }

  .btn-light:hover, .btn-light:focus, .btn-light:disabled {

    background: #ebecec !important;

    border-color: transparent; }



.btn-dropdown-card-header {

  padding: 0;

  background: transparent;

  color: inherit;

  font-size: 15px; }

  .btn-dropdown-card-header:after {

    display: none; }



/*      Button Border     */

.btn-border {

  background: transparent !important; }

  .btn-border:hover, .btn-border:focus {

    background: transparent !important; }

  .btn-border.btn-default {

    color: #282a3c !important;

    border: 1px solid #282a3c !important; }

  .btn-border.btn-primary {

    color: #177dff !important;

    border: 1px solid #177dff !important; }

  .btn-border.btn-secondary {

    color: #716aca !important;

    border: 1px solid #716aca !important; }

  .btn-border.btn-info {

    color: #36a3f7 !important;

    border: 1px solid #36a3f7 !important; }

  .btn-border.btn-success {

    color: #35cd3a !important;

    border: 1px solid #35cd3a !important; }

  .btn-border.btn-warning {

    color: #ffa534 !important;

    border: 1px solid #ffa534 !important; }

  .btn-border.btn-danger {

    color: #f3545d !important;

    border: 1px solid #f3545d !important; }

  .btn-border.btn-light {

    border: 1px solid #efefef;

    background: #fff !important; }



/*      Button Rounded      */

.btn-round {

  border-radius: 100px !important; }



/*      Button Link      */

.btn-link {

  border: 0 !important;

  background: transparent !important; }

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

    text-decoration: underline !important;

    background: transparent !important;

    border: 0 !important; }

  .btn-link.btn-default {

    color: #282a3c !important; }

    .btn-link.btn-default:hover {

      color: #282a3c !important; }

  .btn-link.btn-primary {

    color: #177dff !important; }

    .btn-link.btn-primary:hover {

      color: #177dff !important; }

  .btn-link.btn-secondary {

    color: #716aca !important; }

    .btn-link.btn-secondary:hover {

      color: #716aca !important; }

  .btn-link.btn-info {

    color: #36a3f7 !important; }

    .btn-link.btn-info:hover {

      color: #36a3f7 !important; }

  .btn-link.btn-success {

    color: #35cd3a !important; }

    .btn-link.btn-success:hover {

      color: #35cd3a !important; }

  .btn-link.btn-warning {

    color: #ffa534 !important; }

    .btn-link.btn-warning:hover {

      color: #ffa534 !important; }

  .btn-link.btn-danger {

    color: #f3545d !important; }

    .btn-link.btn-danger:hover {

      color: #f3545d !important; }



.toggle-on.btn {

  color: #ffffff !important; }



.toggle-handle {

  background: #ffffff !important; }

  .toggle-handle:hover {

    background: #ffffff !important; }



.btn-round .toggle-handle {

  border-radius: 50px; }



.btn-rounded {

  border-radius: 60px !important; }



.btn-full {

  width: 100%; }



.btn-no-radius {

  border-radius: 0px; }



/*     Nav Pill     */

.nav-pills > li:first-child > .nav-link {

  border-radius: 4px 0 0 4px !important; }

.nav-pills > li:last-child > .nav-link {

  border-radius: 0 4px 4px 0 !important; }



.nav-link.disabled {

  color: #6c757d !important; }



.nav-pills .nav-link {

  padding: 10px 20px; }

.nav-pills > li > .nav-link {

  margin-left: -1px;

  border-radius: 0 !important;

  margin-top: 5px;

  margin-bottom: 5px;

  border: 1px solid #177dff;

  color: #585c5d; }

  .nav-pills > li > .nav-link.active {

    background: #177dff; }

  .nav-pills > li > .nav-link:hover {

    background: rgba(222, 222, 222, 0.4); }

.nav-pills.nav-pills-no-bd li {

  margin-left: 15px !important; }

  .nav-pills.nav-pills-no-bd li .nav-link {

    border: 0px !important;

    border-radius: 50px !important;

    background: rgba(222, 222, 222, 0.4); }

    .nav-pills.nav-pills-no-bd li .nav-link.active {

      border-radius: 50px !important; }

  .nav-pills.nav-pills-no-bd li:first-child {

    margin-left: 0px !important; }

.nav-pills.nav-pills-no-bd.nav-pills-icons .nav-link, .nav-pills.nav-pills-no-bd.nav-pills-icons .nav-link.active {

  border-radius: 5px !important; }

.nav-pills.flex-column .nav-link {

  border-radius: 0 !important;

  border: 1px solid #177dff;

  color: #585c5d;

  margin-top: -1px;

  text-align: center;

  word-wrap: normal;

  padding: 10px 0; }

  .nav-pills.flex-column .nav-link:hover {

    background: rgba(222, 222, 222, 0.4); }

  .nav-pills.flex-column .nav-link.active {

    background: #177dff; }

  .nav-pills.flex-column .nav-link:first-child {

    border-radius: 4px 4px 0 0 !important; }

  .nav-pills.flex-column .nav-link:last-child {

    border-radius: 0 0 4px 4px !important; }

.nav-pills.flex-column.nav-pills-no-bd .nav-link {

  border: 0px !important;

  border-radius: 50px !important;

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

  margin-top: 5px;

  margin-bottom: 5px; }

  .nav-pills.flex-column.nav-pills-no-bd .nav-link.active {

    border-radius: 50px !important; }

.nav-pills.flex-column.nav-pills-icons .nav-link, .nav-pills.flex-column.nav-pills-icons .nav-link.active {

  border-radius: 5px !important; }

.nav-pills.nav-pills-icons .nav-link, .nav-pills.nav-pills-icons .nav-link.active {

  border-radius: 5px !important;

  padding-top: 12px;

  padding-bottom: 12px; }

.nav-pills.nav-pills-icons i {

  display: block;

  text-align: center;

  font-size: 2em;

  line-height: 50px; }

.nav-pills.nav-default .nav-link, .nav-pills.nav-primary .nav-link, .nav-pills.nav-secondary .nav-link, .nav-pills.nav-info .nav-link, .nav-pills.nav-warning .nav-link, .nav-pills.nav-success .nav-link, .nav-pills.nav-danger .nav-link {

  border: 1px solid #eeeeee; }

.nav-pills.nav-default .nav-link.active, .nav-pills.nav-primary .nav-link.active, .nav-pills.nav-secondary .nav-link.active, .nav-pills.nav-info .nav-link.active, .nav-pills.nav-warning .nav-link.active, .nav-pills.nav-success .nav-link.active, .nav-pills.nav-danger .nav-link.active {

  color: #ffffff !important; }

.nav-pills.nav-default .nav-link.active {

  background: #282a3c;

  border: 1px solid #282a3c; }

.nav-pills.nav-primary .nav-link.active {

  background: #177dff;

  border: 1px solid #177dff; }

.nav-pills.nav-secondary .nav-link.active {

  background: #716aca;

  border: 1px solid #716aca; }

.nav-pills.nav-info .nav-link.active {

  background: #36a3f7;

  border: 1px solid #36a3f7; }

.nav-pills.nav-success .nav-link.active {

  background: #35cd3a;

  border: 1px solid #35cd3a; }

.nav-pills.nav-warning .nav-link.active {

  background: #ffa534;

  border: 1px solid #ffa534; }

.nav-pills.nav-danger .nav-link.active {

  background: #f3545d;

  border: 1px solid #f3545d; }



/* Size Nav */

.nav-sm .nav-link {

  font-size: 11px !important;

  padding: 8px 16px !important; }



/*     	Popover     */

.popover {

  max-width: 240px;

  line-height: 1.7;

  border: 0;

  box-shadow: 0px 0px 20px 1px rgba(69, 65, 78, 0.2); }

  .popover .popover-header {

    background: transparent;

    font-size: 14px;

    border-bottom: 0px;

    text-transform: capitalize;

    margin-top: 5px;

    color: #aaaaaa;

    font-weight: 400; }

  .popover .popover-body {

    margin-bottom: 5px; }

    .popover .popover-body p {

      font-size: 13px;

      margin-bottom: 1rem; }

  .popover.bs-popover-top .arrow:before, .popover.bs-popover-bottom .arrow:before, .popover.bs-popover-left .arrow:before, .popover.bs-popover-right .arrow:before {

    border: transparent; }



.popover.bs-popover-auto[x-placement^=right], .popover.bs-popover-right {

  margin-left: 10px; }



.popover.bs-popover-auto[x-placement^=left], .popover.bs-popover-left {

  margin-right: 10px; }



.popover.bs-popover-auto[x-placement^=top], .popover.bs-popover-top {

  margin-bottom: 10px; }



.popover.bs-popover-auto[x-placement^=bottom], .popover.bs-popover-bottom {

  margin-top: 10px; }



/*     	Progress     */

.progress .progress-bar {

  border-radius: 100px; }



/*     Pagination     */

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

  border-radius: 100px !important;

  margin: 0 2px;

  color: #777777;

  border-color: #ddd; }

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

  background: #282a3c;

  border-color: #282a3c;

  color: #ffffff; }

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

  background: #177dff;

  border-color: #177dff;

  color: #ffffff; }

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

  background: #716aca;

  border-color: #716aca;

  color: #ffffff; }

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

  background: #36a3f7;

  border-color: #36a3f7;

  color: #ffffff; }

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

  background: #35cd3a;

  border-color: #35cd3a;

  color: #ffffff; }

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

  background: #ffa534;

  border-color: #ffa534;

  color: #ffffff; }

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

  background: #f3545d;

  border-color: #f3545d;

  color: #ffffff; }



/*     Slider     */

.slider-default .ui-slider-range {

  background: #282a3c; }



.slider-primary .ui-slider-range {

  background: #177dff; }



.slider-secondary .ui-slider-range {

  background: #716aca; }



.slider-info .ui-slider-range {

  background: #36a3f7; }



.slider-success .ui-slider-range {

  background: #35cd3a; }



.slider-warning .ui-slider-range {

  background: #ffa534; }



.slider-danger .ui-slider-range {

  background: #f3545d; }



/*     	Modal     */

.modal .bg-default .modal-title, .modal .bg-primary .modal-title, .modal .bg-secondary .modal-title, .modal .bg-info .modal-title, .modal .bg-success .modal-title, .modal .bg-warning .modal-title, .modal .bg-danger .modal-title {

  color: #ffffff !important; }



.modal-content {

  border-radius: .4rem !important;

  border: 0 !important; }



.rating > label {

  display: inline;

  color: #e9eaeb !important;

  line-height: 1;

  float: right;

  cursor: pointer; }

  .rating > label:hover {

    color: #FFC600 !important;

    opacity: 0.5; }

  .rating > label span {

    font-size: 18px; }

.rating input[type="radio"], .rating input[type="checkbox"] {

  position: absolute;

  opacity: 0;

  z-index: -1; }

  .rating input[type="radio"]:checked ~ label, .rating input[type="checkbox"]:checked ~ label {

    color: #FFC600 !important; }



.activity-feed {

  padding: 15px;

  list-style: none; }



.activity-feed .feed-item {

  position: relative;

  padding-bottom: 20px;

  padding-left: 30px;

  border-left: 2px solid #e4e8eb; }



.activity-feed .feed-item:last-child {

  border-color: transparent; }



.activity-feed .feed-item::after {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: -7px;

  width: 12px;

  height: 12px;

  border-radius: 50%;

  background: #177dff; }



.feed-item-default::after {

  background: #282a3c !important; }



.feed-item-primary::after {

  background: #177dff !important; }



.feed-item-secondary::after {

  background: #716aca !important; }



.feed-item-success::after {

  background: #35cd3a !important; }



.feed-item-danger::after {

  background: #f3545d !important; }



.feed-item-info::after {

  background: #36a3f7 !important; }



.feed-item-warning::after {

  background: #ffa534 !important; }



.activity-feed .feed-item .date {

  display: block;

  position: relative;

  top: -5px;

  color: #8c96a3;

  text-transform: uppercase;

  font-size: 13px; }



.activity-feed .feed-item .text {

  position: relative;

  top: -3px; }



/*      Timeline     */

.timeline {

  list-style: none;

  padding: 20px 0 20px;

  position: relative; }

  .timeline:before {

    top: 0;

    bottom: 0;

    position: absolute;

    content: " ";

    width: 3px;

    background-color: #eeeeee;

    left: 50%;

    margin-left: -1.5px; }

  .timeline > li {

    margin-bottom: 20px;

    position: relative; }

    .timeline > li:before {

      content: " ";

      display: table; }

    .timeline > li:after {

      content: " ";

      display: table;

      clear: both; }

    .timeline > li:before {

      content: " ";

      display: table; }

    .timeline > li:after {

      content: " ";

      display: table;

      clear: both; }

    .timeline > li > .timeline-panel {

      width: 50%;

      float: left;

      border: 1px solid #eeeeee;

      background: #ffffff;

      border-radius: 3px;

      padding: 20px;

      position: relative;

      -webkit-box-shadow: 0px 1px 20px 1px rgba(69, 65, 78, 0.06);

      -moz-box-shadow: 0px 1px 20px 1px rgba(69, 65, 78, 0.06);

      box-shadow: 0px 1px 20px 1px rgba(69, 65, 78, 0.06); }

    .timeline > li.timeline-inverted + li:not(.timeline-inverted) {

      margin-top: -60px; }

    .timeline > li:not(.timeline-inverted) {

      padding-right: 90px; }

      .timeline > li:not(.timeline-inverted) + li.timeline-inverted {

        margin-top: -60px; }

    .timeline > li.timeline-inverted {

      padding-left: 90px; }

      .timeline > li.timeline-inverted > .timeline-panel {

        float: right; }

        .timeline > li.timeline-inverted > .timeline-panel:before {

          border-left-width: 0;

          border-right-width: 15px;

          left: -15px;

          right: auto; }

        .timeline > li.timeline-inverted > .timeline-panel:after {

          border-left-width: 0;

          border-right-width: 14px;

          left: -14px;

          right: auto; }

    .timeline > li > .timeline-panel:before {

      position: absolute;

      top: 26px;

      right: -15px;

      display: inline-block;

      border-top: 15px solid transparent;

      border-left: 15px solid #eeeeee;

      border-right: 0 solid #eeeeee;

      border-bottom: 15px solid transparent;

      content: " "; }

    .timeline > li > .timeline-panel:after {

      position: absolute;

      top: 27px;

      right: -14px;

      display: inline-block;

      border-top: 14px solid transparent;

      border-left: 14px solid #ffffff;

      border-right: 0 solid #ffffff;

      border-bottom: 14px solid transparent;

      content: " "; }

    .timeline > li > .timeline-badge {

      color: #ffffff;

      width: 50px;

      height: 50px;

      line-height: 50px;

      font-size: 1.8em;

      text-align: center;

      position: absolute;

      top: 16px;

      left: 50%;

      margin-left: -25px;

      background-color: #999999;

      z-index: 100;

      border-top-right-radius: 50%;

      border-top-left-radius: 50%;

      border-bottom-right-radius: 50%;

      border-bottom-left-radius: 50%; }



.timeline-badge.default {

  background-color: #282a3c !important; }

.timeline-badge.primary {

  background-color: #177dff !important; }

.timeline-badge.secondary {

  background-color: #716aca !important; }

.timeline-badge.success {

  background-color: #35cd3a !important; }

.timeline-badge.warning {

  background-color: #ffa534 !important; }

.timeline-badge.danger {

  background-color: #f3545d !important; }

.timeline-badge.info {

  background-color: #36a3f7 !important; }



.timeline-title {

  font-size: 17px;

  margin-top: 0;

  color: inherit;

  font-weight: 400; }



.timeline-heading i {

  font-size: 22px;

  display: inline-block;

  vertical-align: middle;

  margin-right: 5px; }



.timeline-body > p, .timeline-body > ul {

  margin-bottom: 0; }

.timeline-body > p + p {

  margin-top: 5px; }



/*      Google Maps      */

.full-screen-maps {

  height: 100vh !important; }



/*      jQVMap     */

.vmap {

  width: 100%;

  min-height: 265px; }

  .vmap > svg {

    margin: auto;

    display: flex; }

    .vmap > svg > g {

      transition: all ease-in-out .2s; }



.jqvmap-label, .jqvmap-pin {

  pointer-events: none; }



.jqvmap-label {

  position: absolute;

  display: none;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  background: #292929;

  color: #ffffff;

  font-size: smaller;

  padding: 3px; }



.jqvmap-zoomin, .jqvmap-zoomout {

  position: absolute;

  left: 10px;

  border-radius: 13px;

  background: #35cd3a;

  padding: 6px 7px;

  color: #ffffff;

  cursor: pointer;

  line-height: 10px;

  text-align: center;

  font-size: 14px; }



.jqvmap-zoomin {

  top: 15px; }



.jqvmap-zoomout {

  top: 45px; }



.jqvmap-region {

  cursor: pointer; }



.jqvmap-ajax_response {

  width: 100%;

  height: 500px; }



.list-group .list-group-header {

  font-size: 12px;

  font-weight: 600;

  padding: .75rem 1rem; }

.list-group .list-group-item {

  display: flex;

  align-items: stretch;

  border-width: 1px 0;

  border-color: #ebecec; }

.list-group .list-group-item-figure {

  align-self: start;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  color: #a9acb0; }

.list-group .list-group-item-body {

  flex: 1;

  min-width: 0;

  align-self: center;

  font-size: .875rem; }

.list-group .list-group-item-text {

  margin-bottom: 0;

  line-height: 1.25rem;

  color: #686f76; }



.list-group-file-item .list-group-item {

  padding: 0px; }

.list-group-file-item .list-group-item-figure {

  padding: .75rem 1rem; }

.list-group-file-item .list-group-item-body {

  padding: .75rem 0; }



.list-group-bordered .list-group-item {

  border: 1px solid #e3ebf6; }

  .list-group-bordered .list-group-item.active {

    background: #177dff;

    border-color: #177dff; }



.list-group-lg .list-group-item {

  padding-top: 1.5rem;

  padding-bottom: 1.5rem; }



/*     	Messages Tab    */

.tab-chat {

  position: relative; }



.messages-contact {

  position: absolute;

  left: 0;

  width: 100%;

  transition: left .3s ease; }



.messages-contact .contact-list .user a {

  display: flex;

  flex-direction: row;

  align-items: center;

  padding: 11px 10px;

  border-radius: 5px; }

  .messages-contact .contact-list .user a:hover {

    text-decoration: none;

    background: rgba(0, 0, 0, 0.05); }

  .messages-contact .contact-list .user a .user-data, .messages-contact .contact-list .user a .user-data2 {

    margin-left: 20px;

    display: flex;

    flex-direction: column; }

    .messages-contact .contact-list .user a .user-data .name, .messages-contact .contact-list .user a .user-data2 .name {

      color: #575962;

      font-size: 13px;

      margin-bottom: 3px;

      font-weight: 600; }

    .messages-contact .contact-list .user a .user-data .message, .messages-contact .contact-list .user a .user-data2 .message {

      color: #aaa; }

    .messages-contact .contact-list .user a .user-data .status, .messages-contact .contact-list .user a .user-data2 .status {

      color: #979797; }



.messages-wrapper {

  position: absolute;

  left: calc(100% + 40px);

  transition: left .3s ease; }



.messages-wrapper .messages-title {

  width: 100%;

  display: inline-block;

  border-bottom: 1px solid #eee;

  margin-bottom: 15px; }

  .messages-wrapper .messages-title .user {

    width: calc(100% - 40px);

    float: right;

    text-align: right;

    padding: 10px 0; }

    .messages-wrapper .messages-title .user .name {

      display: inline-block;

      font-size: 13px;

      font-weight: 400;

      margin-bottom: 4px; }

    .messages-wrapper .messages-title .user .last-active {

      display: block;

      font-size: 10px; }

  .messages-wrapper .messages-title .return {

    background: transparent;

    border: 0;

    font-size: 25px;

    padding: 10px 0;

    cursor: pointer; }

.messages-wrapper .messages-body {

  height: calc(100vh - 310px);

  display: block;

  overflow-y: auto; }



.messages-wrapper .messages-body .message-content-wrapper, .conversations-body .message-content-wrapper {

  display: inline-block;

  width: 100%; }

.messages-wrapper .messages-body .message, .conversations-body .message {

  display: table;

  table-layout: fixed;

  padding: 8px 0; }

.messages-wrapper .messages-body .message-in, .conversations-body .message-in {

  margin-right: 40px;

  float: left; }

  .messages-wrapper .messages-body .message-in .message-body, .conversations-body .message-in .message-body {

    display: table-cell;

    vertical-align: top; }

    .messages-wrapper .messages-body .message-in .message-body .message-content, .conversations-body .message-in .message-body .message-content {

      background: #f7f7f7;

      padding: 12px 15px;

      border-radius: 5px;

      margin-left: 10px;

      position: relative;

      width: fit-content; }

      .messages-wrapper .messages-body .message-in .message-body .message-content:before, .conversations-body .message-in .message-body .message-content:before {

        width: 0;

        height: 0;

        border-top: 10px solid transparent;

        border-bottom: 10px solid transparent;

        border-right: 10px solid #f7f7f7;

        content: '';

        position: absolute;

        left: -10px;

        top: 12px; }

      .messages-wrapper .messages-body .message-in .message-body .message-content .name, .conversations-body .message-in .message-body .message-content .name {

        color: #83848a;

        font-size: 11px;

        margin-bottom: 5px; }

      .messages-wrapper .messages-body .message-in .message-body .message-content .content, .conversations-body .message-in .message-body .message-content .content {

        font-size: 13px; }

    .messages-wrapper .messages-body .message-in .message-body .date, .conversations-body .message-in .message-body .date {

      margin-left: 10px;

      margin-top: 8px;

      font-size: 11px;

      color: #83848a;

      padding-left: 12px; }

    .messages-wrapper .messages-body .message-in .message-body .message-content + .message-content, .conversations-body .message-in .message-body .message-content + .message-content {

      margin-top: 10px; }

      .messages-wrapper .messages-body .message-in .message-body .message-content + .message-content:before, .conversations-body .message-in .message-body .message-content + .message-content:before {

        display: none; }

.messages-wrapper .messages-body .message-out, .conversations-body .message-out {

  float: right;

  margin-left: 40px; }

  .messages-wrapper .messages-body .message-out .message-body, .conversations-body .message-out .message-body {

    display: table-cell;

    vertical-align: top;

    float: right; }

    .messages-wrapper .messages-body .message-out .message-body .message-content, .conversations-body .message-out .message-body .message-content {

      background: #177dff;

      padding: 12px 15px;

      border-radius: 5px;

      margin-right: 10px;

      position: relative;

      width: fit-content; }

      .messages-wrapper .messages-body .message-out .message-body .message-content:before, .conversations-body .message-out .message-body .message-content:before {

        width: 0;

        height: 0;

        border-top: 10px solid transparent;

        border-bottom: 10px solid transparent;

        border-left: 10px solid #177dff;

        content: '';

        position: absolute;

        right: -10px;

        top: 12px; }

      .messages-wrapper .messages-body .message-out .message-body .message-content .content, .conversations-body .message-out .message-body .message-content .content {

        font-size: 13px;

        color: #ffffff !important; }

    .messages-wrapper .messages-body .message-out .message-body .date, .conversations-body .message-out .message-body .date {

      margin-right: 10px;

      margin-top: 8px;

      font-size: 11px;

      color: #83848a;

      text-align: right;

      padding-right: 15px; }

    .messages-wrapper .messages-body .message-out .message-body .message-content + .message-content, .conversations-body .message-out .message-body .message-content + .message-content {

      margin-top: 10px; }

      .messages-wrapper .messages-body .message-out .message-body .message-content + .message-content:before, .conversations-body .message-out .message-body .message-content + .message-content:before {

        display: none; }



.messages-form {

  display: table;

  width: 100%;

  margin-top: 30px;

  border-top: 1px solid #eee;

  padding-top: 20px; }

  .messages-form .messages-form-control {

    display: table-cell;

    padding-right: 15px; }

  .messages-form .messages-form-tool {

    display: table-cell;

    text-align: right;

    width: 50px; }

    .messages-form .messages-form-tool .attachment {

      height: 100%;

      line-height: 1;

      color: #888c91;

      background: #e8e8e8;

      font-size: 17px;

      padding: 10px 12px;

      border-radius: 50%;

      margin-left: auto; }



.show-chat .messages-contact {

  left: calc(-100% - 40px); }

.show-chat .messages-wrapper {

  left: 0px; }



/* 		List Group Messages 	*/

.list-group-messages .btn-dropdown {

  background: transparent;

  border: 0;

  font-size: 16px;

  color: #b5b5b5;

  line-height: 1;

  cursor: pointer;

  padding: 4px 10px; }

.list-group-messages .list-group-item {

  padding-top: 1.25rem;

  padding-bottom: 1.25rem; }

  .list-group-messages .list-group-item.unread .list-group-item-title {

    font-weight: 600; }

.list-group-messages .list-group-item-title a {

  color: #575962; }



/*      Conversations Wrapper     */

.conversations {

  display: flex;

  height: calc(100vh - 57px);

  flex-direction: column; }

  .conversations .message-header {

    background: #fff;

    padding: .5rem;

    background-color: #fff;

    box-shadow: 0 1px 0 0 rgba(61, 70, 79, 0.075);

    z-index: 1; }

  .conversations .message-title {

    width: 100%;

    display: flex;

    align-items: center;

    position: relative; }

    .conversations .message-title .user {

      display: flex;

      align-items: center;

      justify-content: center; }

      .conversations .message-title .user .name {

        display: block;

        font-size: 14px;

        font-weight: 600;

        line-height: 24px;

        margin-bottom: 2px; }

      .conversations .message-title .user .last-active {

        display: block;

        font-size: 11px; }

    .conversations .message-title .return {

      background: transparent;

      border: 0;

      font-size: 25px;

      cursor: pointer;

      height: 100%;

      top: 0; }

  .conversations .conversations-body {

    flex: 1;

    overflow-y: auto;

    padding: 1.5rem 2rem; }

  .conversations .conversations-content {

    border: 1px solid #eee;

    border-radius: 5px;

    padding: 1rem; }

  .conversations .messages-form {

    margin: 0;

    padding: .7rem 1rem;

    background: #fff; }



.conversations-action {

  background: #f6f6f6;

  padding: 10px 0; }

  .conversations-action .action {

    display: flex;

    padding: 1rem 1.5rem;

    background: #fff;

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

    margin-bottom: 10px;

    cursor: pointer; }

    .conversations-action .action:hover {

      background: #f4f5f5; }

    .conversations-action .action span {

      font-size: 16px;

      line-height: 21px; }

    .conversations-action .action i {

      font-size: 21px;

      width: 2.5rem;

      color: rgba(38, 50, 56, 0.5); }

    .conversations-action .action.danger span, .conversations-action .action.danger i {

      color: #f3545d; }

    .conversations-action .action:last-child {

      margin-bottom: 0px; }



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

  .conversations {

    margin-left: -15px;

    margin-right: -15px; } }

/*     	Task Tab     */

.tasks-wrapper .tasks-scroll {

  height: calc(100vh - 130px);

  overflow: auto;

  margin-bottom: 15px; }

.tasks-wrapper .tasks-content {

  padding-bottom: 25px; }

  .tasks-wrapper .tasks-content .tasks-list {

    padding: 0px 10px;

    list-style: none; }

    .tasks-wrapper .tasks-content .tasks-list li {

      position: relative;

      margin-bottom: 15px; }

      .tasks-wrapper .tasks-content .tasks-list li .custom-control {

        position: unset !important; }

      .tasks-wrapper .tasks-content .tasks-list li input[type="checkbox"]:checked ~ .custom-control-label {

        text-decoration: line-through;

        color: #999; }

      .tasks-wrapper .tasks-content .tasks-list li .custom-control.custom-checkbox {

        margin-right: 50px !important; }

      .tasks-wrapper .tasks-content .tasks-list li .task-action {

        display: none;

        position: absolute;

        font-size: 17px;

        right: 0;

        top: 0; }

        .tasks-wrapper .tasks-content .tasks-list li .task-action a.link {

          margin-left: 10px; }

          .tasks-wrapper .tasks-content .tasks-list li .task-action a.link:hover {

            text-decoration: none;

            color: unset; }

      .tasks-wrapper .tasks-content .tasks-list li:hover .task-action {

        display: block; }



/*     	Setting Tab     */

.settings-wrapper .settings-content .settings-list {

  padding-left: 0px;

  list-style: none; }

  .settings-wrapper .settings-content .settings-list li {

    display: table;

    width: 100%;

    margin-bottom: 15px; }

    .settings-wrapper .settings-content .settings-list li .item-label {

      display: table-cell;

      vertical-align: middle;

      font-size: 12px; }

    .settings-wrapper .settings-content .settings-list li .item-control {

      display: table-cell;

      float: right;

      margin-right: 5px; }

      .settings-wrapper .settings-content .settings-list li .item-control .toggle-group .toggle-on, .settings-wrapper .settings-content .settings-list li .item-control .toggle-group .toggle-off {

        font-size: 11px !important; }



.tile {

  width: 36px;

  height: 36px;

  font-size: 20px;

  border-radius: 50%;

  text-align: center;

  line-height: 36px; }

  .tile:hover {

    text-decoration: none; }

  .tile.bg-default, .tile.bg-primary, .tile.bg-secondary, .tile.bg-info, .tile.bg-success, .tile.bg-danger, .tile.bg-warning, .tile.dark {

    color: #fff; }



.row-projects {

  margin-right: -10px;

  margin-left: -10px; }

  .row-projects [class^="col-"] {

    padding: 0 10px; }



.loader, .is-loading:after {

  display: block;

  width: 1.5rem;

  height: 1.5rem;

  border: 3px solid #177dff;

  border-bottom-color: transparent;

  background: transparent;

  border-radius: 50%;

  animation: 1s spin linear infinite; }



.loader-sm, .is-loading-sm:after {

  width: 1rem;

  height: 1rem;

  border-width: 2px; }



.loader-lg, .is-loading-lg:after {

  width: 2rem;

  height: 2rem;

  border-width: 5px; }



.is-loading {

  position: relative;

  color: transparent !important; }

  .is-loading > * {

    opacity: 0.2 !important; }

  .is-loading:after {

    position: absolute;

    top: calc(50% - 1.5rem/2);

    left: calc(50% - 1.5rem/2);

    content: ''; }



.is-loading-sm:after {

  top: calc(50% - 1rem/2);

  left: calc(50% - 1rem/2); }



.is-loading-lg:after {

  top: calc(50% - 2rem/2);

  left: calc(50% - 2rem/2); }



.btn-default.is-loading:after, .card-default.is-loading:after, .btn-primary.is-loading:after, .card-primary.is-loading:after, .btn-secondary.is-loading:after, .card-secondary.is-loading:after, .btn-info.is-loading:after, .card-info.is-loading:after, .btn-success.is-loading:after, .card-success.is-loading:after, .btn-warning.is-loading:after, .card-warning.is-loading:after, .btn-danger.is-loading:after, .card-danger.is-loading:after, .loader-default,

.is-loading-default:after, .loader-primary,

.is-loading-primary:after, .loader-secondary,

.is-loading-secondary:after, .loader-info,

.is-loading-info:after, .loader-success,

.is-loading-success:after, .loader-warning,

.is-loading-warning:after, .loader-danger,

.is-loading-danger:after {

  border-bottom-color: transparent !important; }



.btn-default.is-loading:after, .card-default.is-loading:after, .btn-primary.is-loading:after, .card-primary.is-loading:after, .btn-secondary.is-loading:after, .card-secondary.is-loading:after, .btn-info.is-loading:after, .card-info.is-loading:after, .btn-success.is-loading:after, .card-success.is-loading:after, .btn-warning.is-loading:after, .card-warning.is-loading:after, .btn-danger.is-loading:after, .card-danger.is-loading:after {

  border-color: #fff; }



.loader-default,

.is-loading-default:after {

  border-color: #282a3c; }



.loader-primary,

.is-loading-primary:after {

  border-color: #177dff; }



.loader-secondary,

.is-loading-secondary:after {

  border-color: #716aca; }



.loader-info,

.is-loading-info:after {

  border-color: #36a3f7; }



.loader-success,

.is-loading-success:after {

  border-color: #35cd3a; }



.loader-warning,

.is-loading-warning:after {

  border-color: #ffa534; }



.loader-danger,

.is-loading-danger:after {

  border-color: #f3545d; }



@keyframes spin {

  from {

    transform: rotate(0deg); }

  to {

    transform: rotate(360deg); } }

/*      jQuery Ui     */

.ui-draggable-handle {

  -ms-touch-action: none;

  touch-action: none; }



.ui-helper-hidden {

  display: none; }



.ui-helper-hidden-accessible {

  border: 0;

  clip: rect(0 0 0 0);

  height: 1px;

  margin: -1px;

  overflow: hidden;

  padding: 0;

  position: absolute;

  width: 1px; }



.ui-helper-reset {

  margin: 0;

  padding: 0;

  border: 0;

  outline: 0;

  line-height: 1.3;

  text-decoration: none;

  font-size: 100%;

  list-style: none; }



.ui-helper-clearfix:after, .ui-helper-clearfix:before {

  content: "";

  display: table;

  border-collapse: collapse; }

.ui-helper-clearfix:after {

  clear: both; }



.ui-helper-zfix {

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  position: absolute;

  opacity: 0;

  filter: Alpha(Opacity=0); }



.ui-front {

  z-index: 100; }



.ui-state-disabled {

  cursor: default !important;

  pointer-events: none; }



.ui-icon {

  display: inline-block;

  vertical-align: middle;

  margin-top: -.25em;

  position: relative;

  text-indent: -99999px;

  overflow: hidden;

  background-repeat: no-repeat; }



.ui-widget-icon-block {

  left: 50%;

  margin-left: -8px;

  display: block; }



.ui-widget-overlay {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%; }



.ui-resizable {

  position: relative; }



.ui-resizable-handle {

  position: absolute;

  font-size: .1px;

  display: block;

  -ms-touch-action: none;

  touch-action: none; }



.ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle {

  display: none; }



.ui-resizable-n {

  cursor: n-resize;

  height: 7px;

  width: 100%;

  top: -5px;

  left: 0; }



.ui-resizable-s {

  cursor: s-resize;

  height: 7px;

  width: 100%;

  bottom: -5px;

  left: 0; }



.ui-resizable-e {

  cursor: e-resize;

  width: 7px;

  right: -5px;

  top: 0;

  height: 100%; }



.ui-resizable-w {

  cursor: w-resize;

  width: 7px;

  left: -5px;

  top: 0;

  height: 100%; }



.ui-resizable-se {

  cursor: se-resize;

  width: 12px;

  height: 12px;

  right: 1px;

  bottom: 1px; }



.ui-resizable-sw {

  cursor: sw-resize;

  width: 9px;

  height: 9px;

  left: -5px;

  bottom: -5px; }



.ui-resizable-nw {

  cursor: nw-resize;

  width: 9px;

  height: 9px;

  left: -5px;

  top: -5px; }



.ui-resizable-ne {

  cursor: ne-resize;

  width: 9px;

  height: 9px;

  right: -5px;

  top: -5px; }



.ui-selectable {

  -ms-touch-action: none;

  touch-action: none; }



.ui-selectable-helper {

  position: absolute;

  z-index: 100;

  border: 1px dotted #000; }



.ui-sortable-handle {

  -ms-touch-action: none;

  touch-action: none; }



.ui-slider {

  position: relative;

  text-align: left;

  background: #ddd; }

  .ui-slider .ui-slider-handle {

    position: absolute;

    z-index: 2;

    width: 1em;

    height: 1em;

    cursor: default;

    -ms-touch-action: none;

    touch-action: none; }

  .ui-slider .ui-slider-range {

    position: absolute;

    z-index: 1;

    font-size: .7em;

    display: block;

    border: 0;

    background-position: 0 0; }

  .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {

    filter: inherit; }



.ui-slider-horizontal {

  height: .4em; }

  .ui-slider-horizontal .ui-slider-handle {

    top: -.4em;

    margin-left: -.6em; }

  .ui-slider-horizontal .ui-slider-range {

    top: 0;

    height: 100%; }

  .ui-slider-horizontal .ui-slider-range-min {

    left: 0; }

  .ui-slider-horizontal .ui-slider-range-max {

    right: 0; }



.ui-slider-vertical {

  width: .8em;

  height: 100px; }

  .ui-slider-vertical .ui-slider-handle {

    left: -.3em;

    margin-left: 0;

    margin-bottom: -.6em; }

  .ui-slider-vertical .ui-slider-range {

    left: 0;

    width: 100%; }

  .ui-slider-vertical .ui-slider-range-min {

    bottom: 0; }

  .ui-slider-vertical .ui-slider-range-max {

    top: 0; }



.ui-slider-handle {

  background: #ffffff;

  background: -moz-linear-gradient(top, #ffffff 0, #f7f7f7 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(100%, #f7f7f7));

  background: -webkit-linear-gradient(top, #ffffff 0, #f7f7f7 100%);

  background: -o-linear-gradient(top, #ffffff 0, #f7f7f7 100%);

  background: -ms-linear-gradient(top, #ffffff 0, #f7f7f7 100%);

  background: linear-gradient(to bottom, #ffffff 0, #f7f7f7 100%);

  border-radius: 50px;

  box-shadow: 0 1px 4px 0 #9191ab !important; }

  .ui-slider-handle:focus {

    background: #ffffff;

    background: -moz-linear-gradient(top, #ffffff 0, #f7f7f7 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(100%, #f7f7f7));

    background: -webkit-linear-gradient(top, #ffffff 0, #f7f7f7 100%);

    background: -o-linear-gradient(top, #ffffff 0, #f7f7f7 100%);

    background: -ms-linear-gradient(top, #ffffff 0, #f7f7f7 100%);

    background: linear-gradient(to bottom, #ffffff 0, #f7f7f7 100%);

    border-radius: 50px;

    box-shadow: 0 1px 4px 0 #9191ab !important; }



/*      jQuery Scrollbar     */

.scroll-wrapper {

  overflow: hidden !important;

  padding: 0 !important;

  position: relative; }

  .scroll-wrapper > .scroll-content {

    border: none !important;

    box-sizing: content-box !important;

    height: auto;

    left: 0;

    margin: 0;

    max-height: none;

    max-width: none !important;

    overflow: scroll !important;

    padding: 0;

    position: relative !important;

    top: 0;

    width: auto !important; }

    .scroll-wrapper > .scroll-content::-webkit-scrollbar {

      height: 0;

      width: 0; }



.scroll-element {

  display: none;

  box-sizing: content-box; }

  .scroll-element div {

    box-sizing: content-box; }

  .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {

    display: block; }

  .scroll-element .scroll-arrow, .scroll-element .scroll-bar {

    cursor: default; }



.scroll-textarea {

  border: 1px solid #ccc;

  border-top-color: #999; }

  .scroll-textarea > .scroll-content {

    overflow: hidden !important; }

    .scroll-textarea > .scroll-content > textarea {

      border: none !important;

      box-sizing: border-box;

      height: 100% !important;

      margin: 0;

      max-height: none !important;

      max-width: none !important;

      overflow: scroll !important;

      outline: 0;

      padding: 2px;

      position: relative !important;

      top: 0;

      width: 100% !important; }



.scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_outer {

  overflow: hidden; }



.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {

  height: 0;

  width: 0; }



.scrollbar-inner > .scroll-element {

  border: none;

  margin: 0;

  padding: 0;

  position: absolute;

  z-index: 10; }

  .scrollbar-inner > .scroll-element div {

    border: none;

    margin: 0;

    padding: 0;

    position: absolute;

    z-index: 10;

    display: block;

    height: 100%;

    left: 0;

    top: 0;

    width: 100%; }

  .scrollbar-inner > .scroll-element.scroll-x {

    bottom: 2px;

    height: 5px;

    left: 0;

    width: 100%; }

    .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size, .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {

      left: -12px; }

  .scrollbar-inner > .scroll-element.scroll-y {

    height: 100%;

    right: 2px;

    top: 0;

    width: 5px; }

    .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size, .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {

      top: -12px; }

  .scrollbar-inner > .scroll-element .scroll-bar, .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track {

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px; }

  .scrollbar-inner > .scroll-element .scroll-bar {

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

    filter: alpha(opacity=40);

    opacity: .4; }

  .scrollbar-inner > .scroll-element .scroll-element_track {

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

    filter: alpha(opacity=40);

    opacity: .4;

    background-color: #e0e0e0; }

  .scrollbar-inner > .scroll-element .scroll-bar {

    background-color: #c2c2c2; }

  .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar, .scrollbar-inner > .scroll-element:hover .scroll-bar {

    background-color: #919191; }



.scrollbar-outer > .scroll-element {

  border: none;

  margin: 0;

  padding: 0;

  position: absolute;

  z-index: 10;

  background-color: #ffffff; }

  .scrollbar-outer > .scroll-element div {

    border: none;

    margin: 0;

    padding: 0;

    position: absolute;

    z-index: 10;

    display: block;

    height: 100%;

    left: 0;

    top: 0;

    width: 100%; }

  .scrollbar-outer > .scroll-element.scroll-x {

    bottom: 0;

    height: 12px;

    left: 0;

    width: 100%; }

  .scrollbar-outer > .scroll-element.scroll-y {

    height: 100%;

    right: 0;

    top: 0;

    width: 12px; }

  .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {

    height: 5px;

    top: 2px; }

  .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {

    left: 2px;

    width: 5px; }

  .scrollbar-outer > .scroll-element .scroll-element_track {

    background-color: #eee; }

  .scrollbar-outer > .scroll-element .scroll-bar, .scrollbar-outer > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_track {

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px; }

  .scrollbar-outer > .scroll-element .scroll-bar {

    background-color: #d9d9d9; }

    .scrollbar-outer > .scroll-element .scroll-bar:hover {

      background-color: #c2c2c2; }

  .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {

    background-color: #919191; }

.scrollbar-outer > .scroll-content.scroll-scrolly_visible {

  left: -12px;

  margin-left: 12px; }

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size, .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {

  left: -14px; }

.scrollbar-outer > .scroll-content.scroll-scrollx_visible {

  top: -12px;

  margin-top: 12px; }

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size, .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {

  top: -14px; }

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {

  min-width: 10px; }

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {

  min-height: 10px; }



.scrollbar-macosx > .scroll-element {

  background: 0 0;

  border: none;

  margin: 0;

  padding: 0;

  position: absolute;

  z-index: 10; }

  .scrollbar-macosx > .scroll-element div {

    background: 0 0;

    border: none;

    margin: 0;

    padding: 0;

    position: absolute;

    z-index: 10;

    display: block;

    height: 100%;

    left: 0;

    top: 0;

    width: 100%; }

  .scrollbar-macosx > .scroll-element .scroll-element_track {

    display: none; }

  .scrollbar-macosx > .scroll-element .scroll-bar {

    background-color: #6C6E71;

    display: block;

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

    filter: alpha(opacity=0);

    opacity: 0;

    -webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    border-radius: 7px;

    -webkit-transition: opacity .2s linear;

    -moz-transition: opacity .2s linear;

    -o-transition: opacity .2s linear;

    -ms-transition: opacity .2s linear;

    transition: opacity .2s linear; }

.scrollbar-macosx:hover > .scroll-element .scroll-bar {

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

  filter: alpha(opacity=70);

  opacity: .7; }

.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {

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

  filter: alpha(opacity=70);

  opacity: .7; }

.scrollbar-macosx > .scroll-element.scroll-x {

  bottom: 0;

  height: 0;

  left: 0;

  min-width: 100%;

  overflow: visible;

  width: 100%; }

.scrollbar-macosx > .scroll-element.scroll-y {

  height: 100%;

  min-height: 100%;

  right: 0;

  top: 0;

  width: 0; }

.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {

  height: 7px;

  min-width: 10px;

  top: -9px; }

.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {

  left: -9px;

  min-height: 10px;

  width: 7px; }

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {

  left: 2px; }

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {

  left: -4px; }

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {

  top: 2px; }

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {

  top: -4px; }

.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {

  left: -11px; }

.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {

  top: -11px; }



.scrollbar-light > .scroll-element {

  border: none;

  margin: 0;

  overflow: hidden;

  padding: 0;

  position: absolute;

  z-index: 10;

  background-color: #ffffff; }

  .scrollbar-light > .scroll-element div {

    border: none;

    margin: 0;

    overflow: hidden;

    padding: 0;

    position: absolute;

    z-index: 10;

    display: block;

    height: 100%;

    left: 0;

    top: 0;

    width: 100%; }

  .scrollbar-light > .scroll-element .scroll-element_outer {

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px; }

  .scrollbar-light > .scroll-element .scroll-element_size {

    background: -moz-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%);

    background: -webkit-gradient(linear, left top, right top, color-stop(0, #dbdbdb), color-stop(100%, #e8e8e8));

    background: -webkit-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%);

    background: -o-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%);

    background: -ms-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%);

    background: linear-gradient(to right, #dbdbdb 0, #e8e8e8 100%);

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px; }

  .scrollbar-light > .scroll-element.scroll-x {

    bottom: 0;

    height: 17px;

    left: 0;

    min-width: 100%;

    width: 100%; }

  .scrollbar-light > .scroll-element.scroll-y {

    height: 100%;

    min-height: 100%;

    right: 0;

    top: 0;

    width: 17px; }

  .scrollbar-light > .scroll-element .scroll-bar {

    background: -moz-linear-gradient(left, #fefefe 0, #f5f5f5 100%);

    background: -webkit-gradient(linear, left top, right top, color-stop(0, #fefefe), color-stop(100%, #f5f5f5));

    background: -webkit-linear-gradient(left, #fefefe 0, #f5f5f5 100%);

    background: -o-linear-gradient(left, #fefefe 0, #f5f5f5 100%);

    background: -ms-linear-gradient(left, #fefefe 0, #f5f5f5 100%);

    background: linear-gradient(to right, #fefefe 0, #f5f5f5 100%);

    border: 1px solid #dbdbdb;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px; }

.scrollbar-light > .scroll-content.scroll-scrolly_visible {

  left: -17px;

  margin-left: 17px; }

.scrollbar-light > .scroll-content.scroll-scrollx_visible {

  top: -17px;

  margin-top: 17px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-bar {

  height: 10px;

  min-width: 10px;

  top: 0; }

.scrollbar-light > .scroll-element.scroll-y .scroll-bar {

  left: 0;

  min-height: 10px;

  width: 10px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer {

  height: 12px;

  left: 2px;

  top: 2px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-element_size {

  left: -4px; }

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer {

  left: 2px;

  top: 2px;

  width: 12px; }

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size, .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {

  left: -19px; }

.scrollbar-light > .scroll-element.scroll-y .scroll-element_size {

  top: -4px; }

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size, .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {

  top: -19px; }



.scrollbar-rail > .scroll-element {

  border: none;

  margin: 0;

  overflow: hidden;

  padding: 0;

  position: absolute;

  z-index: 10;

  background-color: #ffffff; }

  .scrollbar-rail > .scroll-element div {

    border: none;

    margin: 0;

    overflow: hidden;

    padding: 0;

    position: absolute;

    z-index: 10;

    display: block;

    height: 100%;

    left: 0;

    top: 0;

    width: 100%; }

  .scrollbar-rail > .scroll-element .scroll-element_size {

    background-color: #999;

    background-color: rgba(0, 0, 0, 0.3); }

  .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {

    background-color: #666;

    background-color: rgba(0, 0, 0, 0.5); }

  .scrollbar-rail > .scroll-element.scroll-x {

    bottom: 0;

    height: 12px;

    left: 0;

    min-width: 100%;

    padding: 3px 0 2px;

    width: 100%; }

  .scrollbar-rail > .scroll-element.scroll-y {

    height: 100%;

    min-height: 100%;

    padding: 0 2px 0 3px;

    right: 0;

    top: 0;

    width: 12px; }

  .scrollbar-rail > .scroll-element .scroll-bar {

    background-color: #d0b9a0;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

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

  .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {

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

.scrollbar-rail > .scroll-content.scroll-scrolly_visible {

  left: -17px;

  margin-left: 17px; }

.scrollbar-rail > .scroll-content.scroll-scrollx_visible {

  margin-top: 17px;

  top: -17px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar {

  height: 10px;

  min-width: 10px;

  top: 1px; }

.scrollbar-rail > .scroll-element.scroll-y .scroll-bar {

  left: 1px;

  min-height: 10px;

  width: 10px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer {

  height: 15px;

  left: 5px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size {

  height: 2px;

  left: -10px;

  top: 5px; }

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer {

  top: 5px;

  width: 15px; }

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size {

  left: 5px;

  top: -10px;

  width: 2px; }

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size, .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {

  left: -25px; }

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size, .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {

  top: -25px; }



.scrollbar-dynamic > .scroll-element {

  background: 0 0;

  border: none;

  margin: 0;

  padding: 0;

  position: absolute;

  z-index: 10; }

  .scrollbar-dynamic > .scroll-element div {

    background: 0 0;

    border: none;

    margin: 0;

    padding: 0;

    position: absolute;

    z-index: 10;

    display: block;

    height: 100%;

    left: 0;

    top: 0;

    width: 100%; }

  .scrollbar-dynamic > .scroll-element.scroll-x {

    bottom: 2px;

    height: 7px;

    left: 0;

    min-width: 100%;

    width: 100%; }

  .scrollbar-dynamic > .scroll-element.scroll-y {

    height: 100%;

    min-height: 100%;

    right: 2px;

    top: 0;

    width: 7px; }

  .scrollbar-dynamic > .scroll-element .scroll-element_outer {

    opacity: .3;

    -webkit-border-radius: 12px;

    -moz-border-radius: 12px;

    border-radius: 12px; }

  .scrollbar-dynamic > .scroll-element .scroll-element_size {

    background-color: #ccc;

    opacity: 0;

    -webkit-border-radius: 12px;

    -moz-border-radius: 12px;

    border-radius: 12px;

    -webkit-transition: opacity .2s;

    -moz-transition: opacity .2s;

    -o-transition: opacity .2s;

    -ms-transition: opacity .2s;

    transition: opacity .2s; }

  .scrollbar-dynamic > .scroll-element .scroll-bar {

    background-color: #6c6e71;

    -webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    border-radius: 7px; }

  .scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {

    bottom: 0;

    height: 7px;

    min-width: 24px;

    top: auto; }

  .scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {

    left: auto;

    min-height: 24px;

    right: 0;

    width: 7px; }

  .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {

    bottom: 0;

    top: auto;

    left: 2px;

    -webkit-transition: height .2s;

    -moz-transition: height .2s;

    -o-transition: height .2s;

    -ms-transition: height .2s;

    transition: height .2s; }

  .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {

    left: auto;

    right: 0;

    top: 2px;

    -webkit-transition: width .2s;

    -moz-transition: width .2s;

    -o-transition: width .2s;

    -ms-transition: width .2s;

    transition: width .2s; }

  .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size {

    left: -4px; }

  .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size {

    top: -4px; }

  .scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {

    left: -11px; }

  .scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {

    top: -11px; }

  .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer, .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer {

    overflow: hidden;

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

    filter: alpha(opacity=70);

    opacity: .7; }

  .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size, .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size {

    opacity: 1; }

  .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar, .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar {

    height: 100%;

    width: 100%;

    -webkit-border-radius: 12px;

    -moz-border-radius: 12px;

    border-radius: 12px; }

  .scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer {

    height: 20px;

    min-height: 7px; }

  .scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer {

    min-width: 7px;

    width: 20px; }



.scrollbar-chrome > .scroll-element {

  border: none;

  margin: 0;

  overflow: hidden;

  padding: 0;

  position: absolute;

  z-index: 10;

  background-color: #ffffff; }

  .scrollbar-chrome > .scroll-element div {

    border: none;

    margin: 0;

    overflow: hidden;

    padding: 0;

    position: absolute;

    z-index: 10;

    display: block;

    height: 100%;

    left: 0;

    top: 0;

    width: 100%; }

  .scrollbar-chrome > .scroll-element .scroll-element_track {

    background: #f1f1f1;

    border: 1px solid #dbdbdb; }

  .scrollbar-chrome > .scroll-element.scroll-x {

    bottom: 0;

    height: 16px;

    left: 0;

    min-width: 100%;

    width: 100%; }

  .scrollbar-chrome > .scroll-element.scroll-y {

    height: 100%;

    min-height: 100%;

    right: 0;

    top: 0;

    width: 16px; }

  .scrollbar-chrome > .scroll-element .scroll-bar {

    background-color: #d9d9d9;

    border: 1px solid #bdbdbd;

    cursor: default;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px; }

    .scrollbar-chrome > .scroll-element .scroll-bar:hover {

      background-color: #c2c2c2;

      border-color: #a9a9a9; }

  .scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {

    background-color: #919191;

    border-color: #7e7e7e; }

.scrollbar-chrome > .scroll-content.scroll-scrolly_visible {

  left: -16px;

  margin-left: 16px; }

.scrollbar-chrome > .scroll-content.scroll-scrollx_visible {

  top: -16px;

  margin-top: 16px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar {

  height: 5px;

  min-width: 10px;

  top: 3px; }

.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar {

  left: 3px;

  min-height: 10px;

  width: 5px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer {

  border-left: 1px solid #dbdbdb; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track {

  height: 14px;

  left: -3px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size {

  height: 14px;

  left: -4px; }

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size, .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {

  left: -19px; }

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer {

  border-top: 1px solid #dbdbdb; }

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track {

  top: -3px;

  width: 14px; }

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size {

  top: -4px;

  width: 14px; }

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size, .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {

  top: -19px; }



/*      Toggle     */

.checkbox label .toggle, .checkbox-inline .toggle {

  margin-left: -20px;

  margin-right: 5px; }



.toggle {

  position: relative;

  overflow: hidden;

  padding: .6rem .5rem; }



.toggle-group, .toggle-off, .toggle-on {

  position: absolute;

  top: 0;

  bottom: 0; }



.toggle input[type=checkbox] {

  display: none; }



.toggle-group {

  width: 200%;

  left: 0;

  transition: left .35s;

  -webkit-transition: left .35s;

  -moz-user-select: none;

  -webkit-user-select: none; }



.toggle.off .toggle-group {

  left: -100%; }



.toggle-on {

  left: 0;

  right: 50%;

  margin: 0;

  border: 0;

  border-radius: 0;

  padding-left: 12px !important;

  padding-top: 6px !important;

  padding-bottom: 6px !important;

  font-size: 11px !important; }



.toggle-off {

  left: 50%;

  right: 0;

  margin: 0;

  border: 0;

  border-radius: 0;

  padding-top: 6px !important;

  padding-bottom: 6px !important;

  font-size: 11px !important;

  color: #ffffff !important; }



.toggle-handle {

  position: relative;

  margin: 0 auto;

  padding-top: 0;

  padding-bottom: 0;

  height: 100%;

  width: 0;

  border-width: 0 1px; }



.toggle.btn {

  min-width: 54px !important;

  height: 30px !important; }



.toggle-on.btn {

  padding-right: 24px; }



.toggle-off.btn {

  padding-left: 24px; }



.toggle.btn-lg {

  min-width: 79px;

  min-height: 45px; }



.toggle-on.btn-lg {

  padding-right: 31px; }



.toggle-off.btn-lg {

  padding-left: 31px; }



.toggle-handle.btn-lg {

  width: 40px; }



.toggle.btn-sm {

  min-width: 50px;

  min-height: 30px; }



.toggle-on.btn-sm {

  padding-right: 20px; }



.toggle-off.btn-sm {

  padding-left: 20px; }



.toggle.btn-xs {

  min-width: 35px;

  min-height: 22px; }



.toggle-on.btn-xs {

  padding-right: 12px; }



.toggle-off.btn-xs {

  padding-left: 12px; }



/*!

* animate.css -http://daneden.me/animate

* Version - 3.6.0

* Licensed under the MIT license - http://opensource.org/licenses/MIT

*

* Copyright (c) 2018 Daniel Eden

*/

.animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both; }

  .animated.infinite {

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite; }



@-webkit-keyframes bounce {

  from, 20%, 53%, 80%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  40%, 43% {

    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    -webkit-transform: translate3d(0, -30px, 0);

    transform: translate3d(0, -30px, 0); }

  70% {

    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    -webkit-transform: translate3d(0, -15px, 0);

    transform: translate3d(0, -15px, 0); }

  90% {

    -webkit-transform: translate3d(0, -4px, 0);

    transform: translate3d(0, -4px, 0); } }

@keyframes bounce {

  from, 20%, 53%, 80%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  40%, 43% {

    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    -webkit-transform: translate3d(0, -30px, 0);

    transform: translate3d(0, -30px, 0); }

  70% {

    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    -webkit-transform: translate3d(0, -15px, 0);

    transform: translate3d(0, -15px, 0); }

  90% {

    -webkit-transform: translate3d(0, -4px, 0);

    transform: translate3d(0, -4px, 0); } }

.bounce {

  -webkit-animation-name: bounce;

  animation-name: bounce;

  -webkit-transform-origin: center bottom;

  transform-origin: center bottom; }



@-webkit-keyframes flash {

  from, 50%, to {

    opacity: 1; }

  25%, 75% {

    opacity: 0; } }

@keyframes flash {

  from, 50%, to {

    opacity: 1; }

  25%, 75% {

    opacity: 0; } }

.flash {

  -webkit-animation-name: flash;

  animation-name: flash; }



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {

  from {

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

    transform: scale3d(1, 1, 1); }

  50% {

    -webkit-transform: scale3d(1.05, 1.05, 1.05);

    transform: scale3d(1.05, 1.05, 1.05); }

  to {

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

    transform: scale3d(1, 1, 1); } }

@keyframes pulse {

  from {

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

    transform: scale3d(1, 1, 1); }

  50% {

    -webkit-transform: scale3d(1.05, 1.05, 1.05);

    transform: scale3d(1.05, 1.05, 1.05); }

  to {

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

    transform: scale3d(1, 1, 1); } }

.pulse {

  -webkit-animation-name: pulse;

  animation-name: pulse; }



@-webkit-keyframes rubberBand {

  from {

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

    transform: scale3d(1, 1, 1); }

  30% {

    -webkit-transform: scale3d(1.25, 0.75, 1);

    transform: scale3d(1.25, 0.75, 1); }

  40% {

    -webkit-transform: scale3d(0.75, 1.25, 1);

    transform: scale3d(0.75, 1.25, 1); }

  50% {

    -webkit-transform: scale3d(1.15, 0.85, 1);

    transform: scale3d(1.15, 0.85, 1); }

  65% {

    -webkit-transform: scale3d(0.95, 1.05, 1);

    transform: scale3d(0.95, 1.05, 1); }

  75% {

    -webkit-transform: scale3d(1.05, 0.95, 1);

    transform: scale3d(1.05, 0.95, 1); }

  to {

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

    transform: scale3d(1, 1, 1); } }

@keyframes rubberBand {

  from {

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

    transform: scale3d(1, 1, 1); }

  30% {

    -webkit-transform: scale3d(1.25, 0.75, 1);

    transform: scale3d(1.25, 0.75, 1); }

  40% {

    -webkit-transform: scale3d(0.75, 1.25, 1);

    transform: scale3d(0.75, 1.25, 1); }

  50% {

    -webkit-transform: scale3d(1.15, 0.85, 1);

    transform: scale3d(1.15, 0.85, 1); }

  65% {

    -webkit-transform: scale3d(0.95, 1.05, 1);

    transform: scale3d(0.95, 1.05, 1); }

  75% {

    -webkit-transform: scale3d(1.05, 0.95, 1);

    transform: scale3d(1.05, 0.95, 1); }

  to {

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

    transform: scale3d(1, 1, 1); } }

.rubberBand {

  -webkit-animation-name: rubberBand;

  animation-name: rubberBand; }



@-webkit-keyframes shake {

  from,

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  10%, 30%, 50%, 70%, 90% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0); }

  20%, 40%, 60%, 80% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0); } }

@keyframes shake {

  from,

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  10%, 30%, 50%, 70%, 90% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0); }

  20%, 40%, 60%, 80% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0); } }

.shake {

  -webkit-animation-name: shake;

  animation-name: shake; }



@-webkit-keyframes headShake {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0); }

  6.5% {

    -webkit-transform: translateX(-6px) rotateY(-9deg);

    transform: translateX(-6px) rotateY(-9deg); }

  18.5% {

    -webkit-transform: translateX(5px) rotateY(7deg);

    transform: translateX(5px) rotateY(7deg); }

  31.5% {

    -webkit-transform: translateX(-3px) rotateY(-5deg);

    transform: translateX(-3px) rotateY(-5deg); }

  43.5% {

    -webkit-transform: translateX(2px) rotateY(3deg);

    transform: translateX(2px) rotateY(3deg); }

  50% {

    -webkit-transform: translateX(0);

    transform: translateX(0); } }

@keyframes headShake {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0); }

  6.5% {

    -webkit-transform: translateX(-6px) rotateY(-9deg);

    transform: translateX(-6px) rotateY(-9deg); }

  18.5% {

    -webkit-transform: translateX(5px) rotateY(7deg);

    transform: translateX(5px) rotateY(7deg); }

  31.5% {

    -webkit-transform: translateX(-3px) rotateY(-5deg);

    transform: translateX(-3px) rotateY(-5deg); }

  43.5% {

    -webkit-transform: translateX(2px) rotateY(3deg);

    transform: translateX(2px) rotateY(3deg); }

  50% {

    -webkit-transform: translateX(0);

    transform: translateX(0); } }

.headShake {

  -webkit-animation-timing-function: ease-in-out;

  animation-timing-function: ease-in-out;

  -webkit-animation-name: headShake;

  animation-name: headShake; }



@-webkit-keyframes swing {

  20% {

    -webkit-transform: rotate3d(0, 0, 1, 15deg);

    transform: rotate3d(0, 0, 1, 15deg); }

  40% {

    -webkit-transform: rotate3d(0, 0, 1, -10deg);

    transform: rotate3d(0, 0, 1, -10deg); }

  60% {

    -webkit-transform: rotate3d(0, 0, 1, 5deg);

    transform: rotate3d(0, 0, 1, 5deg); }

  80% {

    -webkit-transform: rotate3d(0, 0, 1, -5deg);

    transform: rotate3d(0, 0, 1, -5deg); }

  to {

    -webkit-transform: rotate3d(0, 0, 1, 0deg);

    transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing {

  20% {

    -webkit-transform: rotate3d(0, 0, 1, 15deg);

    transform: rotate3d(0, 0, 1, 15deg); }

  40% {

    -webkit-transform: rotate3d(0, 0, 1, -10deg);

    transform: rotate3d(0, 0, 1, -10deg); }

  60% {

    -webkit-transform: rotate3d(0, 0, 1, 5deg);

    transform: rotate3d(0, 0, 1, 5deg); }

  80% {

    -webkit-transform: rotate3d(0, 0, 1, -5deg);

    transform: rotate3d(0, 0, 1, -5deg); }

  to {

    -webkit-transform: rotate3d(0, 0, 1, 0deg);

    transform: rotate3d(0, 0, 1, 0deg); } }

.swing {

  -webkit-transform-origin: top center;

  transform-origin: top center;

  -webkit-animation-name: swing;

  animation-name: swing; }



@-webkit-keyframes tada {

  from {

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

    transform: scale3d(1, 1, 1); }

  10%, 20% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }

  30%, 50%, 70%, 90% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }

  40%, 60%, 80% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }

  to {

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

    transform: scale3d(1, 1, 1); } }

@keyframes tada {

  from {

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

    transform: scale3d(1, 1, 1); }

  10%, 20% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }

  30%, 50%, 70%, 90% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }

  40%, 60%, 80% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }

  to {

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

    transform: scale3d(1, 1, 1); } }

.tada {

  -webkit-animation-name: tada;

  animation-name: tada; }



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  15% {

    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }

  30% {

    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }

  45% {

    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }

  60% {

    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }

  75% {

    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

@keyframes wobble {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  15% {

    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }

  30% {

    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }

  45% {

    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }

  60% {

    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }

  75% {

    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

.wobble {

  -webkit-animation-name: wobble;

  animation-name: wobble; }



@-webkit-keyframes jello {

  from, 11.1%, to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

    transform: skewX(-12.5deg) skewY(-12.5deg); }

  33.3% {

    -webkit-transform: skewX(6.25deg) skewY(6.25deg);

    transform: skewX(6.25deg) skewY(6.25deg); }

  44.4% {

    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

    transform: skewX(-3.125deg) skewY(-3.125deg); }

  55.5% {

    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

    transform: skewX(1.5625deg) skewY(1.5625deg); }

  66.6% {

    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    transform: skewX(-0.78125deg) skewY(-0.78125deg); }

  77.7% {

    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);

    transform: skewX(0.39063deg) skewY(0.39063deg); }

  88.8% {

    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);

    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello {

  from, 11.1%, to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

    transform: skewX(-12.5deg) skewY(-12.5deg); }

  33.3% {

    -webkit-transform: skewX(6.25deg) skewY(6.25deg);

    transform: skewX(6.25deg) skewY(6.25deg); }

  44.4% {

    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

    transform: skewX(-3.125deg) skewY(-3.125deg); }

  55.5% {

    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

    transform: skewX(1.5625deg) skewY(1.5625deg); }

  66.6% {

    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    transform: skewX(-0.78125deg) skewY(-0.78125deg); }

  77.7% {

    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);

    transform: skewX(0.39063deg) skewY(0.39063deg); }

  88.8% {

    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);

    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.jello {

  -webkit-animation-name: jello;

  animation-name: jello;

  -webkit-transform-origin: center;

  transform-origin: center; }



@-webkit-keyframes bounceIn {

  from, 20%, 40%, 60%, 80%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

  20% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1); }

  40% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9); }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(1.03, 1.03, 1.03);

    transform: scale3d(1.03, 1.03, 1.03); }

  80% {

    -webkit-transform: scale3d(0.97, 0.97, 0.97);

    transform: scale3d(0.97, 0.97, 0.97); }

  to {

    opacity: 1;

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

    transform: scale3d(1, 1, 1); } }

@keyframes bounceIn {

  from, 20%, 40%, 60%, 80%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

  20% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1); }

  40% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9); }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(1.03, 1.03, 1.03);

    transform: scale3d(1.03, 1.03, 1.03); }

  80% {

    -webkit-transform: scale3d(0.97, 0.97, 0.97);

    transform: scale3d(0.97, 0.97, 0.97); }

  to {

    opacity: 1;

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

    transform: scale3d(1, 1, 1); } }

.bounceIn {

  -webkit-animation-duration: 0.75s;

  animation-duration: 0.75s;

  -webkit-animation-name: bounceIn;

  animation-name: bounceIn; }



@-webkit-keyframes bounceInDown {

  from, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -3000px, 0);

    transform: translate3d(0, -3000px, 0); }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, 25px, 0);

    transform: translate3d(0, 25px, 0); }

  75% {

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0); }

  90% {

    -webkit-transform: translate3d(0, 5px, 0);

    transform: translate3d(0, 5px, 0); }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

@keyframes bounceInDown {

  from, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -3000px, 0);

    transform: translate3d(0, -3000px, 0); }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, 25px, 0);

    transform: translate3d(0, 25px, 0); }

  75% {

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0); }

  90% {

    -webkit-transform: translate3d(0, 5px, 0);

    transform: translate3d(0, 5px, 0); }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

.bounceInDown {

  -webkit-animation-name: bounceInDown;

  animation-name: bounceInDown; }



@-webkit-keyframes bounceInLeft {

  from, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-3000px, 0, 0);

    transform: translate3d(-3000px, 0, 0); }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(25px, 0, 0);

    transform: translate3d(25px, 0, 0); }

  75% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0); }

  90% {

    -webkit-transform: translate3d(5px, 0, 0);

    transform: translate3d(5px, 0, 0); }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

@keyframes bounceInLeft {

  from, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-3000px, 0, 0);

    transform: translate3d(-3000px, 0, 0); }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(25px, 0, 0);

    transform: translate3d(25px, 0, 0); }

  75% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0); }

  90% {

    -webkit-transform: translate3d(5px, 0, 0);

    transform: translate3d(5px, 0, 0); }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

.bounceInLeft {

  -webkit-animation-name: bounceInLeft;

  animation-name: bounceInLeft; }



@-webkit-keyframes bounceInRight {

  from, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  from {

    opacity: 0;

    -webkit-transform: translate3d(3000px, 0, 0);

    transform: translate3d(3000px, 0, 0); }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(-25px, 0, 0);

    transform: translate3d(-25px, 0, 0); }

  75% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0); }

  90% {

    -webkit-transform: translate3d(-5px, 0, 0);

    transform: translate3d(-5px, 0, 0); }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

@keyframes bounceInRight {

  from, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  from {

    opacity: 0;

    -webkit-transform: translate3d(3000px, 0, 0);

    transform: translate3d(3000px, 0, 0); }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(-25px, 0, 0);

    transform: translate3d(-25px, 0, 0); }

  75% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0); }

  90% {

    -webkit-transform: translate3d(-5px, 0, 0);

    transform: translate3d(-5px, 0, 0); }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

.bounceInRight {

  -webkit-animation-name: bounceInRight;

  animation-name: bounceInRight; }



@-webkit-keyframes bounceInUp {

  from, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 3000px, 0);

    transform: translate3d(0, 3000px, 0); }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0); }

  75% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0); }

  90% {

    -webkit-transform: translate3d(0, -5px, 0);

    transform: translate3d(0, -5px, 0); }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp {

  from, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 3000px, 0);

    transform: translate3d(0, 3000px, 0); }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0); }

  75% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0); }

  90% {

    -webkit-transform: translate3d(0, -5px, 0);

    transform: translate3d(0, -5px, 0); }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

.bounceInUp {

  -webkit-animation-name: bounceInUp;

  animation-name: bounceInUp; }



@-webkit-keyframes bounceOut {

  20% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9); }

  50%, 55% {

    opacity: 1;

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1); }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {

  20% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9); }

  50%, 55% {

    opacity: 1;

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1); }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut {

  -webkit-animation-duration: 0.75s;

  animation-duration: 0.75s;

  -webkit-animation-name: bounceOut;

  animation-name: bounceOut; }



@-webkit-keyframes bounceOutDown {

  20% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0); }

  40%, 45% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0); }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown {

  20% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0); }

  40%, 45% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0); }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown {

  -webkit-animation-name: bounceOutDown;

  animation-name: bounceOutDown; }



@-webkit-keyframes bounceOutLeft {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(20px, 0, 0);

    transform: translate3d(20px, 0, 0); }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(20px, 0, 0);

    transform: translate3d(20px, 0, 0); }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft {

  -webkit-animation-name: bounceOutLeft;

  animation-name: bounceOutLeft; }



@-webkit-keyframes bounceOutRight {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(-20px, 0, 0);

    transform: translate3d(-20px, 0, 0); }

  to {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(-20px, 0, 0);

    transform: translate3d(-20px, 0, 0); }

  to {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight {

  -webkit-animation-name: bounceOutRight;

  animation-name: bounceOutRight; }



@-webkit-keyframes bounceOutUp {

  20% {

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0); }

  40%, 45% {

    opacity: 1;

    -webkit-transform: translate3d(0, 20px, 0);

    transform: translate3d(0, 20px, 0); }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp {

  20% {

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0); }

  40%, 45% {

    opacity: 1;

    -webkit-transform: translate3d(0, 20px, 0);

    transform: translate3d(0, 20px, 0); }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp {

  -webkit-animation-name: bounceOutUp;

  animation-name: bounceOutUp; }



@-webkit-keyframes fadeIn {

  from {

    opacity: 0; }

  to {

    opacity: 1; } }

@keyframes fadeIn {

  from {

    opacity: 0; }

  to {

    opacity: 1; } }

.fadeIn {

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn; }



@-webkit-keyframes fadeInDown {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0); }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDown {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0); }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

.fadeInDown {

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown; }



@-webkit-keyframes fadeInDownBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0); }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDownBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0); }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

.fadeInDownBig {

  -webkit-animation-name: fadeInDownBig;

  animation-name: fadeInDownBig; }



@-webkit-keyframes fadeInLeft {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0); }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeft {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0); }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

.fadeInLeft {

  -webkit-animation-name: fadeInLeft;

  animation-name: fadeInLeft; }



@-webkit-keyframes fadeInLeftBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0); }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeftBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0); }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

.fadeInLeftBig {

  -webkit-animation-name: fadeInLeftBig;

  animation-name: fadeInLeftBig; }



@-webkit-keyframes fadeInRight {

  from {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0); }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRight {

  from {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0); }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

.fadeInRight {

  -webkit-animation-name: fadeInRight;

  animation-name: fadeInRight; }



@-webkit-keyframes fadeInRightBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0); }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRightBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0); }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

.fadeInRightBig {

  -webkit-animation-name: fadeInRightBig;

  animation-name: fadeInRightBig; }



@-webkit-keyframes fadeInUp {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0); }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUp {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0); }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

.fadeInUp {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp; }



@-webkit-keyframes fadeInUpBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0); }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUpBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0); }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

.fadeInUpBig {

  -webkit-animation-name: fadeInUpBig;

  animation-name: fadeInUpBig; }



@-webkit-keyframes fadeOut {

  from {

    opacity: 1; }

  to {

    opacity: 0; } }

@keyframes fadeOut {

  from {

    opacity: 1; }

  to {

    opacity: 0; } }

.fadeOut {

  -webkit-animation-name: fadeOut;

  animation-name: fadeOut; }



@-webkit-keyframes fadeOutDown {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0); } }

.fadeOutDown {

  -webkit-animation-name: fadeOutDown;

  animation-name: fadeOutDown; }



@-webkit-keyframes fadeOutDownBig {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig {

  -webkit-animation-name: fadeOutDownBig;

  animation-name: fadeOutDownBig; }



@-webkit-keyframes fadeOutLeft {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft {

  -webkit-animation-name: fadeOutLeft;

  animation-name: fadeOutLeft; }



@-webkit-keyframes fadeOutLeftBig {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig {

  -webkit-animation-name: fadeOutLeftBig;

  animation-name: fadeOutLeftBig; }



@-webkit-keyframes fadeOutRight {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0); } }

.fadeOutRight {

  -webkit-animation-name: fadeOutRight;

  animation-name: fadeOutRight; }



@-webkit-keyframes fadeOutRightBig {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig {

  -webkit-animation-name: fadeOutRightBig;

  animation-name: fadeOutRightBig; }



@-webkit-keyframes fadeOutUp {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0); } }

.fadeOutUp {

  -webkit-animation-name: fadeOutUp;

  animation-name: fadeOutUp; }



@-webkit-keyframes fadeOutUpBig {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig {

  -webkit-animation-name: fadeOutUpBig;

  animation-name: fadeOutUpBig; }



@-webkit-keyframes flip {

  from {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out; }

  40% {

    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out; }

  50% {

    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  80% {

    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);

    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; } }

@keyframes flip {

  from {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out; }

  40% {

    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out; }

  50% {

    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  80% {

    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);

    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; } }

.animated.flip {

  -webkit-backface-visibility: visible;

  backface-visibility: visible;

  -webkit-animation-name: flip;

  animation-name: flip; }



@-webkit-keyframes flipInX {

  from {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0; }

  40% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  60% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    opacity: 1; }

  80% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px); } }

@keyframes flipInX {

  from {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0; }

  40% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  60% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    opacity: 1; }

  80% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px); } }

.flipInX {

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInX;

  animation-name: flipInX; }



@-webkit-keyframes flipInY {

  from {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0; }

  40% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  60% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    opacity: 1; }

  80% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px); } }

@keyframes flipInY {

  from {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0; }

  40% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  60% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    opacity: 1; }

  80% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px); } }

.flipInY {

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInY;

  animation-name: flipInY; }



@-webkit-keyframes flipOutX {

  from {

    -webkit-transform: perspective(400px);

    transform: perspective(400px); }

  30% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    opacity: 1; }

  to {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    opacity: 0; } }

@keyframes flipOutX {

  from {

    -webkit-transform: perspective(400px);

    transform: perspective(400px); }

  30% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    opacity: 1; }

  to {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    opacity: 0; } }

.flipOutX {

  -webkit-animation-duration: 0.75s;

  animation-duration: 0.75s;

  -webkit-animation-name: flipOutX;

  animation-name: flipOutX;

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important; }



@-webkit-keyframes flipOutY {

  from {

    -webkit-transform: perspective(400px);

    transform: perspective(400px); }

  30% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

    opacity: 1; }

  to {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    opacity: 0; } }

@keyframes flipOutY {

  from {

    -webkit-transform: perspective(400px);

    transform: perspective(400px); }

  30% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

    opacity: 1; }

  to {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    opacity: 0; } }

.flipOutY {

  -webkit-animation-duration: 0.75s;

  animation-duration: 0.75s;

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipOutY;

  animation-name: flipOutY; }



@-webkit-keyframes lightSpeedIn {

  from {

    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

    transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0; }

  60% {

    -webkit-transform: skewX(20deg);

    transform: skewX(20deg);

    opacity: 1; }

  80% {

    -webkit-transform: skewX(-5deg);

    transform: skewX(-5deg);

    opacity: 1; }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1; } }

@keyframes lightSpeedIn {

  from {

    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

    transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0; }

  60% {

    -webkit-transform: skewX(20deg);

    transform: skewX(20deg);

    opacity: 1; }

  80% {

    -webkit-transform: skewX(-5deg);

    transform: skewX(-5deg);

    opacity: 1; }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1; } }

.lightSpeedIn {

  -webkit-animation-name: lightSpeedIn;

  animation-name: lightSpeedIn;

  -webkit-animation-timing-function: ease-out;

  animation-timing-function: ease-out; }



@-webkit-keyframes lightSpeedOut {

  from {

    opacity: 1; }

  to {

    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

    transform: translate3d(100%, 0, 0) skewX(30deg);

    opacity: 0; } }

@keyframes lightSpeedOut {

  from {

    opacity: 1; }

  to {

    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

    transform: translate3d(100%, 0, 0) skewX(30deg);

    opacity: 0; } }

.lightSpeedOut {

  -webkit-animation-name: lightSpeedOut;

  animation-name: lightSpeedOut;

  -webkit-animation-timing-function: ease-in;

  animation-timing-function: ease-in; }



@-webkit-keyframes rotateIn {

  from {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: rotate3d(0, 0, 1, -200deg);

    transform: rotate3d(0, 0, 1, -200deg);

    opacity: 0; }

  to {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1; } }

@keyframes rotateIn {

  from {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: rotate3d(0, 0, 1, -200deg);

    transform: rotate3d(0, 0, 1, -200deg);

    opacity: 0; }

  to {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1; } }

.rotateIn {

  -webkit-animation-name: rotateIn;

  animation-name: rotateIn; }



@-webkit-keyframes rotateInDownLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0; }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1; } }

@keyframes rotateInDownLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0; }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1; } }

.rotateInDownLeft {

  -webkit-animation-name: rotateInDownLeft;

  animation-name: rotateInDownLeft; }



@-webkit-keyframes rotateInDownRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0; }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1; } }

@keyframes rotateInDownRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0; }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1; } }

.rotateInDownRight {

  -webkit-animation-name: rotateInDownRight;

  animation-name: rotateInDownRight; }



@-webkit-keyframes rotateInUpLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0; }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1; } }

@keyframes rotateInUpLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0; }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1; } }

.rotateInUpLeft {

  -webkit-animation-name: rotateInUpLeft;

  animation-name: rotateInUpLeft; }



@-webkit-keyframes rotateInUpRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, -90deg);

    transform: rotate3d(0, 0, 1, -90deg);

    opacity: 0; }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1; } }

@keyframes rotateInUpRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, -90deg);

    transform: rotate3d(0, 0, 1, -90deg);

    opacity: 0; }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1; } }

.rotateInUpRight {

  -webkit-animation-name: rotateInUpRight;

  animation-name: rotateInUpRight; }



@-webkit-keyframes rotateOut {

  from {

    -webkit-transform-origin: center;

    transform-origin: center;

    opacity: 1; }

  to {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: rotate3d(0, 0, 1, 200deg);

    transform: rotate3d(0, 0, 1, 200deg);

    opacity: 0; } }

@keyframes rotateOut {

  from {

    -webkit-transform-origin: center;

    transform-origin: center;

    opacity: 1; }

  to {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: rotate3d(0, 0, 1, 200deg);

    transform: rotate3d(0, 0, 1, 200deg);

    opacity: 0; } }

.rotateOut {

  -webkit-animation-name: rotateOut;

  animation-name: rotateOut; }



@-webkit-keyframes rotateOutDownLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    opacity: 1; }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0; } }

@keyframes rotateOutDownLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    opacity: 1; }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0; } }

.rotateOutDownLeft {

  -webkit-animation-name: rotateOutDownLeft;

  animation-name: rotateOutDownLeft; }



@-webkit-keyframes rotateOutDownRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    opacity: 1; }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0; } }

@keyframes rotateOutDownRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    opacity: 1; }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0; } }

.rotateOutDownRight {

  -webkit-animation-name: rotateOutDownRight;

  animation-name: rotateOutDownRight; }



@-webkit-keyframes rotateOutUpLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    opacity: 1; }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0; } }

@keyframes rotateOutUpLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    opacity: 1; }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0; } }

.rotateOutUpLeft {

  -webkit-animation-name: rotateOutUpLeft;

  animation-name: rotateOutUpLeft; }



@-webkit-keyframes rotateOutUpRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    opacity: 1; }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, 90deg);

    transform: rotate3d(0, 0, 1, 90deg);

    opacity: 0; } }

@keyframes rotateOutUpRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    opacity: 1; }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, 90deg);

    transform: rotate3d(0, 0, 1, 90deg);

    opacity: 0; } }

.rotateOutUpRight {

  -webkit-animation-name: rotateOutUpRight;

  animation-name: rotateOutUpRight; }



@-webkit-keyframes hinge {

  0% {

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out; }

  20%, 60% {

    -webkit-transform: rotate3d(0, 0, 1, 80deg);

    transform: rotate3d(0, 0, 1, 80deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out; }

  40%, 80% {

    -webkit-transform: rotate3d(0, 0, 1, 60deg);

    transform: rotate3d(0, 0, 1, 60deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    opacity: 1; }

  to {

    -webkit-transform: translate3d(0, 700px, 0);

    transform: translate3d(0, 700px, 0);

    opacity: 0; } }

@keyframes hinge {

  0% {

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out; }

  20%, 60% {

    -webkit-transform: rotate3d(0, 0, 1, 80deg);

    transform: rotate3d(0, 0, 1, 80deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out; }

  40%, 80% {

    -webkit-transform: rotate3d(0, 0, 1, 60deg);

    transform: rotate3d(0, 0, 1, 60deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    opacity: 1; }

  to {

    -webkit-transform: translate3d(0, 700px, 0);

    transform: translate3d(0, 700px, 0);

    opacity: 0; } }

.hinge {

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

  -webkit-animation-name: hinge;

  animation-name: hinge; }



@-webkit-keyframes jackInTheBox {

  from {

    opacity: 0;

    -webkit-transform: scale(0.1) rotate(30deg);

    transform: scale(0.1) rotate(30deg);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom; }

  50% {

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

    transform: rotate(-10deg); }

  70% {

    -webkit-transform: rotate(3deg);

    transform: rotate(3deg); }

  to {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1); } }

@keyframes jackInTheBox {

  from {

    opacity: 0;

    -webkit-transform: scale(0.1) rotate(30deg);

    transform: scale(0.1) rotate(30deg);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom; }

  50% {

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

    transform: rotate(-10deg); }

  70% {

    -webkit-transform: rotate(3deg);

    transform: rotate(3deg); }

  to {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1); } }

.jackInTheBox {

  -webkit-animation-name: jackInTheBox;

  animation-name: jackInTheBox; }



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

@keyframes rollIn {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

.rollIn {

  -webkit-animation-name: rollIn;

  animation-name: rollIn; }



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

@keyframes rollOut {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

.rollOut {

  -webkit-animation-name: rollOut;

  animation-name: rollOut; }



@-webkit-keyframes zoomIn {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

  50% {

    opacity: 1; } }

@keyframes zoomIn {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

  50% {

    opacity: 1; } }

.zoomIn {

  -webkit-animation-name: zoomIn;

  animation-name: zoomIn; }



@-webkit-keyframes zoomInDown {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown {

  -webkit-animation-name: zoomInDown;

  animation-name: zoomInDown; }



@-webkit-keyframes zoomInLeft {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft {

  -webkit-animation-name: zoomInLeft;

  animation-name: zoomInLeft; }



@-webkit-keyframes zoomInRight {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight {

  -webkit-animation-name: zoomInRight;

  animation-name: zoomInRight; }



@-webkit-keyframes zoomInUp {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp {

  -webkit-animation-name: zoomInUp;

  animation-name: zoomInUp; }



@-webkit-keyframes zoomOut {

  from {

    opacity: 1; }

  50% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

  to {

    opacity: 0; } }

@keyframes zoomOut {

  from {

    opacity: 1; }

  50% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

  to {

    opacity: 0; } }

.zoomOut {

  -webkit-animation-name: zoomOut;

  animation-name: zoomOut; }



@-webkit-keyframes zoomOutDown {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown {

  -webkit-animation-name: zoomOutDown;

  animation-name: zoomOutDown; }



@-webkit-keyframes zoomOutLeft {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }

  to {

    opacity: 0;

    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);

    transform: scale(0.1) translate3d(-2000px, 0, 0);

    -webkit-transform-origin: left center;

    transform-origin: left center; } }

@keyframes zoomOutLeft {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }

  to {

    opacity: 0;

    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);

    transform: scale(0.1) translate3d(-2000px, 0, 0);

    -webkit-transform-origin: left center;

    transform-origin: left center; } }

.zoomOutLeft {

  -webkit-animation-name: zoomOutLeft;

  animation-name: zoomOutLeft; }



@-webkit-keyframes zoomOutRight {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }

  to {

    opacity: 0;

    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);

    transform: scale(0.1) translate3d(2000px, 0, 0);

    -webkit-transform-origin: right center;

    transform-origin: right center; } }

@keyframes zoomOutRight {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }

  to {

    opacity: 0;

    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);

    transform: scale(0.1) translate3d(2000px, 0, 0);

    -webkit-transform-origin: right center;

    transform-origin: right center; } }

.zoomOutRight {

  -webkit-animation-name: zoomOutRight;

  animation-name: zoomOutRight; }



@-webkit-keyframes zoomOutUp {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp {

  -webkit-animation-name: zoomOutUp;

  animation-name: zoomOutUp; }



@-webkit-keyframes slideInDown {

  from {

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

    visibility: visible; }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

@keyframes slideInDown {

  from {

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

    visibility: visible; }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

.slideInDown {

  -webkit-animation-name: slideInDown;

  animation-name: slideInDown; }



@-webkit-keyframes slideInLeft {

  from {

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

    visibility: visible; }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

@keyframes slideInLeft {

  from {

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

    visibility: visible; }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

.slideInLeft {

  -webkit-animation-name: slideInLeft;

  animation-name: slideInLeft; }



@-webkit-keyframes slideInRight {

  from {

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    visibility: visible; }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

@keyframes slideInRight {

  from {

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    visibility: visible; }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

.slideInRight {

  -webkit-animation-name: slideInRight;

  animation-name: slideInRight; }



@-webkit-keyframes slideInUp {

  from {

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    visibility: visible; }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

@keyframes slideInUp {

  from {

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    visibility: visible; }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }

.slideInUp {

  -webkit-animation-name: slideInUp;

  animation-name: slideInUp; }



@-webkit-keyframes slideOutDown {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0); } }

.slideOutDown {

  -webkit-animation-name: slideOutDown;

  animation-name: slideOutDown; }



@-webkit-keyframes slideOutLeft {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft {

  -webkit-animation-name: slideOutLeft;

  animation-name: slideOutLeft; }



@-webkit-keyframes slideOutRight {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0); } }

.slideOutRight {

  -webkit-animation-name: slideOutRight;

  animation-name: slideOutRight; }



@-webkit-keyframes slideOutUp {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0); } }

.slideOutUp {

  -webkit-animation-name: slideOutUp;

  animation-name: slideOutUp; }



/*		Sweet Alert		*/

.swal-footer {

  text-align: center !important;

  margin-bottom: 20px !important; }



/*      Datatable     */

table.dataTable {

  clear: both;

  margin-top: 15px !important;

  margin-bottom: 15px !important;

  max-width: none !important;

  border-collapse: separate !important; }

  table.dataTable td, table.dataTable th {

    -webkit-box-sizing: content-box;

    box-sizing: content-box; }

  table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty {

    text-align: center; }

  table.dataTable.nowrap th, table.dataTable.nowrap td {

    white-space: nowrap; }



div.dataTables_wrapper div.dataTables_length label {

  font-weight: normal;

  text-align: left;

  white-space: nowrap; }

div.dataTables_wrapper div.dataTables_length select {

  width: 75px;

  display: inline-block; }

div.dataTables_wrapper div.dataTables_filter {

  text-align: right; }

  div.dataTables_wrapper div.dataTables_filter label {

    font-weight: normal;

    white-space: nowrap;

    text-align: left; }

  div.dataTables_wrapper div.dataTables_filter input {

    margin-left: 0.5em;

    display: inline-block;

    width: auto; }

div.dataTables_wrapper div.dataTables_info {

  padding-top: 0.85em;

  white-space: nowrap; }

div.dataTables_wrapper div.dataTables_paginate {

  margin: 0;

  white-space: nowrap;

  text-align: right; }

  div.dataTables_wrapper div.dataTables_paginate ul.pagination {

    margin: 2px 0;

    white-space: nowrap;

    justify-content: flex-end; }

div.dataTables_wrapper div.dataTables_processing {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 200px;

  margin-left: -100px;

  margin-top: -26px;

  text-align: center;

  padding: 1em 0; }



table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {

  padding-right: 30px; }

table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active {

  outline: none; }

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {

  cursor: pointer;

  position: relative; }

table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {

  position: absolute;

  bottom: 0.9em;

  display: block;

  opacity: 0.5; }

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {

  right: 1em;

  content: "\2191";

  font-size: 15px; }

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {

  right: 0.5em;

  content: "\2193";

  font-size: 15px; }

table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {

  opacity: 1; }

table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {

  opacity: 0; }



div.dataTables_scrollHead table.dataTable {

  margin-bottom: 0 !important; }

div.dataTables_scrollBody table {

  border-top: none;

  margin-top: 0 !important;

  margin-bottom: 0 !important; }

  div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_desc:after {

    display: none; }

  div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td {

    border-top: none; }

div.dataTables_scrollFoot > .dataTables_scrollFootInner {

  box-sizing: content-box; }

  div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {

    margin-top: 0 !important;

    border-top: none; }



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

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

    text-align: center;

    margin-top: 11px;

    margin-bottom: 10px; }

  div.dataTables_wrapper div div.dataTables_paginate ul.pagination {

    flex-wrap: wrap !important;

    justify-content: center !important; }

    div.dataTables_wrapper div div.dataTables_paginate ul.pagination li {

      margin-bottom: 10px; }

      div.dataTables_wrapper div div.dataTables_paginate ul.pagination li a {

        font-size: 11px; } }

table.dataTable.table-sm > thead > tr > th {

  padding-right: 20px; }

table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before {

  top: 5px;

  right: 0.85em; }

table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after {

  top: 5px; }

table.table-bordered.dataTable th, table.table-bordered.dataTable td {

  border-left-width: 0; }

table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child {

  border-right-width: 0; }

table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {

  border-bottom-width: 0; }



div.dataTables_scrollHead table.table-bordered {

  border-bottom-width: 0; }

div.table-responsive > div.dataTables_wrapper > div.row {

  margin: 0; }

  div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child, div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {

    padding-left: 0;

    padding-right: 0; }



/*     Responsive     */

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

  .row-card-no-pd [class*=col-] .card:before {

    width: 0px !important; }

  .row-card-no-pd .card {

    border-bottom-width: 1px; }

    .row-card-no-pd .card:last-child {

      border-bottom-width: 0px; } }

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

  .main-header .logo-header {

    line-height: 52px; }



  .toggle-nav-search {

    display: none; }



  #search-nav {

    display: block !important; }



  .sidebar .scroll-element {

    opacity: 0;

    transition: all .2s; }

  .sidebar:hover .scroll-element {

    opacity: 1; }



  .sidebar[data-background-color]:before {

    background: rgba(255, 255, 255, 0.2) !important;

    z-index: 1000; } }

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

  .main-header[data-background-color] .navbar-header {

    border-top: 1px solid rgba(0, 0, 0, 0.1); }



  .sidebar {

    position: fixed;

    left: 0 !important;

    right: 0;

    -webkit-transform: translate3d(-270px, 0, 0);

    -moz-transform: translate3d(-270px, 0, 0);

    -o-transform: translate3d(-270px, 0, 0);

    -ms-transform: translate3d(-270px, 0, 0);

    transform: translate3d(-270px, 0, 0) !important;

    transition: all .5s;

    padding-top: 0px; }

    .sidebar:before {

      background: none; }



  .nav_open .sidebar {

    -webkit-transform: translate3d(0px, 0, 0);

    -moz-transform: translate3d(0px, 0, 0);

    -o-transform: translate3d(0px, 0, 0);

    -ms-transform: translate3d(0px, 0, 0);

    transform: translate3d(0px, 0, 0) !important;

    border-right: 1px solid #f1f1f1; }



  .sidebar .sidebar-wrapper {

    padding-top: 0px; }

    .sidebar .sidebar-wrapper .sidebar-content {

      padding-top: 0px !important; }

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

      top: 0px !important; }



  .nav_open {

    overflow: hidden !important; }

    .nav_open .wrapper {

      overflow-x: hidden; }

    .nav_open .main-panel, .nav_open .main-header {

      -webkit-transform: translate3d(240px, 0, 0);

      -moz-transform: translate3d(240px, 0, 0);

      -o-transform: translate3d(240px, 0, 0);

      -ms-transform: translate3d(240px, 0, 0);

      transform: translate3d(240px, 0, 0) !important; }



  .quick_sidebar_open .quick-sidebar {

    width: 350px; }



  .main-header {

    transition: all .5s; }



  #search-nav {

    margin: 0 auto !important; }



  .main-panel {

    width: 100%;

    transition: all .5s; }

    .main-panel .page-header .dropdown-menu:after {

      right: 16px !important; }



  .page-inner {

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto; }



  .main-header .logo-header {

    display: flex;

    width: 100% !important;

    text-align: left;

    position: relative;

    padding-left: 15px;

    padding-right: 15px; }

    .main-header .logo-header .logo {

      position: absolute;

      left: 50%;

      transform: translateX(-50%); }

    .main-header .logo-header .navbar-toggler {

      height: 100%;

      margin-left: 0px !important;

      opacity: 1;

      display: block;

      order: 1; }

    .main-header .logo-header .more {

      opacity: 1;

      color: #545454;

      cursor: pointer;

      display: inline-block;

      line-height: 56px;

      order: 3;

      width: unset;

      margin-left: auto; }

    .main-header .logo-header .navbar-brand {

      position: unset !important; }

    .main-header .logo-header .big-logo .logo-img {

      width: 35px;

      height: 35px; }



  .nav-search {

    width: 100%;

    margin-right: 0 !important; }



  .navbar-header {

    position: absolute;

    width: 100%;

    transform: translate3d(0, -200px, 0) !important;

    transition: all .5s; }



  .topbar_open .navbar-header {

    transform: translate3d(0, 56px, 0) !important;

    padding: 6px; }

    .topbar_open .navbar-header .navbar-nav > .nav-item .nav-link i {

      font-size: 19px; }

    .topbar_open .navbar-header .navbar-nav > .nav-item:last-child .nav-link {

      padding: 0px !important; }

    .topbar_open .navbar-header .navbar-nav > .nav-item:last-child .quick-sidebar-toggler {

      padding-left: 5px !important; }

  .topbar_open .toggle-nav-search {

    display: list-item; }

  .topbar_open #search-nav {

    text-align: center;

    width: 100%;

    padding: 10px 15px 0px;

    order: 1; }

  .topbar_open .main-panel {

    transform: translate3d(0, 65px, 0) !important; }

  .topbar_open > .content {

    margin-top: 0px !important; }



  .nav_open.topbar_open .main-panel {

    transform: translate3d(240px, 60px, 0) !important; }



  .navbar-header .navbar-nav {

    width: 100%;

    flex-direction: row;

    justify-content: center;

    margin-left: 0px !important;

    position: relative; }

    .navbar-header .navbar-nav .dropdown {

      position: unset; }

    .navbar-header .navbar-nav .dropdown-menu {

      position: absolute;

      left: 0;

      right: 0;

      margin: 0 auto;

      max-width: 280px; }



  .profile-pic span {

    display: none; }



  .navbar-minimize {

    display: none; }



  .page-title {

    font-size: 18px; }



  .card .card-title {

    font-size: 16px; }



  /* Dropzone */

  .dropzone {

    padding: 20px 15px !important; }

    .dropzone .dz-message .message {

      font-size: 23px; }

    .dropzone .dz-message .note {

      font-size: 15px; } }

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

  .wizard-container {

    margin-left: 15px;

    margin-right: 15px; }



  .main-panel .page-header {

    flex-direction: column;

    align-items: normal;

    position: relative;

    min-height: 43px;

    justify-content: center; }

    .main-panel .page-header .breadcrumbs {

      margin-left: 0px;

      padding-top: 15px;

      padding-left: 5px;

      padding-bottom: 0px;

      border-left: 0px; }

    .main-panel .page-header .btn-group-page-header {

      position: absolute;

      right: 0px; }



  .footer .container-fluid {

    flex-direction: column; }

    .footer .container-fluid .copyright {

      margin-left: 0 !important;

      margin-top: 10px;

      margin-bottom: 15px; } }

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

  #chart-container {

    min-height: 250px; }



  .form-check-inline {

    display: flex;

    flex-direction: column;

    align-items: left; }



  #calendar .fc-toolbar {

    display: flex;

    flex-direction: column; }

    #calendar .fc-toolbar .fc-left, #calendar .fc-toolbar .fc-right, #calendar .fc-toolbar .fc-center {

      margin: auto;

      margin-bottom: 15px; }

    #calendar .fc-toolbar .fc-left {

      order: 1; }

    #calendar .fc-toolbar .fc-right {

      order: 3; }

    #calendar .fc-toolbar .fc-center {

      order: 2; }



  .conversations .conversations-body {

    padding: 1.5rem 1rem; } }

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

  .quick_sidebar_open .quick-sidebar {

    width: 100%;

    padding: 20px; } }

/*     	Page 404     */

.page-not-found {

  background-image: url("../img/bg-404.jpeg");

  background-size: cover;

  background-position: center;

  image-rendering: pixelated; }

  .page-not-found .wrapper.not-found {

    height: 100vh;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    color: #ffffff;

    background: rgba(0, 0, 0, 0.61); }

    .page-not-found .wrapper.not-found h1 {

      font-size: 100px;

      letter-spacing: .15em;

      font-weight: 600;

      animation-delay: .5s; }

    .page-not-found .wrapper.not-found .desc {

      font-size: 27px;

      text-align: center;

      line-height: 50px;

      animation-delay: 1.5s;

      letter-spacing: 2px; }

      .page-not-found .wrapper.not-found .desc span {

        font-weight: 600;

        font-size: 30px; }

    .page-not-found .wrapper.not-found .btn-back-home {

      border-radius: 50px;

      padding: 13px 25px;

      animation-delay: 2.5s; }



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

  .wrapper.not-found h1 {

    font-size: 65px !important; }

  .wrapper.not-found .desc {

    font-size: 18px !important; } }

/*     	Login     */

.login {

  background: #efefee; }

  .login .wrapper.wrapper-login {

    display: flex;

    justify-content: center;

    align-items: center;

    height: unset;

    padding: 15px; }

    .login .wrapper.wrapper-login .container-login, .login .wrapper.wrapper-login .container-signup {

      width: 400px;

      background: #ffffff;

      padding: 60px 25px;

      border-radius: 5px;

      -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);

      -moz-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);

      box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);

      border: 1px solid #ebecec; }

      .login .wrapper.wrapper-login .container-login h3, .login .wrapper.wrapper-login .container-signup h3 {

        font-size: 19px;

        font-weight: 600;

        margin-bottom: 25px; }

      .login .wrapper.wrapper-login .container-login .form-sub, .login .wrapper.wrapper-login .container-signup .form-sub {

        align-items: center;

        justify-content: space-between;

        padding: 8px 10px; }

      .login .wrapper.wrapper-login .container-login .btn-login, .login .wrapper.wrapper-login .container-signup .btn-login {

        padding: 15px 0;

        width: 135px; }

      .login .wrapper.wrapper-login .container-login .form-action, .login .wrapper.wrapper-login .container-signup .form-action {

        text-align: center;

        padding: 25px 10px 0; }

      .login .wrapper.wrapper-login .container-login .form-action-d-flex, .login .wrapper.wrapper-login .container-signup .form-action-d-flex {

        display: flex;

        align-items: center;

        justify-content: space-between; }

      .login .wrapper.wrapper-login .container-login .login-account, .login .wrapper.wrapper-login .container-signup .login-account {

        padding-top: 10px;

        text-align: center; }

    .login .wrapper.wrapper-login .container-signup .form-action {

      display: flex;

      justify-content: center; }

  .login .show-password {

    position: absolute;

    right: 20px;

    top: 50%;

    transform: translateY(-50%);

    font-size: 22px;

    cursor: pointer; }

  .login .custom-control-label {

    white-space: nowrap; }



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

  .form-action-d-flex {

    flex-direction: column;

    align-items: start !important; } }

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

  .wrapper-login {

    padding: 15px !important; }



  .container-login {

    width: 100% !important;

    padding: 60px 15px !important; } }



/*# sourceMappingURL=azzara.css.map */