/*!



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

 * Ready Pro 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 : #05b4d8

success-color : #35cd3a

warning-color : #ffa534

danger-color : #f3545d



-------------------------------------------------------------------*/

/* 	 Background Body */

body {

  background: #fafafa; }

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

    background: #fafafa; }

  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: #05b4d8 !important; }



.bg-success {

  background-color: #35cd3a !important; }



.bg-warning {

  background-color: #ffa534 !important; }



.bg-danger {

  background-color: #f3545d !important; }



.bg-dark {

  background: #191919 !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: 'Montserrat', sans-serif; }



body {

  font-size: 13px;

  color: #575962; }



h1, .h1 {

  font-size: 58px; }



h2, .h2 {

  font-size: 42px; }



h3, .h3 {

  font-size: 34px;

  margin: 0 0 15px; }



h4, .h4 {

  font-size: 27px;

  line-height: 30px; }



h5, .h5 {

  font-size: 23px;

  margin-bottom: 15px; }



h6, .h6 {

  font-size: 17px;

  font-weight: 600; }



p {

  font-size: 13px;

  line-height: 1.82;

  margin-bottom: 1rem;

  word-break: break-word; }



.small {

  font-size: 12px; }



b, .b, strong, .strong {

  font-weight: 600; }



.page-title {

  font-size: 22px;

  font-weight: 500;

  color: #444444;

  line-height: 30px;

  margin-bottom: 20px;

  letter-spacing: -0.035em; }



.page-category {

  color: #444444;

  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: #05b4d8 !important; }

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

    color: #05b4d8 !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; }



/*   Font-weight    */

.fw-light {

  font-weight: 300 !important; }



.fw-normal {

  font-weight: 400 !important; }



.fw-mediumbold {

  font-weight: 500 !important; }



.fw-bold {

  font-weight: 600 !important; }



.fw-extrabold {

  font-weight: 800 !important; }



/*    Layouts     */

body {

  min-height: 100vh;

  position: relative;

  background: #fafafa; }



.no-bd {

  border: 0px !important; }



.wrapper {

  min-height: 100vh;

  position: relative;

  top: 0;

  height: 100vh; }



.main-header {

  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: 500;

    padding-left: 25px;

    padding-right: 25px;

    z-index: 1001;

    display: inline-block;

    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;

      transform: translate3d(0, 0, 0);

      transition: all 3s;

      position: relative; }

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

        text-decoration: none; }

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

        padding-top: 0px;

        margin-right: 0px;

        padding-bottom: 0px;

        position: absolute;

        top: 2px;

        left: 0; }

    .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: 28px; }

    .main-header .logo-header .more {

      background: transparent;

      border: 0;

      font-size: 28px;

      padding: 0;

      opacity: 0;

      width: 0;

      display: none; }

  .main-header .navbar-header {

    background: #ffffff;

    border-left: 1px solid #f1f1f1;

    border-bottom: 1px solid #f1f1f1;

    min-height: 57px; }

  .main-header .btn-minimize {

    font-size: 20px;

    line-height: 20px;

    padding: 8px;

    background: #eee !important;

    color: #788087 !important; }

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

      opacity: 1; }



.sidebar {

  position: fixed;

  top: 0;

  bottom: 0;

  left: 0;

  width: 240px;

  padding-top: 55px;

  display: block;

  z-index: 1000;

  color: #ffffff;

  font-weight: 200;

  background: #ffffff;

  background-size: cover;

  background-position: center center;

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

  transition: all .3s; }

  .sidebar:before {

    content: '';

    width: calc(100% - 20px);

    height: 1px;

    background: #f1f1f1;

    position: absolute;

    top: 57px;

    left: 10px;

    z-index: 1005; }

  .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 .photo {

      width: 40px;

      height: 40px;

      overflow: hidden;

      float: left;

      margin-right: 11px;

      z-index: 5;

      border-radius: 50%; }

      .sidebar .user .photo img {

        width: 100%;

        height: 100%; }

    .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: 12px;

        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: 25px;

        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: 5px; }

    .sidebar .nav > .nav-item {

      display: list-item; }

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

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

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

          color: #575962;

          font-weight: 600;

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

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

            background: #1d7af3;

            opacity: 1 !important;

            position: absolute;

            z-index: 1;

            width: 3px;

            height: 100%;

            content: '';

            left: 0;

            top: 0; }

        .sidebar .nav > .nav-item.active:hover > a:before {

          background: #1d7af3;

          opacity: 1 !important;

          position: absolute;

          z-index: 1;

          width: 3px;

          height: 100%;

          content: '';

          left: 0;

          top: 0; }

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

          color: #4d7cfe; }

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

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

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

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

        .sidebar .nav > .nav-item.submenu > li > a[data-toggle="collapse"]:before {

          background: #1d7af3;

          opacity: 1 !important;

          position: absolute;

          z-index: 1;

          width: 3px;

          height: 100%;

          content: '';

          left: 0;

          top: 0; }

      .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;

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

      .sidebar .nav > .nav-item:hover a:before {

        background: #1d7af3;

        opacity: 0.7;

        position: absolute;

        z-index: 1;

        width: 3px;

        height: 100%;

        content: '';

        left: 0;

        top: 0; }

      .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: #a1a2a6;

        margin-right: 15px;

        width: 25px;

        text-align: center;

        vertical-align: middle;

        float: left; }

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

          font-size: 23px; }

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

          font-size: 20px; }

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

        font-size: 12px;

        margin-bottom: 0px;

        letter-spacing: .04em;

        margin-right: 5px;

        white-space: nowrap; }

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

        margin-left: auto;

        margin-right: 10px;

        transition: all .5s; }

      .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: 12px;

        position: relative;

        margin-left: 25px; }

        .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 .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: -400px;

  width: 400px;

  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;

    font-size: 12px !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-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: 30px 15px;

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

    margin-top: 55px;

    overflow: hidden; }

  .main-panel > .content-full {

    padding: 0px !important;

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

    margin-top: 55px;

    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: 19px;

      padding: 0px;

      color: #605d62;

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

      .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: ''; }



.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 .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 .photo {

          float: none;

          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 .photo {

          float: left;

          margin-right: 11px; }

        .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); } }

.quick_sidebar_open .quick-sidebar {

  right: 0px !important; }



/*      Mail      */

.mail-wrapper {

  display: flex; }

  .mail-wrapper .page-aside {

    background: #ffffff;

    width: 280px;

    min-height: 100vh;

    border-right: 1px solid #f1f1f1;

    border-left: 1px solid #f1f1f1;

    padding: 15px 0; }

    .mail-wrapper .page-aside .aside-header {

      padding: 15px 22px; }

      .mail-wrapper .page-aside .aside-header .title {

        font-size: 24px; }

      .mail-wrapper .page-aside .aside-header .description {

        font-size: 12px; }

      .mail-wrapper .page-aside .aside-header .toggle-email-nav {

        margin-top: 10px;

        display: none; }

    .mail-wrapper .page-aside .aside-nav .nav {

      flex-direction: column; }

      .mail-wrapper .page-aside .aside-nav .nav > li {

        padding: 6px 22px;

        margin-bottom: 5px; }

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

          background: #fafafa; }

        .mail-wrapper .page-aside .aside-nav .nav > li.active {

          font-weight: 600; }

          .mail-wrapper .page-aside .aside-nav .nav > li.active > a {

            color: #575962 !important; }

        .mail-wrapper .page-aside .aside-nav .nav > li > a {

          color: #83848a;

          display: flex;

          align-items: center;

          font-size: 12px; }

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

            text-decoration: none; }

          .mail-wrapper .page-aside .aside-nav .nav > li > a i {

            font-size: 20px;

            margin-right: 15px;

            color: #a1a2a6; }

    .mail-wrapper .page-aside .aside-nav .label {

      padding: 5px 22px;

      margin-top: 22px;

      margin-bottom: 5px;

      display: block; }

    .mail-wrapper .page-aside .aside-compose {

      padding: 25px 22px; }

  .mail-wrapper .mail-content {

    width: calc(100% - 280px);

    background: #ffffff; }

    .mail-wrapper .mail-content .inbox-head, .mail-wrapper .mail-content .email-head {

      padding: 35px 25px 20px;

      display: flex;

      align-items: center; }

      .mail-wrapper .mail-content .inbox-head h3, .mail-wrapper .mail-content .email-head h3 {

        font-size: 22px;

        font-weight: 300;

        margin: 0px; }

    .mail-wrapper .mail-content .email-head {

      padding: 35px 25px;

      border-bottom: 1px solid #f1f1f1; }

      .mail-wrapper .mail-content .email-head .favorite {

        color: #eee;

        margin-right: 5px; }

        .mail-wrapper .mail-content .email-head .favorite.active {

          color: #FFC600; }

      .mail-wrapper .mail-content .email-head .controls {

        margin-left: auto; }

        .mail-wrapper .mail-content .email-head .controls > a {

          color: #555;

          font-size: 22px;

          padding: 0 5px; }

          .mail-wrapper .mail-content .email-head .controls > a:hover {

            text-decoration: none;

            opacity: 0.8; }

          .mail-wrapper .mail-content .email-head .controls > a:last-child {

            padding-right: 0px; }

    .mail-wrapper .mail-content .email-sender {

      padding: 14px 25px;

      display: flex;

      align-items: center;

      border-bottom: 1px solid #f1f1f1; }

      .mail-wrapper .mail-content .email-sender .avatar {

        padding-right: 12px; }

        .mail-wrapper .mail-content .email-sender .avatar img {

          max-width: 40px;

          max-height: 40px;

          border-radius: 50%; }

      .mail-wrapper .mail-content .email-sender .date {

        margin-left: auto; }

      .mail-wrapper .mail-content .email-sender .sender .action {

        display: inline-block; }

        .mail-wrapper .mail-content .email-sender .sender .action > a {

          cursor: pointer; }

    .mail-wrapper .mail-content .email-body {

      padding: 30px 28px; }

    .mail-wrapper .mail-content .email-attachments {

      padding: 25px 28px;

      border-top: 1px solid #f1f1f1; }

      .mail-wrapper .mail-content .email-attachments .title {

        font-weight: 500;

        margin-bottom: 10px; }

        .mail-wrapper .mail-content .email-attachments .title span {

          font-weight: 400; }

      .mail-wrapper .mail-content .email-attachments ul {

        padding-left: 0px;

        list-style: none; }

        .mail-wrapper .mail-content .email-attachments ul li {

          padding: 6px 0; }

          .mail-wrapper .mail-content .email-attachments ul li a {

            font-weight: 500; }

            .mail-wrapper .mail-content .email-attachments ul li a:hover {

              text-decoration: none; }

            .mail-wrapper .mail-content .email-attachments ul li a i {

              font-size: 20px;

              display: inline-block;

              vertical-align: middle; }

            .mail-wrapper .mail-content .email-attachments ul li a span {

              font-weight: 400; }

    .mail-wrapper .mail-content .inbox-body {

      padding: 20px 0px; }

      .mail-wrapper .mail-content .inbox-body .mail-option {

        padding: 0 20px;

        margin-bottom: 20px;

        display: flex; }

        .mail-wrapper .mail-content .inbox-body .mail-option .chk-all {

          display: inline-block; }

        .mail-wrapper .mail-content .inbox-body .mail-option .btn-option {

          color: #555 !important;

          border: 1px solid #ebedf2 !important;

          font-weight: 600;

          background: #ffffff !important;

          box-shadow: 2px 2px 3px 0px #f2f1f1 !important; }

        .mail-wrapper .mail-content .inbox-body .mail-option .form-check {

          padding: 0; }

          .mail-wrapper .mail-content .inbox-body .mail-option .form-check .form-check-sign:before {

            border: 1px solid #eee;

            background: #eeeeee; }

      .mail-wrapper .mail-content .inbox-body .email-list .email-list-item {

        padding: 14px 20px;

        display: table;

        cursor: pointer;

        position: relative;

        font-size: 12px;

        width: 100%;

        border-top: 1px solid #f1f1f1; }

        .mail-wrapper .mail-content .inbox-body .email-list .email-list-item:hover {

          background: #f6f5f5; }

        .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-actions, .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-detail {

          vertical-align: top;

          display: table-cell; }

        .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-actions {

          width: 50px; }

          .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-actions .custom-checkbox {

            margin-right: 0px; }

          .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-actions .favorite {

            color: #eee;

            font-size: 18px; }

            .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-actions .favorite:hover {

              text-decoration: none;

              color: #969696; }

            .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-actions .favorite.active, .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-actions .favorite.active:hover {

              color: #FFC600; }

        .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-detail p, .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-detail .msg {

          font-size: 12px; }

        .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-detail .msg {

          margin-bottom: 0px;

          margin-top: 8px; }

        .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-detail .from {

          font-size: 13px; }

        .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-detail .date {

          font-size: 12px;

          display: flex;

          align-items: center; }

          .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-detail .date .paperclip {

            font-size: 16px;

            padding-right: 4px; }

        .mail-wrapper .mail-content .inbox-body .email-list .email-list-item.unread {

          font-weight: 500;

          background: #fbfbfb; }

          .mail-wrapper .mail-content .inbox-body .email-list .email-list-item.unread:after {

            content: '';

            display: block;

            position: absolute;

            width: 3px;

            background: #177dff;

            top: -1px;

            left: 0px;

            bottom: -1px;

            height: calc(100% + 2px); }

          .mail-wrapper .mail-content .inbox-body .email-list .email-list-item.unread .email-list-detail .from {

            font-weight: 600; }

    .mail-wrapper .mail-content .email-compose-fields, .mail-wrapper .mail-content .email-editor {

      padding: 20px 25px; }

    .mail-wrapper .mail-content .email-compose-fields {

      padding: 20px 25px;

      border-bottom: 1px solid #f1f1f1; }

    .mail-wrapper .mail-content .email-action {

      text-align: right;

      margin-bottom: 15px; }

      .mail-wrapper .mail-content .email-action > .btn {

        margin-right: 7px; }

        .mail-wrapper .mail-content .email-action > .btn:last-child {

          margin-right: 0px; }



/*     	Customable Layouts Colors     */

.sidebar[data-image] .sidebar-background {

  z-index: 1;

  position: absolute;

  width: 100%;

  height: calc(100% + 55px);

  top: -55px;

  background-size: cover !important;

  background-position: 50% !important; }

  .sidebar[data-image] .sidebar-background:after {

    content: '';

    width: 100%;

    height: 100%;

    opacity: .9;

    z-index: 4;

    display: block;

    background: #ffffff; }



.sidebar[data-background-color] .user {

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

  .sidebar[data-background-color] .user .info a span {

    color: #ffffff; }

  .sidebar[data-background-color] .user .info .caret {

    border-top-color: #ffffff; }

.sidebar[data-background-color] .nav > .nav-item {

  opacity: .9; }

  .sidebar[data-background-color] .nav > .nav-item.submenu {

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

    .sidebar[data-background-color] .nav > .nav-item.submenu a[data-toggle="collapse"]:before {

      background: #ffffff; }

  .sidebar[data-background-color] .nav > .nav-item a {

    color: #ffffff; }

    .sidebar[data-background-color] .nav > .nav-item a:hover, .sidebar[data-background-color] .nav > .nav-item a:focus {

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

      .sidebar[data-background-color] .nav > .nav-item a:hover:before, .sidebar[data-background-color] .nav > .nav-item a:focus:before {

        background: #ffffff; }

    .sidebar[data-background-color] .nav > .nav-item a i {

      color: #eee; }

    .sidebar[data-background-color] .nav > .nav-item a .letter-icon {

      color: #eee; }

  .sidebar[data-background-color] .nav > .nav-item.active {

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

    .sidebar[data-background-color] .nav > .nav-item.active > a {

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

      .sidebar[data-background-color] .nav > .nav-item.active > a:before {

        background: #ffffff; }

.sidebar[data-background-color] .nav .nav-section .text-section {

  color: #ffffff; }

.sidebar[data-background-color] .nav .nav-section .sidebar-mini-icon {

  color: #ffffff; }

.sidebar[data-background-color] .nav-collapse li.active > a {

  font-weight: 600;

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

.sidebar[data-background-color] .nav-collapse li a .sub-item:before {

  background: #ffffff; }



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

  color: #ffffff !important; }

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

  color: #ffffff !important; }

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

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

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

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

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

    color: #ffffff !important; }

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

    border: 0;

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

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

      color: #ffffff !important; }

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

    color: #ffffff !important; }

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

    color: #ffffff !important; }

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

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

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

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



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

  background: #191919 !important; }

  .main-header .logo-header[data-background-color="black"]:after {

    background: transparent !important; }

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

  background: #191919 !important; }



.sidebar[data-background-color="black"] {

  background: #191919 !important; }

  .sidebar[data-background-color="black"] .sidebar-background:after {

    background: #191919;

    opacity: 0.9; }



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

  background: #282a3c !important; }

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

    background: transparent !important; }

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

  background: #282a3c !important; }



.sidebar[data-background-color="dark"] {

  background: #282a3c !important; }

  .sidebar[data-background-color="dark"] .sidebar-background:after {

    background: #282a3c;

    opacity: 0.9; }



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

  background: #fda800 !important; }

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

    background: transparent !important; }

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

  background: #fda800 !important; }



.sidebar[data-background-color="blue"] {

  background: #fda800 !important; }

  .sidebar[data-background-color="blue"] .sidebar-background:after {

    background: #fda800;

    opacity: 0.8; }



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

  background: #716aca !important; }

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

    background: transparent !important; }

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

  background: #716aca !important; }



.sidebar[data-background-color="purple"] {

  background: #716aca !important; }

  .sidebar[data-background-color="purple"] .sidebar-background:after {

    background: #716aca;

    opacity: 0.8; }



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

  background: #05b4d8 !important; }

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

    background: transparent !important; }

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

  background: #05b4d8 !important; }



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

  background: #05b4d8 !important; }

  .sidebar[data-background-color="light-blue"] .sidebar-background:after {

    background: #05b4d8;

    opacity: 0.8; }



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

  background: #ffa534 !important; }

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

    background: transparent !important; }

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

  background: #ffa534 !important; }



.sidebar[data-background-color="orange"] {

  background: #ffa534 !important; }

  .sidebar[data-background-color="orange"] .sidebar-background:after {

    background: #ffa534;

    opacity: 0.85; }



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

  background: #35cd3a !important; }

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

    background: transparent !important; }

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

  background: #35cd3a !important; }



.sidebar[data-background-color="green"] {

  background: #35cd3a !important; }

  .sidebar[data-background-color="green"] .sidebar-background:after {

    background: #35cd3a;

    opacity: 0.8; }



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

  background: #f3545d !important; }

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

    background: transparent !important; }

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

  background: #f3545d !important; }



.sidebar[data-background-color="red"] {

  background: #f3545d !important; }

  .sidebar[data-background-color="red"] .sidebar-background:after {

    background: #f3545d;

    opacity: 0.8; }



/* 		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: 0px;

  background-color: #ffffff;

  margin-bottom: 30px;

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

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

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

  border: 0px; }

  .card.card-space {

    padding: 0 30px; }

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

      padding-left: 0px !important;

      padding-right: 0px !important; }

  .card.card-with-nav .card-header {

    border-bottom: 0px !important;

    padding-top: 0px !important;

    padding-bottom: 0px !important; }

  .card.card-with-nav .card-body {

    padding: 15px 25px !important; }

  .card .card-header {

    padding: 15px 15px;

    background-color: transparent;

    border-bottom: 1px solid #ebedf2 !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;

        display: flex;

        padding-left: 15px; }

  .card .card-title {

    margin: 0;

    color: #575962;

    font-size: 18px;

    font-weight: 400;

    line-height: 1.6; }

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

      color: #575962;

      text-decoration: none; }

  .card .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 .card-category {

    margin-top: 8px;

    font-size: 13px;

    color: #9A9A9A;

    margin-bottom: 0px;

    word-break: normal; }

  .card label {

    font-size: 14px;

    font-weight: 400;

    color: #9A9A9A;

    margin-bottom: 0px; }

  .card .seperator-solid {

    border-top: 1px solid #ebedf2;

    margin: 15px -15px 15px; }

  .card .seperator-dashed {

    border-top: 1px dashed #ebedf2;

    margin: 15px -15px 15px; }

  .card .seperator-dot {

    border-top: 1px dotted #ebedf2;

    margin: 15px -15px 15px; }

  .card .card-body {

    padding: 15px; }

  .card .card-footer {

    background-color: transparent;

    line-height: 30px;

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

    font-size: 13px; }

  .card .card-action {

    padding: 30px;

    background-color: transparent;

    line-height: 30px;

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

    font-size: 14px; }

  .card .card-footer hr {

    margin-top: 5px;

    margin-bottom: 5px; }

  .card .card-footer .legend {

    display: inline-block; }

  .card .card-list {

    padding: 10px; }

    .card .card-list .item-list {

      display: flex;

      flex-direction: row;

      padding: 10px 0;

      align-items: center; }

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

        flex: 1; }

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

          color: #177dff;

          font-size: 13px;

          margin-bottom: 5px;

          font-weight: 500; }

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

          font-size: 10px;

          color: #7d7b7b; }

    .card .card-list .btn-add {

      background: #eee;

      color: #000;

      width: 35px;

      height: 35px;

      border-radius: 50%;

      text-align: center;

      padding-left: 0;

      padding-right: 0; }

  .card .small-pic {

    width: 2.7rem;

    border-radius: 50%;

    height: 100%; }



.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 .icon-big {

  font-size: 2.8em;

  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: #05b4d8; }

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

    background: #f3545d; }

.card-stats .col-stats {

  align-items: center;

  display: flex;

  padding-left: 5px; }



/*     Card Task     */

.card-tasks .table thead th {

  border-top: 1px solid #f4f4f4;

  background: #fafafa !important; }

.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 .card-body .table td {

  font-size: 13px;

  line-height: 1.8; }

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

    font-size: 17px;

    opacity: 0.7;

    transition: all .3s; }

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

    opacity: 1; }



/*     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: #05b4d8; }



.card-success {

  background: #35cd3a; }



.card-warning {

  background: #ffa534; }



.card-danger {

  background: #f3545d; }



.card-round {

  border-radius: 4px; }



/*     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: 500;

    font-size: 20px; }

  .card-pricing .card-price .price {

    font-size: 36px;

    font-weight: 500; }

  .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: 500; }

  .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: #05b4d8 !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: 500;

  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: #05b4d8 !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: -40px;

    width: 100%;

    box-sizing: border-box; }

    .card-profile .profile-picture img {

      width: 80px;

      height: 80px;

      border-radius: 50%;

      margin: auto; }

  .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: 500;

      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 {

  margin-left: 0;

  margin-right: 0;

  background: #ffffff;

  margin-bottom: 30px;

  padding-top: 15px;

  padding-bottom: 15px;

  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); }

  .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:after {

    position: absolute;

    height: calc(100%);

    width: 1px;

    background: #eee;

    content: '';

    right: 0px; }

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

    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: #05b4d8; }

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

    color: #05b4d8 !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; }



/* WebKit, Blink, Edge */

.form-control:-moz-placeholder {

  color: inherit;

  opacity: 0.7; }



/* Mozilla Firefox 4 to 18 */

.form-control::-moz-placeholder {

  color: inherit;

  opacity: 0.7; }



/* Mozilla Firefox 19+ */

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

  color: inherit;

  opacity: 0.7; }



/* Internet Explorer 10-11 */

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

  color: inherit;

  opacity: 0.7; }



/* Microsoft Edge */

.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: "\f17b";

  display: inline-block;

  position: absolute;

  top: -1px;

  left: 2px;

  width: 18px;

  height: 18px;

  text-align: center;

  font-size: 1.5em;

  line-height: 0.8;

  color: #4D7CFE;

  transition: all .2s;

  font-family: LineAwesome; }

.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: 500; }

  .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: 500; }

  .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: #05b4d8; }

.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: 15px 10px; }



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

  margin-bottom: .5rem;

  color: #495057;

  font-weight: 500;

  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: 500; }

  .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: 18px; }

  .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; }

  .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; }

    .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: .375rem 0 .75rem; }



/*      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-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 #05b4d8 !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 {

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



.table-head-bg-primary {

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



.table-head-bg-secondary {

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



.table-head-bg-info {

  border: 1px solid #05b4d8 !important; }



.table-head-bg-success {

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



.table-head-bg-warning {

  border: 1px solid #ffa534 !important; }



.table-head-bg-danger {

  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: #05b4d8 !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: 500;

    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: 21px;

      width: 30px;

      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 .img-circle {

  border-radius: 50%; }

.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(255, 255, 255, 0.22) !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(255, 255, 255, 0.22) !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; }



.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; }

    .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 !important;

      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 !important; }

  .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 !important; }

  .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 !important; }

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

    color: #05b4d8; }

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

    color: #05b4d8;

    border-color: #05b4d8 !important; }

  .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 !important; }

  .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 !important; }

  .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 !important; }



/*     Nav Search     */

.nav-search .input-group {

  border: 1px solid #eee;

  background: #eee;

  border-radius: 50px; }

  .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.375em .75em; }

.nav-search .input-group-text {

  border: 0;

  background: transparent; }

.nav-search .search-icon {

  font-size: 21px;

  color: #666; }

.nav-search .btn-search {

  background: transparent;

  padding: .375rem .75rem; }



/*     Badge    */

.badge {

  border-radius: 50px;

  margin-left: auto;

  line-height: 1;

  padding: 6px 10px;

  vertical-align: middle;

  font-weight: 500;

  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: #05b4d8; }



.badge-success {

  background-color: #35cd3a; }



.badge-warning {

  background: #ffa534;

  color: #ffffff !important; }



.badge-danger {

  background-color: #f3545d; }



/*     Dropdown    */

.dropdown-menu {

  border: 1px solid #f1f1f1;

  border-radius: 0;

  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05) !important;

  -webkit-box-shadow: 0 !important;

  -moz-box-shadow: 0 !important;

  padding-bottom: 8px;

  margin-top: 0px; }



/*     Notification dropdown    */

.dropdown-title {

  border-bottom: 1px solid #f1f1f1;

  color: #444444;

  font-size: 14px;

  font-weight: 700;

  padding: 15px 20px;

  text-align: center; }



.notif-box {

  width: 450px;

  padding: 0 !important; }

  .notif-box .notif-center a {

    display: flex;

    border-bottom: 1px solid #f1f1f1;

    color: #4d585f; }

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

      text-decoration: none;

      background: #fafafa;

      transition: all .2s; }

    .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 {

      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 {

        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 {

      color: #ffffff !important; }

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

      background: #282a3c !important; }

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

      background: #177dff !important; }

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

      background: #716aca !important; }

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

      background: #05b4d8 !important; }

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

      background: #35cd3a !important; }

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

      background: #ffa534 !important; }

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

      background: #f3545d !important; }

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

      font-size: 21px; }

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

      padding: 10px 15px 10px 0; }

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

        font-size: 12px;

        line-height: 20px;

        display: block; }

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

        color: #7d8c95;

        font-size: 11px; }

  .notif-box .see-all {

    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 {

      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 {

      float: right; }



/*     User Dropdown    */

.dropdown-user {

  width: 260px; }



.user-box {

  display: flex;

  padding: .25rem 1rem; }

  .user-box .u-img {

    width: 60px; }

    .user-box .u-img img {

      width: 100%;

      border-radius: 5px; }

  .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; }



/*     Chart Circle    */

.chart-circle {

  display: flex;

  justify-content: center; }

  .chart-circle .circles-text {

    font-size: 35px !important;

    font-weight: 200 !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; }



/*     Alert    */

.alert {

  border: 0px;

  position: relative;

  padding: .95rem 1.25rem; }

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

    font-size: 30px;

    display: block;

    left: 15px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%); }

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

    display: block;

    font-weight: 500; }

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

    font-size: 13px; }

  .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: #ffffff; }



/*    Alert States    */

.alert-default {

  background-color: #282a3c; }



.alert-primary {

  background-color: #177dff; }



.alert-secondary {

  background-color: #716aca; }



.alert-info {

  background-color: #05b4d8; }



.alert-success {

  background-color: #35cd3a; }



.alert-warning {

  background-color: #ffa534; }



.alert-danger {

  background-color: #f3545d; }



/*    Button    */

.btn {

  padding: .6rem 1rem;

  font-size: 12px;

  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: 18px;

      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; }

  .btn.btn-icon {

    position: relative;

    padding-left: 48px; }

    .btn.btn-icon i {

      font-size: 21px;

      position: absolute;

      left: 18px;

      height: 100%;

      top: 0;

      display: flex;

      align-items: center; }



/*     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 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: #05b4d8 !important;

  border-color: #05b4d8 !important; }

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

    background: #05b4d8 !important;

    border-color: #05b4d8 !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; }

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

    background: #ffffff !important;

    border-color: #ffffff !important; }



/*      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: #05b4d8 !important;

    border: 1px solid #05b4d8 !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; }



/*      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: #05b4d8 !important; }

    .btn-link.btn-info:hover {

      color: #05b4d8 !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; }



.btn-icon-only {

  padding: 0;

  width: 27px;

  height: 27px;

  border: 0px;

  border-radius: 50%;

  margin-right: 5px; }

  .btn-icon-only .icon {

    font-size: 13px;

    line-height: 27px; }



/*     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-bottom: 15px;

  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-bottom: 15px; }

  .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: #05b4d8;

  border: 1px solid #05b4d8; }

.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: 10px !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: 500; }

  .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: #05b4d8;

  border-color: #05b4d8;

  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: #05b4d8; }



.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; }



/*      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: #05b4d8 !important; }



.timeline-title {

  font-size: 17px;

  margin-top: 0;

  color: inherit;

  font-weight: 500; }



.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;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  background: #177dff;

  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; }



/* 		Wizard 		*/

.wizard-container {

  margin: 0 auto;

  border-radius: 0px;

  background-color: #ffffff;

  margin-bottom: 30px;

  -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);

  border: 1px solid #eee;

  padding: 10px 0; }

  .wizard-container.wizard-round {

    border-radius: 5px; }

  .wizard-container .wizard-header {

    padding: 25px 15px;

    background-color: transparent; }

    .wizard-container .wizard-header .wizard-title {

      margin: 0;

      color: #575962;

      font-size: 25px;

      font-weight: 300;

      line-height: 1.7; }

    .wizard-container .wizard-header small {

      font-size: 15px;

      padding: 8px 0;

      display: inline-block;

      font-weight: 300; }

    .wizard-container .wizard-header b {

      font-weight: 500; }

  .wizard-container .wizard-body {

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

    .wizard-container .wizard-body .info-text {

      padding: 15px 10px 10px;

      text-align: center;

      margin-top: 10px;

      font-size: 18px;

      font-weight: 300; }

    .wizard-container .wizard-body .tab-content {

      padding: 25px 15px; }

  .wizard-container .wizard-action {

    padding: 30px;

    background-color: transparent;

    line-height: 30px;

    font-size: 14px; }

    .wizard-container .wizard-action .btn {

      min-width: 140px; }

  .wizard-container .wizard-menu {

    width: 100%;

    position: relative; }

    .wizard-container .wizard-menu li {

      background: #f5f5f5; }

      .wizard-container .wizard-menu li a {

        padding: 11px;

        text-align: center;

        border-radius: 0 !important;

        background: transparent;

        border: 0 !important;

        color: #555 !important;

        font-weight: 400;

        text-transform: uppercase;

        display: flex;

        align-items: center;

        justify-content: center;

        font-size: 11px;

        border-left: 0 !important;

        border-right: 0 !important; }

        .wizard-container .wizard-menu li a.active {

          background: transparent !important;

          color: #555 !important; }

        .wizard-container .wizard-menu li a:hover {

          background: transparent !important; }

        .wizard-container .wizard-menu li a i {

          font-size: 22px;

          display: inline-block;

          line-height: normal;

          vertical-align: bottom;

          padding-right: 5px; }

    .wizard-container .wizard-menu .moving-tab {

      position: absolute;

      text-align: center;

      padding: 14px;

      font-size: 11px;

      text-transform: uppercase;

      -webkit-font-smoothing: subpixel-antialiased;

      background-color: #282a3c;

      top: -3px;

      left: 0px;

      border-radius: 3px;

      color: #ffffff;

      cursor: pointer;

      font-weight: 500;

      display: flex;

      align-items: center;

      justify-content: center;

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

      .wizard-container .wizard-menu .moving-tab i {

        font-size: 22px;

        display: inline-block;

        line-height: normal;

        vertical-align: bottom;

        padding-right: 5px; }

    .wizard-container .wizard-menu.nav-default li a {

      color: #282a3c !important; }

    .wizard-container .wizard-menu.nav-default .moving-tab {

      background-color: #282a3c; }

    .wizard-container .wizard-menu.nav-primary li a {

      color: #177dff !important; }

    .wizard-container .wizard-menu.nav-primary .moving-tab {

      background-color: #177dff; }

    .wizard-container .wizard-menu.nav-secondary li a {

      color: #716aca !important; }

    .wizard-container .wizard-menu.nav-secondary .moving-tab {

      background-color: #716aca; }

    .wizard-container .wizard-menu.nav-info li a {

      color: #05b4d8 !important; }

    .wizard-container .wizard-menu.nav-info .moving-tab {

      background-color: #05b4d8; }

    .wizard-container .wizard-menu.nav-success li a {

      color: #35cd3a !important; }

    .wizard-container .wizard-menu.nav-success .moving-tab {

      background-color: #35cd3a; }

    .wizard-container .wizard-menu.nav-danger li a {

      color: #f3545d !important; }

    .wizard-container .wizard-menu.nav-danger .moving-tab {

      background-color: #f3545d; }

    .wizard-container .wizard-menu.nav-warning li a {

      color: #ffa534 !important; }

    .wizard-container .wizard-menu.nav-warning .moving-tab {

      background-color: #ffa534; }



/*     Invoices	    */

.card-invoice .invoice-header {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 15px; }

  .card-invoice .invoice-header .invoice-title {

    font-size: 27px;

    font-weight: 500;

    color: #3a3a3a; }

  .card-invoice .invoice-header .invoice-logo {

    width: 150px;

    display: flex;

    align-items: center; }

    .card-invoice .invoice-header .invoice-logo img {

      width: 100%; }

.card-invoice .sub {

  font-size: 14px;

  margin-bottom: 8px;

  font-weight: 600; }

.card-invoice .info-invoice {

  padding-top: 15px;

  padding-bottom: 15px; }

  .card-invoice .info-invoice p {

    font-size: 12px; }

.card-invoice .invoice-desc {

  text-align: right;

  font-size: 12px; }

.card-invoice .invoice-detail {

  width: 100%;

  display: block; }

  .card-invoice .invoice-detail .invoice-top .title {

    font-size: 20px; }

.card-invoice .transfer-to .sub {

  font-size: 14px;

  margin-bottom: 8px;

  font-weight: 600; }

.card-invoice .transfer-to .account-transfer > div {

  display: flex;

  justify-content: space-between; }

  .card-invoice .transfer-to .account-transfer > div span:first-child {

    font-weight: 600;

    color: #333;

    font-size: 12px; }

  .card-invoice .transfer-to .account-transfer > div span:last-child {

    font-size: 12px; }

.card-invoice .transfer-total {

  text-align: right;

  display: flex;

  flex-direction: column;

  justify-content: center; }

  .card-invoice .transfer-total .sub {

    font-size: 14px;

    margin-bottom: 8px;

    font-weight: 600; }

  .card-invoice .transfer-total .price {

    font-size: 28px;

    color: #177dff;

    padding: 7px 0;

    font-weight: 600; }

  .card-invoice .transfer-total span {

    font-weight: 600;

    font-size: 12px; }

.card-invoice .card-body {

  padding: 0;

  border: 0px !important;

  width: 75%;

  margin: auto; }

.card-invoice .card-header {

  padding: 50px 0px;

  border: 0px !important;

  width: 75%;

  margin: auto; }

.card-invoice .card-footer {

  padding: 50px 0px;

  border: 0px !important;

  width: 75%;

  margin: auto; }



/*     	Messages Tab    */

.tab-chat {

  position: relative; }



.messages-contact {

  position: absolute;

  left: 0;

  width: 100%;

  transition: left .3s ease; }

  .messages-contact .category-title {

    font-size: 19px;

    font-weight: 400;

    padding-bottom: 10px;

    margin-top: 25px;

    display: block;

    border-bottom: 1px solid #f1f1f1;

    margin-bottom: 15px; }

  .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 img {

      width: 42px;

      height: 42px;

      border-radius: 50%;

      border: 1px solid #eee;

      padding: 2px; }

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

      position: relative; }

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

        position: absolute;

        width: 8px;

        height: 8px;

        background: #35cd3a;

        border-radius: 50%;

        right: 1px;

        bottom: 5px; }

        .messages-contact .contact-list .user a .user-image .status.online {

          background: #35cd3a; }

        .messages-contact .contact-list .user a .user-image .status.away {

          background: #ffa534; }

        .messages-contact .contact-list .user a .user-image .status.offline {

          background: #f3545d; }

    .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-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 img {

        width: 2.7rem;

        border-radius: 50%;

        height: 100%;

        max-height: 2.7rem;

        float: right;

        float: right;

        margin-left: 15px; }

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

        display: inline-block;

        font-size: 13px;

        font-weight: 500;

        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 {

      display: inline-block;

      width: 100%; }

    .messages-wrapper .messages-body .message {

      display: table;

      table-layout: fixed;

      padding: 15px 0; }

  .messages-wrapper .message-in {

    margin-right: 40px;

    float: left; }

    .messages-wrapper .message-in .message-pic {

      display: table-cell;

      vertical-align: top;

      padding: 6px 10px 0 0; }

      .messages-wrapper .message-in .message-pic img {

        width: 2.2rem;

        border-radius: 50%;

        max-height: 2.2rem;

        height: 100%; }

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

      display: table-cell;

      vertical-align: top; }

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

        background: #f7f7f7;

        padding: 15px;

        border-radius: 5px;

        margin-left: 10px;

        position: relative; }

        .messages-wrapper .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 .message-in .message-body .message-content .name {

          color: #83848a;

          font-size: 11px;

          margin-bottom: 5px; }

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

          font-size: 12px; }

  .messages-wrapper .message-out {

    float: right;

    margin-left: 40px; }

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

      display: table-cell;

      vertical-align: top;

      float: right; }

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

        background: #177dff;

        padding: 15px;

        border-radius: 5px;

        margin-right: 10px;

        position: relative; }

        .messages-wrapper .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 .message-out .message-body .message-content .content {

          font-size: 12px;

          color: #ffffff !important; }

  .messages-wrapper .messages-form {

    display: table;

    width: 100%;

    margin-top: 30px;

    border-top: 1px solid #eee;

    padding-top: 20px; }

    .messages-wrapper .messages-form .messages-form-control {

      display: table-cell;

      padding-right: 15px; }

    .messages-wrapper .messages-form .messages-form-tool {

      display: table-cell;

      text-align: right;

      width: 50px; }

      .messages-wrapper .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; }



/*     	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 .category-title {

    font-size: 19px;

    font-weight: 400;

    padding-bottom: 10px;

    margin-top: 25px;

    display: block;

    border-bottom: 1px solid #f1f1f1;

    margin-bottom: 15px; }

    .tasks-wrapper .tasks-content .category-title:first-child {

      margin-top: 0px !important; }

  .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 .category-title {

  font-size: 19px;

  font-weight: 400;

  padding-bottom: 10px;

  margin-top: 25px;

  display: block;

  border-bottom: 1px solid #f1f1f1;

  margin-bottom: 15px; }

  .settings-wrapper .settings-content .category-title:first-child {

    margin-top: 0px !important; }

.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; }



/*      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; }



/*!

* FullCalendar v3.9.0

* Docs & License: https://fullcalendar.io/

* (c) 2018 Adam Shaw

*/

.fc {

  direction: ltr;

  text-align: left; }



.fc-rtl {

  text-align: right; }



body .fc {

  /* extra precedence to overcome jqui */

  font-size: 1em; }



/* Colors

--------------------------------------------------------------------------------------------------*/

.fc-highlight {

  /* when user is selecting cells */

  background: #bce8f1;

  opacity: .3; }



.fc-bgevent {

  /* default look for background events */

  background: #8fdf82;

  opacity: .3; }



.fc-nonbusiness {

  /* default look for non-business-hours areas */

  /* will inherit .fc-bgevent's styles */

  background: #d7d7d7; }



/* Buttons (styled <button> tags, normalized to work cross-browser)

--------------------------------------------------------------------------------------------------*/

.fc button {

  /* force height to include the border and padding */

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  /* dimensions */

  margin: 0;

  height: 2.1em;

  padding: 0 .6em;

  /* text & cursor */

  font-size: 1em;

  /* normalize */

  white-space: nowrap;

  cursor: pointer; }

  .fc button::-moz-focus-inner {

    margin: 0;

    padding: 0; }



/* Firefox has an annoying inner border */

.fc-state-default {

  /* non-theme */

  border: 1px solid; }

  .fc-state-default.fc-corner-left {

    /* non-theme */

    border-top-left-radius: 4px;

    border-bottom-left-radius: 4px; }

  .fc-state-default.fc-corner-right {

    /* non-theme */

    border-top-right-radius: 4px;

    border-bottom-right-radius: 4px; }



/* icons in buttons */

.fc button .fc-icon {

  /* non-theme */

  position: relative;

  top: -0.05em;

  /* seems to be a good adjustment across browsers */

  margin: 0 .2em;

  vertical-align: middle; }



/*

button states

borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)

*/

.fc-state-default {

  background-color: #f5f5f5;

  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));

  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);

  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);

  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);

  background-repeat: repeat-x;

  border-color: #e6e6e6 #e6e6e6 #bfbfbf;

  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

  color: #333;

  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }



.fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled {

  color: #333333;

  background-color: #e6e6e6; }



.fc-state-hover {

  color: #333333;

  text-decoration: none;

  background-position: 0 -15px;

  -webkit-transition: background-position 0.1s linear;

  -moz-transition: background-position 0.1s linear;

  -o-transition: background-position 0.1s linear;

  transition: background-position 0.1s linear; }



.fc-state-down, .fc-state-active {

  background-color: #cccccc;

  background-image: none;

  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }



.fc-state-disabled {

  cursor: default;

  background-image: none;

  opacity: 0.65;

  box-shadow: none; }



/* Buttons Groups

--------------------------------------------------------------------------------------------------*/

.fc-button-group {

  display: inline-block; }



/*

every button that is not first in a button group should scootch over one pixel and cover the

previous button's border...

*/

.fc .fc-button-group > * {

  /* extra precedence b/c buttons have margin set to zero */

  float: left;

  margin: 0 0 0 -1px; }

.fc .fc-button-group > :first-child {

  /* same */

  margin-left: 0; }



/* Popover

--------------------------------------------------------------------------------------------------*/

.fc-popover {

  position: absolute;

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

  .fc-popover .fc-header {

    /* TODO: be more consistent with fc-head/fc-body */

    padding: 2px 4px; }

    .fc-popover .fc-header .fc-title {

      margin: 0 2px; }

    .fc-popover .fc-header .fc-close {

      cursor: pointer; }



.fc-ltr .fc-popover .fc-header .fc-title {

  float: left; }



.fc-rtl .fc-popover .fc-header .fc-close {

  float: left; }

.fc-rtl .fc-popover .fc-header .fc-title {

  float: right; }



.fc-ltr .fc-popover .fc-header .fc-close {

  float: right; }



/* Misc Reusable Components

--------------------------------------------------------------------------------------------------*/

.fc-divider {

  border-style: solid;

  border-width: 1px; }



hr.fc-divider {

  height: 0;

  margin: 0;

  padding: 0 0 2px;

  /* height is unreliable across browsers, so use padding */

  border-width: 1px 0; }



.fc-clear {

  clear: both; }



.fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton, .fc-helper-skeleton {

  /* these element should always cling to top-left/right corners */

  position: absolute;

  top: 0;

  left: 0;

  right: 0; }



.fc-bg {

  bottom: 0;

  /* strech bg to bottom edge */ }

  .fc-bg table {

    height: 100%;

    /* strech bg to bottom edge */ }



/* Tables

--------------------------------------------------------------------------------------------------*/

.fc table {

  width: 100%;

  box-sizing: border-box;

  /* fix scrollbar issue in firefox */

  table-layout: fixed;

  border-collapse: collapse;

  border-spacing: 0;

  font-size: 1em;

  /* normalize cross-browser */ }

.fc th {

  text-align: center;

  border-style: solid;

  border-width: 1px;

  padding: 0;

  vertical-align: top; }

.fc td {

  border-style: solid;

  border-width: 1px;

  padding: 0;

  vertical-align: top; }

  .fc td.fc-today {

    border-style: double;

    /* overcome neighboring borders */ }



/* Internal Nav Links

--------------------------------------------------------------------------------------------------*/

a[data-goto] {

  cursor: pointer; }

  a[data-goto]:hover {

    text-decoration: underline; }



/* Fake Table Rows

--------------------------------------------------------------------------------------------------*/

.fc .fc-row {

  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */

  /* no visible border by default. but make available if need be (scrollbar width compensation) */

  border-style: solid;

  border-width: 0; }



.fc-row {

  position: relative; }

  .fc-row table {

    /* don't put left/right border on anything within a fake row.

    the outer tbody will worry about this */

    border-left: 0 hidden transparent;

    border-right: 0 hidden transparent;

    /* no bottom borders on rows */

    border-bottom: 0 hidden transparent; }

  .fc-row:first-child table {

    border-top: 0 hidden transparent;

    /* no top border on first row */ }

  .fc-row .fc-bg {

    z-index: 1; }

  .fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton {

    bottom: 0;

    /* stretch skeleton to bottom of row */ }

  .fc-row .fc-bgevent-skeleton table {

    height: 100%;

    /* stretch skeleton to bottom of row */ }

  .fc-row .fc-highlight-skeleton table {

    height: 100%;

    /* stretch skeleton to bottom of row */ }

  .fc-row .fc-highlight-skeleton td {

    border-color: transparent; }

  .fc-row .fc-bgevent-skeleton {

    z-index: 2; }

    .fc-row .fc-bgevent-skeleton td {

      border-color: transparent; }

  .fc-row .fc-highlight-skeleton {

    z-index: 3; }

  .fc-row .fc-content-skeleton {

    position: relative;

    z-index: 4;

    padding-bottom: 2px;

    /* matches the space above the events */ }

  .fc-row .fc-helper-skeleton {

    z-index: 5; }



/* Day Row (used within the header and the DayGrid)

--------------------------------------------------------------------------------------------------*/

/* highlighting cells & background event skeleton */

/*

row content (which contains day/week numbers and events) as well as "helper" (which contains

temporary rendered events).

*/

.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td {

  /* see-through to the background below */

  /* extra precedence to prevent theme-provided backgrounds */

  background: none;

  /* in case <td>s are globally styled */

  border-color: transparent; }

.fc .fc-row .fc-helper-skeleton td {

  /* see-through to the background below */

  /* extra precedence to prevent theme-provided backgrounds */

  background: none;

  /* in case <td>s are globally styled */

  border-color: transparent; }



.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {

  /* don't put a border between events and/or the day number */

  border-bottom: 0; }

.fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td {

  /* don't put a border between event cells */

  border-top: 0; }



/* Scrolling Container

--------------------------------------------------------------------------------------------------*/

.fc-scroller {

  -webkit-overflow-scrolling: touch; }

  .fc-scroller > .fc-day-grid, .fc-scroller > .fc-time-grid {

    position: relative;

    /* re-scope all positions */

    width: 100%;

    /* hack to force re-sizing this inner element when scrollbars appear/disappear */ }



/* TODO: move to agenda/basic */

/* Global Event Styles

--------------------------------------------------------------------------------------------------*/

.fc-event {

  position: relative;

  /* for resize handle and other inner positioning */

  display: block;

  /* make the <a> tag block */

  font-size: .85em;

  line-height: 1.3;

  border-radius: 3px;

  background: #ffffff;

  border: 1px solid #eee;

  -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); }

  .fc-event .fc-content {

    padding: 0.55rem 0.55rem 0.55rem 2rem;

    color: #333; }

  .fc-event .fc-content:before {

    display: block;

    content: " ";

    position: absolute;

    height: 10px;

    width: 10px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    top: 0.7rem;

    left: 0.75rem; }

  .fc-event .fc-bg {

    background: transparent !important; }



.fc-event-dot {

  background-color: #3a87ad;

  /* default BACKGROUND color */ }



.fc-event {

  color: #ffffff;

  /* default TEXT color */

  text-decoration: none;

  /* if <a> has an href */ }

  .fc-event:hover {

    color: #ffffff;

    /* default TEXT color */

    text-decoration: none;

    /* if <a> has an href */ }

  .fc-event[href], .fc-event.fc-draggable {

    cursor: pointer;

    /* give events with links and draggable events a hand mouse pointer */ }

  .fc-event.fc-default .fc-content:before {

    background: #282a3c !important;

    border-color: #282a3c !important; }

  .fc-event.fc-primary .fc-content:before {

    background: #177dff !important;

    border-color: #177dff !important; }

  .fc-event.fc-secondary .fc-content:before {

    background: #716aca !important;

    border-color: #716aca !important; }

  .fc-event.fc-info .fc-content:before {

    background: #05b4d8 !important;

    border-color: #05b4d8 !important; }

  .fc-event.fc-success .fc-content:before {

    background: #35cd3a !important;

    border-color: #35cd3a !important; }

  .fc-event.fc-warning .fc-content:before {

    background: #ffa534 !important;

    border-color: #ffa534 !important; }

  .fc-event.fc-danger .fc-content:before {

    background: #f3545d !important;

    border-color: #f3545d !important; }

  .fc-event.fc-default-solid .fc-content:before, .fc-event.fc-primary-solid .fc-content:before, .fc-event.fc-secondary-solid .fc-content:before, .fc-event.fc-info-solid .fc-content:before, .fc-event.fc-success-solid .fc-content:before, .fc-event.fc-warning-solid .fc-content:before, .fc-event.fc-danger-solid .fc-content:before {

    display: none; }

  .fc-event.fc-default-solid .fc-content, .fc-event.fc-primary-solid .fc-content, .fc-event.fc-secondary-solid .fc-content, .fc-event.fc-info-solid .fc-content, .fc-event.fc-success-solid .fc-content, .fc-event.fc-warning-solid .fc-content, .fc-event.fc-danger-solid .fc-content {

    color: #ffffff;

    padding: 0.55rem 0.55rem; }

  .fc-event.fc-default-solid {

    background: #282a3c !important;

    border-color: #282a3c !important; }

  .fc-event.fc-primary-solid {

    background: #177dff !important;

    border-color: #177dff !important; }

  .fc-event.fc-secondary-solid {

    background: #716aca !important;

    border-color: #716aca !important; }

  .fc-event.fc-info-solid {

    background: #05b4d8 !important;

    border-color: #05b4d8 !important; }

  .fc-event.fc-success-solid {

    background: #35cd3a !important;

    border-color: #35cd3a !important; }

  .fc-event.fc-warning-solid {

    background: #ffa534 !important;

    border-color: #ffa534 !important; }

  .fc-event.fc-danger-solid {

    background: #f3545d !important;

    border-color: #f3545d !important; }



.fc-list-item.fc-default .fc-event-dot, .fc-list-item.fc-default-solid .fc-event-dot {

  background: #282a3c !important; }

.fc-list-item.fc-primary .fc-event-dot, .fc-list-item.fc-primary-solid .fc-event-dot {

  background: #177dff !important; }

.fc-list-item.fc-secondary .fc-event-dot, .fc-list-item.fc-secondary-solid .fc-event-dot {

  background: #716aca !important; }

.fc-list-item.fc-info .fc-event-dot, .fc-list-item.fc-info-solid .fc-event-dot {

  background: #05b4d8 !important; }

.fc-list-item.fc-success .fc-event-dot, .fc-list-item.fc-success-solid .fc-event-dot {

  background: #35cd3a !important; }

.fc-list-item.fc-danger .fc-event-dot, .fc-list-item.danger-solid .fc-event-dot {

  background: #f3545d !important; }

.fc-list-item.fc-danger .fc-event-dot, .fc-list-item.fc-warning-solid .fc-event-dot {

  background: #ffa534 !important; }



.fc-widget-content {

  cursor: pointer; }



.fc-not-allowed {

  /* to override an event's custom cursor */

  cursor: not-allowed; }

  .fc-not-allowed .fc-event {

    /* to override an event's custom cursor */

    cursor: not-allowed; }



.fc-event .fc-bg {

  /* the generic .fc-bg already does position */

  z-index: 1;

  background: #ffffff;

  opacity: .25; }

.fc-event .fc-content {

  position: relative;

  z-index: 2; }

.fc-event .fc-resizer {

  position: absolute;

  z-index: 4;

  display: none; }

.fc-event.fc-allow-mouse-resize .fc-resizer {

  /* only show when hovering or selected (with touch) */

  display: block; }

.fc-event.fc-selected {

  z-index: 9999 !important;

  /* overcomes inline z-index */

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

  .fc-event.fc-selected .fc-resizer {

    /* only show when hovering or selected (with touch) */

    display: block; }

    .fc-event.fc-selected .fc-resizer:before {

      /* 40x40 touch area */

      content: "";

      position: absolute;

      z-index: 9999;

      /* user of this util can scope within a lower z-index */

      top: 50%;

      left: 50%;

      width: 40px;

      height: 40px;

      margin-left: -20px;

      margin-top: -20px; }

  .fc-event.fc-selected.fc-dragging {

    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); }



/* resizer (cursor AND touch devices) */

/* resizer (touch devices) */

/* hit area */

/* Event Selection (only for touch devices)

--------------------------------------------------------------------------------------------------*/

/* Horizontal Events

--------------------------------------------------------------------------------------------------*/

/* bigger touch area when selected */

.fc-h-event.fc-selected:before {

  content: "";

  position: absolute;

  z-index: 3;

  /* below resizers */

  top: -10px;

  bottom: -10px;

  left: 0;

  right: 0; }



/* events that are continuing to/from another week. kill rounded corners and butt up against edge */

.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end {

  margin-left: 0;

  border-left-width: 0;

  padding-left: 1px;

  /* replace the border with padding */

  border-top-left-radius: 0;

  border-bottom-left-radius: 0; }



.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start {

  margin-right: 0;

  border-right-width: 0;

  padding-right: 1px;

  /* replace the border with padding */

  border-top-right-radius: 0;

  border-bottom-right-radius: 0; }



/* resizer (cursor AND touch devices) */

/* left resizer  */

.fc-ltr .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-end-resizer {

  cursor: w-resize;

  left: -1px;

  /* overcome border */ }



/* right resizer */

.fc-ltr .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-start-resizer {

  cursor: e-resize;

  right: -1px;

  /* overcome border */ }



/* resizer (mouse devices) */

.fc-h-event.fc-allow-mouse-resize .fc-resizer {

  width: 7px;

  top: -1px;

  /* overcome top border */

  bottom: -1px;

  /* overcome bottom border */ }

.fc-h-event.fc-selected .fc-resizer {

  /* 8x8 little dot */

  border-radius: 4px;

  border-width: 1px;

  width: 6px;

  height: 6px;

  border-style: solid;

  border-color: inherit;

  background: #ffffff;

  /* vertically center */

  top: 50%;

  margin-top: -4px; }



/* resizer (touch devices) */

/* left resizer  */

.fc-ltr .fc-h-event.fc-selected .fc-start-resizer, .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {

  margin-left: -4px;

  /* centers the 8x8 dot on the left edge */ }



/* right resizer */

.fc-ltr .fc-h-event.fc-selected .fc-end-resizer, .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {

  margin-right: -4px;

  /* centers the 8x8 dot on the right edge */ }



/* DayGrid events

----------------------------------------------------------------------------------------------------

We use the full "fc-day-grid-event" class instead of using descendants because the event won't

be a descendant of the grid when it is being dragged.

*/

.fc-day-grid-event {

  margin: 1px 2px 0;

  /* spacing between events and edges */

  padding: 0 1px; }



tr:first-child > td > .fc-day-grid-event {

  margin-top: 2px;

  /* a little bit more space before the first event */ }



.fc-day-grid-event.fc-selected:after {

  content: "";

  position: absolute;

  z-index: 1;

  /* same z-index as fc-bg, behind text */

  /* overcome the borders */

  top: -1px;

  right: -1px;

  bottom: -1px;

  left: -1px;

  /* darkening effect */

  background: #000;

  opacity: .25; }

.fc-day-grid-event .fc-content {

  /* force events to be one-line tall */

  white-space: nowrap;

  overflow: hidden; }

.fc-day-grid-event .fc-time {

  font-weight: bold; }



/* resizer (cursor devices) */

/* left resizer  */

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {

  margin-left: -2px;

  /* to the day cell's edge */ }



/* right resizer */

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {

  margin-right: -2px;

  /* to the day cell's edge */ }



/* Event Limiting

--------------------------------------------------------------------------------------------------*/

/* "more" link that represents hidden events */

a.fc-more {

  margin: 1px 3px;

  font-size: .85em;

  cursor: pointer;

  text-decoration: none; }

  a.fc-more:hover {

    text-decoration: underline; }



.fc-limited {

  /* rows and cells that are hidden because of a "more" link */

  display: none; }



/* popover that appears when "more" link is clicked */

.fc-day-grid .fc-row {

  z-index: 1;

  /* make the "more" popover one higher than this */ }



.fc-more-popover {

  z-index: 2;

  width: 220px; }

  .fc-more-popover .fc-event-container {

    padding: 10px; }



/* Now Indicator

--------------------------------------------------------------------------------------------------*/

.fc-now-indicator {

  position: absolute;

  border: 0 solid red; }



/* Utilities

--------------------------------------------------------------------------------------------------*/

.fc-unselectable {

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-touch-callout: none;

  -webkit-tap-highlight-color: transparent; }



/*

TODO: more distinction between this file and common.css

*/

/* Colors

--------------------------------------------------------------------------------------------------*/

.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td {

  border-color: #ddd; }

.fc-unthemed .fc-popover {

  background-color: #ffffff; }

.fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header, .fc-unthemed .fc-list-heading td {

  background: #eee; }

.fc-unthemed .fc-popover .fc-header .fc-close {

  color: #666; }

.fc-unthemed td.fc-today {

  background: #fcf8e3; }

.fc-unthemed .fc-disabled-day {

  background: #d7d7d7;

  opacity: .3; }



/* Icons (inline elements with styled text that mock arrow icons)

--------------------------------------------------------------------------------------------------*/

.fc-icon {

  display: inline-block;

  height: 1em;

  line-height: 1em;

  font-size: 1em;

  text-align: center;

  overflow: hidden;

  font-family: "Courier New", Courier, monospace;

  /* don't allow browser text-selection */

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none; }

  .fc-icon:after {

    position: relative; }



/*

Acceptable font-family overrides for individual icons:

"Arial", sans-serif

"Times New Roman", serif



NOTE: use percentage font sizes or else old IE chokes

*/

.fc-icon-left-single-arrow:after {

  content: "\2039";

  font-weight: bold;

  font-size: 200%;

  top: -7%; }



.fc-icon-right-single-arrow:after {

  content: "\203A";

  font-weight: bold;

  font-size: 200%;

  top: -7%; }



.fc-icon-left-double-arrow:after {

  content: "\AB";

  font-size: 160%;

  top: -7%; }



.fc-icon-right-double-arrow:after {

  content: "\BB";

  font-size: 160%;

  top: -7%; }



.fc-icon-left-triangle:after {

  content: "\25C4";

  font-size: 125%;

  top: 3%; }



.fc-icon-right-triangle:after {

  content: "\25BA";

  font-size: 125%;

  top: 3%; }



.fc-icon-down-triangle:after {

  content: "\25BC";

  font-size: 125%;

  top: 2%; }



.fc-icon-x:after {

  content: "\D7";

  font-size: 200%;

  top: 6%; }



/* Popover

--------------------------------------------------------------------------------------------------*/

.fc-unthemed .fc-popover {

  border-width: 1px;

  border-style: solid; }

  .fc-unthemed .fc-popover .fc-header .fc-close {

    font-size: .9em;

    margin-top: 2px; }

.fc-unthemed .fc-list-item:hover td {

  background-color: #f5f5f5; }



/* List View

--------------------------------------------------------------------------------------------------*/

/* Colors

--------------------------------------------------------------------------------------------------*/

.ui-widget .fc-disabled-day {

  background-image: none; }



/* Popover

--------------------------------------------------------------------------------------------------*/

.fc-popover > .ui-widget-header + .ui-widget-content {

  border-top: 0;

  /* where they meet, let the header have the border */ }



/* Global Event Styles

--------------------------------------------------------------------------------------------------*/

.ui-widget .fc-event {

  /* overpower jqui's styles on <a> tags. TODO: more DRY */

  color: #ffffff;

  /* default TEXT color */

  text-decoration: none;

  /* if <a> has an href */

  /* undo ui-widget-header bold */

  font-weight: normal; }

.ui-widget td.fc-axis {

  font-weight: normal;

  /* overcome bold */ }



/* TimeGrid axis running down the side (for both the all-day area and the slot area)

--------------------------------------------------------------------------------------------------*/

/* TimeGrid Slats (lines that run horizontally)

--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-slats .ui-widget-content {

  background: none;

  /* see through to fc-bg */ }



.fc.fc-bootstrap3 a {

  text-decoration: none; }

  .fc.fc-bootstrap3 a[data-goto]:hover {

    text-decoration: underline; }



.fc-bootstrap3 hr.fc-divider {

  border-color: inherit; }

.fc-bootstrap3 .fc-today.alert {

  border-radius: 0; }

.fc-bootstrap3 .fc-popover .panel-body {

  padding: 0; }

.fc-bootstrap3 .fc-time-grid .fc-slats table {

  /* some themes have background color. see through to slats */

  background: none; }



/* Popover

--------------------------------------------------------------------------------------------------*/

/* TimeGrid Slats (lines that run horizontally)

--------------------------------------------------------------------------------------------------*/

.fc.fc-bootstrap4 a {

  text-decoration: none; }

  .fc.fc-bootstrap4 a[data-goto]:hover {

    text-decoration: underline; }



.fc-bootstrap4 hr.fc-divider {

  border-color: inherit; }

.fc-bootstrap4 .fc-today.alert {

  border-radius: 0; }

.fc-bootstrap4 a.fc-event:not([href]):not([tabindex]) {

  color: #ffffff; }

.fc-bootstrap4 .fc-popover.card {

  position: absolute; }

.fc-bootstrap4 .fc-popover .card-body {

  padding: 0; }

.fc-bootstrap4 .fc-time-grid .fc-slats table {

  /* some themes have background color. see through to slats */

  background: none; }



/* Popover

--------------------------------------------------------------------------------------------------*/

/* TimeGrid Slats (lines that run horizontally)

--------------------------------------------------------------------------------------------------*/

/* Toolbar

--------------------------------------------------------------------------------------------------*/

.fc-toolbar {

  text-align: center; }

  .fc-toolbar .fc-button {

    background: #f4f5f8;

    border: 0;

    text-shadow: none !important;

    padding: 8px 12px;

    height: auto;

    font-size: 1.04em; }

    .fc-toolbar .fc-button:hover {

      background: #eee; }

  .fc-toolbar h2 {

    font-size: 1.2rem;

    font-weight: 400;

    text-transform: uppercase;

    margin-top: 0.75rem; }

  .fc-toolbar.fc-header-toolbar {

    margin-bottom: 1em; }

  .fc-toolbar.fc-footer-toolbar {

    margin-top: 1em; }

  .fc-toolbar .fc-left {

    float: left; }

  .fc-toolbar .fc-right {

    float: right; }

  .fc-toolbar .fc-center {

    display: inline-block; }

  .fc-toolbar .fc-state-active {

    background: #1d7af3;

    color: #ffffff;

    box-shadow: none !important; }

    .fc-toolbar .fc-state-active:hover {

      background: #1d7af3; }



/* the things within each left/right/center section */

.fc .fc-toolbar > * > * {

  /* extra precedence to override button border margins */

  float: left;

  margin-left: .75em; }

.fc .fc-toolbar > * > :first-child {

  /* extra precedence to override button border margins */

  margin-left: 0; }



/* the first thing within each left/center/right section */

/* title text */

.fc-toolbar h2 {

  margin: 0; }

.fc-toolbar button {

  position: relative; }

.fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover {

  z-index: 2; }

.fc-toolbar .fc-state-down {

  z-index: 3; }

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {

  z-index: 4; }

.fc-toolbar button:focus {

  z-index: 5; }



/* button layering (for border precedence) */

/* View Structure

--------------------------------------------------------------------------------------------------*/

/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */

/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */

.fc-view-container * {

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box; }

  .fc-view-container *:before, .fc-view-container *:after {

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box; }



.fc-view {

  /* so dragged elements can be above the view's main element */

  position: relative;

  z-index: 1; }

  .fc-view > table {

    /* so dragged elements can be above the view's main element */

    position: relative;

    z-index: 1; }



/* BasicView

--------------------------------------------------------------------------------------------------*/

/* day row structure */

.fc-basicWeek-view .fc-content-skeleton, .fc-basicDay-view .fc-content-skeleton {

  /* there may be week numbers in these views, so no padding-top */

  padding-bottom: 1em;

  /* ensure a space at bottom of cell for user selecting/clicking */ }



.fc-basic-view .fc-body .fc-row {

  min-height: 4em;

  /* ensure that all rows are at least this tall */ }



/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */

.fc-row.fc-rigid {

  overflow: hidden; }

  .fc-row.fc-rigid .fc-content-skeleton {

    position: absolute;

    top: 0;

    left: 0;

    right: 0; }



/* week and day number styling */

.fc-day-top.fc-other-month {

  opacity: 0.3; }



.fc-basic-view .fc-week-number, .fc-basic-view .fc-day-number {

  padding: 2px; }

.fc-basic-view th.fc-week-number, .fc-basic-view th.fc-day-number {

  padding: 0 2px;

  /* column headers can't have as much v space */ }



.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {

  float: right; }



.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {

  float: left; }



.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {

  float: left;

  border-radius: 0 0 3px 0; }



.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {

  float: right;

  border-radius: 0 0 0 3px; }



.fc-basic-view .fc-day-top .fc-week-number {

  min-width: 1.5em;

  text-align: center;

  background-color: #f2f2f2;

  color: #808080; }

.fc-basic-view td.fc-week-number {

  text-align: center; }

  .fc-basic-view td.fc-week-number > * {

    /* work around the way we do column resizing and ensure a minimum width */

    display: inline-block;

    min-width: 1.25em; }



/* when week/day number have own column */

/* AgendaView all-day area

--------------------------------------------------------------------------------------------------*/

.fc-agenda-view .fc-day-grid {

  position: relative;

  z-index: 2;

  /* so the "more.." popover will be over the time grid */ }

  .fc-agenda-view .fc-day-grid .fc-row {

    min-height: 3em;

    /* all-day section will never get shorter than this */ }

    .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {

      padding-bottom: 1em;

      /* give space underneath events for clicking/selecting days */ }



/* TimeGrid axis running down the side (for both the all-day area and the slot area)

--------------------------------------------------------------------------------------------------*/

.fc .fc-axis {

  /* .fc to overcome default cell styles */

  vertical-align: middle;

  padding: 0 4px;

  white-space: nowrap; }



.fc-ltr .fc-axis {

  text-align: right; }



.fc-rtl .fc-axis {

  text-align: left; }



/* TimeGrid Structure

--------------------------------------------------------------------------------------------------*/

.fc-time-grid-container {

  /* so slats/bg/content/etc positions get scoped within here */

  position: relative;

  z-index: 1; }



.fc-time-grid {

  /* so slats/bg/content/etc positions get scoped within here */

  position: relative;

  z-index: 1;

  min-height: 100%;

  /* so if height setting is 'auto', .fc-bg stretches to fill height */ }

  .fc-time-grid table {

    /* don't put outer borders on slats/bg/content/etc */

    border: 0 hidden transparent; }

  .fc-time-grid > .fc-bg {

    z-index: 1; }

  .fc-time-grid .fc-slats, .fc-time-grid > hr {

    /* the <hr> AgendaView injects when grid is shorter than scroller */

    position: relative;

    z-index: 2; }

  .fc-time-grid .fc-content-col {

    position: relative;

    /* because now-indicator lives directly inside */ }

  .fc-time-grid .fc-content-skeleton {

    position: absolute;

    z-index: 3;

    top: 0;

    left: 0;

    right: 0; }

  .fc-time-grid .fc-business-container {

    position: relative;

    z-index: 1; }

  .fc-time-grid .fc-bgevent-container {

    position: relative;

    z-index: 2; }

  .fc-time-grid .fc-highlight-container {

    position: relative;

    z-index: 3; }

  .fc-time-grid .fc-event-container {

    position: relative;

    z-index: 4; }

  .fc-time-grid .fc-now-indicator-line {

    z-index: 5; }

  .fc-time-grid .fc-helper-container {

    /* also is fc-event-container */

    position: relative;

    z-index: 6; }

  .fc-time-grid .fc-slats td {

    height: 1.5em;

    border-bottom: 0;

    /* each cell is responsible for its top border */ }

  .fc-time-grid .fc-slats .fc-minor td {

    border-top-style: dotted; }

  .fc-time-grid .fc-highlight-container {

    /* a div within a cell within the fc-highlight-skeleton */

    position: relative;

    /* scopes the left/right of the fc-highlight to be in the column */ }

  .fc-time-grid .fc-highlight {

    position: absolute;

    left: 0;

    right: 0;

    /* top and bottom will be in by JS */ }



/* divs within a cell within the fc-state-style-skeleton */

/* TimeGrid Slats (lines that run horizontally)

--------------------------------------------------------------------------------------------------*/

/* TimeGrid Highlighting Slots

--------------------------------------------------------------------------------------------------*/

/* TimeGrid Event Containment

--------------------------------------------------------------------------------------------------*/

.fc-ltr .fc-time-grid .fc-event-container {

  /* space on the sides of events for LTR (default) */

  margin: 0 2.5% 0 2px; }



.fc-rtl .fc-time-grid .fc-event-container {

  /* space on the sides of events for RTL */

  margin: 0 2px 0 2.5%; }



.fc-time-grid .fc-event {

  position: absolute;

  z-index: 1;

  /* scope inner z-index's */ }

.fc-time-grid .fc-bgevent {

  position: absolute;

  z-index: 1;

  /* scope inner z-index's */

  /* background events always span full width */

  left: 0;

  right: 0; }



/* Generic Vertical Event

--------------------------------------------------------------------------------------------------*/

.fc-v-event.fc-not-start {

  /* events that are continuing from another day */

  /* replace space made by the top border with padding */

  border-top-width: 0;

  padding-top: 1px;

  /* remove top rounded corners */

  border-top-left-radius: 0;

  border-top-right-radius: 0; }

.fc-v-event.fc-not-end {

  /* replace space made by the top border with padding */

  border-bottom-width: 0;

  padding-bottom: 1px;

  /* remove bottom rounded corners */

  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0; }



/* TimeGrid Event Styling

----------------------------------------------------------------------------------------------------

We use the full "fc-time-grid-event" class instead of using descendants because the event won't

be a descendant of the grid when it is being dragged.

*/

.fc-time-grid-event {

  overflow: hidden;

  /* don't let the bg flow over rounded corners */ }

  .fc-time-grid-event.fc-selected {

    /* need to allow touch resizers to extend outside event's bounding box */

    /* common fc-selected styles hide the fc-bg, so don't need this anyway */

    overflow: visible; }

    .fc-time-grid-event.fc-selected .fc-bg {

      display: none;

      /* hide semi-white background, to appear darker */ }

  .fc-time-grid-event .fc-content {

    overflow: hidden;

    /* for when .fc-selected */ }

  .fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title {

    padding: 0 1px; }

  .fc-time-grid-event .fc-time {

    font-size: .85em;

    white-space: nowrap; }

  .fc-time-grid-event.fc-short .fc-content {

    /* don't wrap to second line (now that contents will be inline) */

    white-space: nowrap; }

  .fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title {

    /* put the time and title on the same line */

    display: inline-block;

    vertical-align: top; }

  .fc-time-grid-event.fc-short .fc-time span {

    display: none;

    /* don't display the full time text... */ }

  .fc-time-grid-event.fc-short .fc-time:before {

    content: attr(data-start);

    /* ...instead, display only the start time */ }

  .fc-time-grid-event.fc-short .fc-time:after {

    content: "\A0-\A0";

    /* seperate with a dash, wrapped in nbsp's */ }

  .fc-time-grid-event.fc-short .fc-title {

    font-size: .85em;

    /* make the title text the same size as the time */

    padding: 0;

    /* undo padding from above */ }

  .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {

    left: 0;

    right: 0;

    bottom: 0;

    height: 8px;

    overflow: hidden;

    line-height: 8px;

    font-size: 11px;

    font-family: monospace;

    text-align: center;

    cursor: s-resize; }

    .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {

      content: "="; }

  .fc-time-grid-event.fc-selected .fc-resizer {

    /* 10x10 dot */

    border-radius: 5px;

    border-width: 1px;

    width: 8px;

    height: 8px;

    border-style: solid;

    border-color: inherit;

    background: #ffffff;

    /* horizontally center */

    left: 50%;

    margin-left: -5px;

    /* center on the bottom edge */

    bottom: -5px; }



/* short mode, where time and title are on the same line */

/* resizer (cursor device) */

/* resizer (touch device) */

/* Now Indicator

--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-now-indicator-line {

  border-top-width: 1px;

  left: 0;

  right: 0; }

.fc-time-grid .fc-now-indicator-arrow {

  margin-top: -5px;

  /* vertically center on top coordinate */ }



/* arrow on axis */

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {

  left: 0;

  /* triangle pointing right... */

  border-width: 5px 0 5px 6px;

  border-top-color: transparent;

  border-bottom-color: transparent; }



.fc-rtl .fc-time-grid .fc-now-indicator-arrow {

  right: 0;

  /* triangle pointing left... */

  border-width: 5px 6px 5px 0;

  border-top-color: transparent;

  border-bottom-color: transparent; }



/* List View

--------------------------------------------------------------------------------------------------*/

/* possibly reusable */

.fc-event-dot {

  display: inline-block;

  width: 10px;

  height: 10px;

  border-radius: 5px; }



/* view wrapper */

.fc-rtl .fc-list-view {

  direction: rtl;

  /* unlike core views, leverage browser RTL */ }



.fc-list-view {

  border-width: 1px;

  border-style: solid; }



/* table resets */

.fc .fc-list-table {

  table-layout: auto;

  /* for shrinkwrapping cell content */ }



.fc-list-table td {

  border-width: 1px 0 0;

  padding: 8px 14px; }

.fc-list-table tr:first-child td {

  border-top-width: 0; }



/* day headings with the list */

.fc-list-heading {

  border-bottom-width: 1px; }

  .fc-list-heading td {

    font-weight: bold; }



.fc-ltr .fc-list-heading-main {

  float: left; }

.fc-ltr .fc-list-heading-alt {

  float: right; }



.fc-rtl .fc-list-heading-main {

  float: right; }

.fc-rtl .fc-list-heading-alt {

  float: left; }



/* event list items */

.fc-list-item.fc-has-url {

  cursor: pointer;

  /* whole row will be clickable */ }



.fc-list-item-marker, .fc-list-item-time {

  white-space: nowrap;

  width: 1px; }



/* make the dot closer to the event title */

.fc-ltr .fc-list-item-marker {

  padding-right: 0; }



.fc-rtl .fc-list-item-marker {

  padding-left: 0; }



.fc-list-item-title a {

  /* every event title cell has an <a> tag */

  text-decoration: none;

  color: inherit; }

  .fc-list-item-title a[href]:hover {

    /* hover effect only on titles with hrefs */

    text-decoration: underline; }



/* message when no events */

.fc-list-empty-wrap2 {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0; }



.fc-list-empty-wrap1 {

  width: 100%;

  height: 100%;

  display: table; }



.fc-list-empty {

  display: table-cell;

  vertical-align: middle;

  text-align: center; }



.fc-unthemed .fc-list-empty {

  /* theme will provide own background */

  background-color: #eee; }



/*		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; }



/*!

 * Datetimepicker for Bootstrap 3

 * version : 4.17.47

 * https://github.com/Eonasdan/bootstrap-datetimepicker/

 */

.bootstrap-datetimepicker-widget {

  list-style: none;

  z-index: 100; }

  .bootstrap-datetimepicker-widget.dropdown-menu {

    padding: 10px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    direction: ltr;

    border: 0 !important;

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

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

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

    font-size: 12px;

    font-weight: 400;

    margin-top: 10px !important;

    margin-bottom: 10px !important; }

  .bootstrap-datetimepicker-widget .list-unstyled {

    margin: 0; }

  .bootstrap-datetimepicker-widget a[data-action] {

    padding: 6px 0;

    font-size: 16px;

    font-weight: 800;

    color: #177dff; }

    .bootstrap-datetimepicker-widget a[data-action]:active {

      box-shadow: none;

      color: #177dff; }

  .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {

    width: 54px;

    font-weight: bold;

    font-size: 1.2em;

    margin: 0; }

  .bootstrap-datetimepicker-widget button[data-action] {

    padding: 6px; }

  .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {

    position: absolute;

    width: 1px;

    height: 1px;

    margin: -1px;

    padding: 0;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0;

    content: "Increment Hours"; }

  .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {

    position: absolute;

    width: 1px;

    height: 1px;

    margin: -1px;

    padding: 0;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0;

    content: "Increment Minutes"; }

  .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {

    position: absolute;

    width: 1px;

    height: 1px;

    margin: -1px;

    padding: 0;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0;

    content: "Decrement Hours"; }

  .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {

    position: absolute;

    width: 1px;

    height: 1px;

    margin: -1px;

    padding: 0;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0;

    content: "Decrement Minutes"; }

  .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {

    position: absolute;

    width: 1px;

    height: 1px;

    margin: -1px;

    padding: 0;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0;

    content: "Show Hours"; }

  .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {

    position: absolute;

    width: 1px;

    height: 1px;

    margin: -1px;

    padding: 0;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0;

    content: "Show Minutes"; }

  .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {

    position: absolute;

    width: 1px;

    height: 1px;

    margin: -1px;

    padding: 0;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0;

    content: "Toggle AM/PM"; }

  .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {

    position: absolute;

    width: 1px;

    height: 1px;

    margin: -1px;

    padding: 0;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0;

    content: "Clear the picker"; }

  .bootstrap-datetimepicker-widget .btn[data-action="today"]::after {

    position: absolute;

    width: 1px;

    height: 1px;

    margin: -1px;

    padding: 0;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0;

    content: "Set the date to today"; }

  .bootstrap-datetimepicker-widget .picker-switch {

    text-align: center; }

    .bootstrap-datetimepicker-widget .picker-switch::after {

      position: absolute;

      width: 1px;

      height: 1px;

      margin: -1px;

      padding: 0;

      overflow: hidden;

      clip: rect(0, 0, 0, 0);

      border: 0;

      content: "Toggle Date and Time Screens"; }

    .bootstrap-datetimepicker-widget .picker-switch td {

      padding: 0;

      margin: 0;

      height: auto;

      width: auto;

      line-height: inherit; }

      .bootstrap-datetimepicker-widget .picker-switch td span {

        font-size: 16px;

        line-height: 2.5;

        height: 2.5em;

        width: 100%;

        font-weight: 800; }

  .bootstrap-datetimepicker-widget table {

    width: 100%;

    margin: 0; }

    .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {

      width: 30px;

      height: 30px;

      -webkit-border-radius: 2px;

      -moz-border-radius: 2px;

      border-radius: 2px;

      border: none; }

    .bootstrap-datetimepicker-widget table td {

      text-align: center;

      border-radius: 3px; }

    .bootstrap-datetimepicker-widget table th {

      text-align: center;

      border-radius: 2px;

      line-height: 20px; }

      .bootstrap-datetimepicker-widget table th.picker-switch {

        width: 145px; }

      .bootstrap-datetimepicker-widget table th.disabled {

        background: none;

        color: #777;

        cursor: not-allowed; }

        .bootstrap-datetimepicker-widget table th.disabled:hover {

          background: none;

          color: #777;

          cursor: not-allowed; }

      .bootstrap-datetimepicker-widget table th.prev::after {

        position: absolute;

        width: 1px;

        height: 1px;

        margin: -1px;

        padding: 0;

        overflow: hidden;

        clip: rect(0, 0, 0, 0);

        border: 0;

        content: "Previous Month"; }

      .bootstrap-datetimepicker-widget table th.next::after {

        position: absolute;

        width: 1px;

        height: 1px;

        margin: -1px;

        padding: 0;

        overflow: hidden;

        clip: rect(0, 0, 0, 0);

        border: 0;

        content: "Next Month"; }

    .bootstrap-datetimepicker-widget table thead tr:first-child th {

      cursor: pointer; }

      .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {

        background: #eee; }

    .bootstrap-datetimepicker-widget table td {

      height: 54px;

      line-height: 54px;

      width: 54px; }

      .bootstrap-datetimepicker-widget table td.cw {

        font-size: .8em;

        height: 20px;

        line-height: 20px;

        color: #777; }

      .bootstrap-datetimepicker-widget table td.day {

        height: 25px;

        line-height: 25px;

        width: 25px; }

        .bootstrap-datetimepicker-widget table td.day:hover {

          background: #eee;

          cursor: pointer; }

      .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {

        background: #eee;

        cursor: pointer; }

      .bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {

        color: #777; }

      .bootstrap-datetimepicker-widget table td.today {

        position: relative; }

        .bootstrap-datetimepicker-widget table td.today:before {

          content: '';

          display: inline-block;

          border: solid transparent;

          border-width: 0 0 7px 7px;

          border-bottom-color: #177dff;

          border-top-color: rgba(0, 0, 0, 0.2);

          position: absolute;

          bottom: 4px;

          right: 4px; }

      .bootstrap-datetimepicker-widget table td.active {

        background-color: #177dff;

        color: #fff;

        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

        .bootstrap-datetimepicker-widget table td.active:hover {

          background-color: #177dff;

          color: #fff;

          text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

        .bootstrap-datetimepicker-widget table td.active.today:before {

          border-bottom-color: #fff; }

      .bootstrap-datetimepicker-widget table td.disabled {

        background: none;

        color: #777;

        cursor: not-allowed; }

        .bootstrap-datetimepicker-widget table td.disabled:hover {

          background: none;

          color: #777;

          cursor: not-allowed; }

      .bootstrap-datetimepicker-widget table td span {

        display: inline-block;

        width: 54px;

        height: 54px;

        line-height: 54px;

        margin: 2px 1.5px;

        cursor: pointer;

        border-radius: 4px; }

        .bootstrap-datetimepicker-widget table td span:hover {

          color: #177dff;

          background: #eee; }

        .bootstrap-datetimepicker-widget table td span.active {

          background-color: #177dff;

          color: #fff;

          text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

        .bootstrap-datetimepicker-widget table td span.old {

          color: #777; }

        .bootstrap-datetimepicker-widget table td span.disabled {

          background: none;

          color: #777;

          cursor: not-allowed; }

          .bootstrap-datetimepicker-widget table td span.disabled:hover {

            background: none;

            color: #777;

            cursor: not-allowed; }

  .bootstrap-datetimepicker-widget.usetwentyfour td.hour {

    height: 27px;

    line-height: 27px; }

  .bootstrap-datetimepicker-widget .datepicker-decades .decade {

    line-height: 1.8em !important; }



.input-group.date .input-group-addon {

  cursor: pointer; }



.sr-only {

  position: absolute;

  width: 1px;

  height: 1px;

  margin: -1px;

  padding: 0;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  border: 0; }



/*      Select2     */

.select2-container {

  box-sizing: border-box;

  display: inline-block;

  margin: 0;

  position: relative;

  vertical-align: middle; }

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

    box-sizing: border-box;

    cursor: pointer;

    display: block;

    height: 28px;

    user-select: none;

    -webkit-user-select: none; }

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

      display: block;

      padding-left: 8px;

      padding-right: 20px;

      overflow: hidden;

      text-overflow: ellipsis;

      white-space: nowrap; }

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

      position: relative; }

  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {

    padding-right: 8px;

    padding-left: 20px; }

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

    box-sizing: border-box;

    cursor: pointer;

    display: block;

    min-height: 32px;

    user-select: none;

    -webkit-user-select: none; }

    .select2-container .select2-selection--multiple .select2-selection__rendered {

      display: inline-block;

      overflow: hidden;

      padding-left: 8px;

      text-overflow: ellipsis;

      white-space: nowrap; }

  .select2-container .select2-search--inline {

    float: left; }

    .select2-container .select2-search--inline .select2-search__field {

      box-sizing: border-box;

      border: none;

      font-size: 100%;

      margin-top: 5px;

      padding: 0; }

      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {

        -webkit-appearance: none; }



.select2-dropdown {

  background-color: white;

  border: 1px solid #aaa;

  border-radius: 4px;

  box-sizing: border-box;

  display: block;

  position: absolute;

  left: -100000px;

  width: 100%;

  z-index: 1051; }



.select2-results {

  display: block; }



.select2-results__options {

  list-style: none;

  margin: 0;

  padding: 0; }



.select2-results__option {

  padding: 6px;

  user-select: none;

  -webkit-user-select: none; }

  .select2-results__option[aria-selected] {

    cursor: pointer; }



.select2-container--open .select2-dropdown {

  left: 0; }

.select2-container--open .select2-dropdown--above {

  border-bottom: none;

  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {

  border-top: none;

  border-top-left-radius: 0;

  border-top-right-radius: 0; }



.select2-search--dropdown {

  display: block;

  padding: 5px 10px; }

  .select2-search--dropdown .select2-search__field {

    padding: 4px;

    width: 100%;

    box-sizing: border-box; }

    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {

      -webkit-appearance: none; }

  .select2-search--dropdown.select2-search--hide {

    display: none; }



.select2-close-mask {

  border: 0;

  margin: 0;

  padding: 0;

  display: block;

  position: fixed;

  left: 0;

  top: 0;

  min-height: 100%;

  min-width: 100%;

  height: auto;

  width: auto;

  opacity: 0;

  z-index: 99;

  background-color: #ffffff;

  filter: alpha(opacity=0); }



.select2-hidden-accessible {

  border: 0 !important;

  clip: rect(0 0 0 0) !important;

  -webkit-clip-path: inset(50%) !important;

  clip-path: inset(50%) !important;

  height: 1px !important;

  overflow: hidden !important;

  padding: 0 !important;

  position: absolute !important;

  width: 1px !important;

  white-space: nowrap !important; }



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

  background-color: #ffffff;

  border: 1px solid #aaa;

  border-radius: 4px; }

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

    color: #444;

    line-height: 28px; }

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

    cursor: pointer;

    float: right;

    font-weight: bold; }

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

    color: #999; }

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

    height: 26px;

    position: absolute;

    top: 1px;

    right: 1px;

    width: 20px; }

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

      border-color: #888 transparent transparent transparent;

      border-style: solid;

      border-width: 5px 4px 0 4px;

      height: 0;

      left: 50%;

      margin-left: -4px;

      margin-top: -2px;

      position: absolute;

      top: 50%;

      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {

  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {

  left: 1px;

  right: auto; }

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

  background-color: #eee;

  cursor: default; }

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

    display: none; }

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

  border-color: transparent transparent #888 transparent;

  border-width: 0 4px 5px 4px; }

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

  background-color: white;

  border: 1px solid #aaa;

  border-radius: 4px;

  cursor: text; }

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

    box-sizing: border-box;

    list-style: none;

    margin: 0;

    padding: 0 5px;

    width: 100%; }

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

      list-style: none; }

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

    color: #999;

    margin-top: 5px;

    float: left; }

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

    cursor: pointer;

    float: right;

    font-weight: bold;

    margin-top: 5px;

    margin-right: 10px; }

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

    background-color: #e4e4e4;

    border: 1px solid #aaa;

    border-radius: 4px;

    cursor: default;

    float: left;

    margin-right: 5px;

    margin-top: 5px;

    padding: 0 5px; }

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

    color: #999;

    cursor: pointer;

    display: inline-block;

    font-weight: bold;

    margin-right: 2px; }

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

      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {

  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {

  margin-left: 5px;

  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {

  margin-left: 2px;

  margin-right: auto; }

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

  border: solid black 1px;

  outline: 0; }

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

  background-color: #eee;

  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {

  display: none; }

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

  border-top-left-radius: 0;

  border-top-right-radius: 0; }

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

  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {

  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {

  background: transparent;

  border: none;

  outline: 0;

  box-shadow: none;

  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {

  max-height: 200px;

  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {

  padding: 0; }

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

  color: #999; }

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

  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {

  padding-left: 1em; }

  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {

    padding-left: 0; }

  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {

    margin-left: -1em;

    padding-left: 2em; }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {

      margin-left: -2em;

      padding-left: 3em; }

      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {

        margin-left: -3em;

        padding-left: 4em; }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {

          margin-left: -4em;

          padding-left: 5em; }

          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {

            margin-left: -5em;

            padding-left: 6em; }

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

  background-color: #5897fb;

  color: white; }

.select2-container--default .select2-results__group {

  cursor: default;

  display: block;

  padding: 6px; }



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

  background-color: #f7f7f7;

  border: 1px solid #aaa;

  border-radius: 4px;

  outline: 0;

  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);

  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);

  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$white-colorFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

  .select2-container--classic .select2-selection--single:focus {

    border: 1px solid #5897fb; }

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

    color: #444;

    line-height: 28px; }

  .select2-container--classic .select2-selection--single .select2-selection__clear {

    cursor: pointer;

    float: right;

    font-weight: bold;

    margin-right: 10px; }

  .select2-container--classic .select2-selection--single .select2-selection__placeholder {

    color: #999; }

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

    background-color: #ddd;

    border: none;

    border-left: 1px solid #aaa;

    border-top-right-radius: 4px;

    border-bottom-right-radius: 4px;

    height: 26px;

    position: absolute;

    top: 1px;

    right: 1px;

    width: 20px;

    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);

    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);

    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);

    background-repeat: repeat-x;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }

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

      border-color: #888 transparent transparent transparent;

      border-style: solid;

      border-width: 5px 4px 0 4px;

      height: 0;

      left: 50%;

      margin-left: -4px;

      margin-top: -2px;

      position: absolute;

      top: 50%;

      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {

  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {

  border: none;

  border-right: 1px solid #aaa;

  border-radius: 0;

  border-top-left-radius: 4px;

  border-bottom-left-radius: 4px;

  left: 1px;

  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {

  border: 1px solid #5897fb; }

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

    background: transparent;

    border: none; }

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {

      border-color: transparent transparent #888 transparent;

      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {

  border-top: none;

  border-top-left-radius: 0;

  border-top-right-radius: 0;

  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);

  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);

  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$white-colorFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {

  border-bottom: none;

  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0;

  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);

  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);

  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='$white-colorFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {

  background-color: white;

  border: 1px solid #aaa;

  border-radius: 4px;

  cursor: text;

  outline: 0; }

  .select2-container--classic .select2-selection--multiple:focus {

    border: 1px solid #5897fb; }

  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {

    list-style: none;

    margin: 0;

    padding: 0 5px; }

  .select2-container--classic .select2-selection--multiple .select2-selection__clear {

    display: none; }

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

    background-color: #e4e4e4;

    border: 1px solid #aaa;

    border-radius: 4px;

    cursor: default;

    float: left;

    margin-right: 5px;

    margin-top: 5px;

    padding: 0 5px; }

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

    color: #888;

    cursor: pointer;

    display: inline-block;

    font-weight: bold;

    margin-right: 2px; }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {

      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {

  float: right;

  margin-left: 5px;

  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {

  margin-left: 2px;

  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {

  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {

  border-top: none;

  border-top-left-radius: 0;

  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {

  border-bottom: none;

  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {

  border: 1px solid #aaa;

  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {

  outline: 0;

  box-shadow: none; }

.select2-container--classic .select2-dropdown {

  background-color: white;

  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {

  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {

  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {

  max-height: 200px;

  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {

  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {

  color: grey; }

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

  background-color: #3875d7;

  color: white; }

.select2-container--classic .select2-results__group {

  cursor: default;

  display: block;

  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {

  border-color: #5897fb; }



/*!

 * Select2 Bootstrap Theme v0.1.0-beta.10 (https://select2.github.io/select2-bootstrap-theme)

 * Copyright 2015-2017 Florian Kissling and contributors (https://github.com/select2/select2-bootstrap-theme/graphs/contributors)

 * Licensed under MIT (https://github.com/select2/select2-bootstrap-theme/blob/master/LICENSE)

 */

.select2-container--bootstrap {

  display: block; }

  .select2-container--bootstrap .select2-selection {

    background-color: #ffffff;

    border: 1px solid #ebedf2;

    border-radius: 4px;

    color: inherit;

    font-size: 13px;

    outline: 0;

    line-height: 1.5 !important; }

    .select2-container--bootstrap .select2-selection.form-control {

      border-radius: 4px; }

  .select2-container--bootstrap .select2-search--dropdown .select2-search__field {

    background-color: #ffffff;

    border: 1px solid #ebedf2;

    border-radius: 4px;

    color: #555;

    font-size: 13px;

    padding: 4px 10px; }

  .select2-container--bootstrap .select2-search__field {

    outline: 0; }

    .select2-container--bootstrap .select2-search__field::-webkit-input-placeholder, .select2-container--bootstrap .select2-search__field:-moz-placeholder {

      color: #999; }

    .select2-container--bootstrap .select2-search__field::-moz-placeholder {

      color: #999;

      opacity: 1; }

    .select2-container--bootstrap .select2-search__field:-ms-input-placeholder {

      color: #999; }

  .select2-container--bootstrap .select2-results__option {

    padding: 6px 12px; }

    .select2-container--bootstrap .select2-results__option[role=group] {

      padding: 0; }

    .select2-container--bootstrap .select2-results__option[aria-disabled=true] {

      color: #777;

      cursor: not-allowed; }

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

      background-color: #f5f5f5;

      color: #262626; }

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

    background-color: #177dff;

    color: #ffffff; }

  .select2-container--bootstrap .select2-results__option .select2-results__option {

    padding: 6px 12px; }

    .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group {

      padding-left: 0; }

    .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option {

      margin-left: -12px;

      padding-left: 24px; }

      .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option {

        margin-left: -24px;

        padding-left: 36px; }

        .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {

          margin-left: -36px;

          padding-left: 48px; }

          .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {

            margin-left: -48px;

            padding-left: 60px; }

            .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {

              margin-left: -60px;

              padding-left: 72px; }

  .select2-container--bootstrap .select2-results__group {

    color: #9E9E9E;

    font-weight: 400;

    display: block;

    padding: 7px 12px;

    line-height: 1.42857143;

    white-space: nowrap;

    margin-top: 6px; }

  .select2-container--bootstrap.select2-container--focus .select2-selection {

    border-color: #66afe9; }

  .select2-container--bootstrap.select2-container--open .select2-selection {

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

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

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

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

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

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

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

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

    .select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {

      border-color: transparent transparent #999;

      border-width: 0 4px 4px; }

  .select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;

    border-bottom-color: transparent; }

  .select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {

    border-top-right-radius: 0;

    border-top-left-radius: 0;

    border-top-color: transparent; }

  .select2-container--bootstrap .select2-selection__clear {

    color: #999;

    cursor: pointer;

    float: right;

    font-weight: 700;

    margin-right: 10px; }

    .select2-container--bootstrap .select2-selection__clear:hover {

      color: #333; }

  .select2-container--bootstrap.select2-container--disabled .select2-selection {

    border-color: #ccc;

    -webkit-box-shadow: none;

    box-shadow: none; }

  .select2-container--bootstrap.select2-container--disabled .select2-search__field {

    cursor: not-allowed; }

  .select2-container--bootstrap.select2-container--disabled .select2-selection {

    cursor: not-allowed;

    background-color: #eee; }

  .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {

    background-color: #eee; }

  .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {

    display: none; }

  .select2-container--bootstrap.select2-container--disabled .select2-selection__clear {

    display: none; }

  .select2-container--bootstrap .select2-dropdown {

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

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

    border-color: #ebedf2;

    overflow-x: hidden;

    margin-top: -1px; }

  .select2-container--bootstrap .select2-dropdown--above {

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

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

    margin-top: 1px; }

  .select2-container--bootstrap .select2-results > .select2-results__options {

    max-height: 200px;

    overflow-y: auto; }

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

    height: 40px;

    line-height: 1.42857143;

    padding: .6rem 1rem; }

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

      position: absolute;

      bottom: 0;

      right: 12px;

      top: 0;

      width: 4px; }

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

        border-color: #999 transparent transparent;

        border-style: solid;

        border-width: 4px 4px 0;

        height: 0;

        left: 0;

        margin-left: -4px;

        margin-top: -2px;

        position: absolute;

        top: 50%;

        width: 0; }

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

      color: #555;

      padding: 0; }

    .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {

      color: #999; }

  .select2-container--bootstrap .select2-selection--multiple {

    padding: 3.25px 0px;

    height: auto; }

    .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {

      -webkit-box-sizing: border-box;

      -moz-box-sizing: border-box;

      box-sizing: border-box;

      display: block;

      line-height: 1.42857143;

      list-style: none;

      margin: 0;

      overflow: hidden;

      padding: 0;

      width: 100%;

      text-overflow: ellipsis;

      white-space: nowrap; }

    .select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder {

      color: #999;

      float: left;

      margin-top: 5px; }

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

      color: #555;

      background: #ffffff;

      border: 1px solid #ccc;

      border-radius: 30px;

      cursor: default;

      float: left;

      margin: 5px 0 0 6px;

      font-size: 11px;

      padding: 3px 23px 3px 10px;

      position: relative; }

    .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {

      background: 0 0;

      padding: 0 12px;

      height: 32px;

      line-height: 1.42857143;

      margin-top: 0;

      min-width: 5em; }

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

      color: #666 !important;

      cursor: pointer;

      display: inline-block;

      margin-right: 3px;

      position: absolute;

      right: 5px;

      font-weight: 500; }

      .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {

        color: #666 !important; }

    .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {

      margin-top: 6px; }



.form-group-sm .select2-container--bootstrap .select2-selection--single, .input-group-sm .select2-container--bootstrap .select2-selection--single, .select2-container--bootstrap .select2-selection--single.input-sm {

  border-radius: 3px;

  font-size: 12px;

  height: 30px;

  line-height: 1.5;

  padding: 5px 22px 5px 10px; }



.form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b {

  margin-left: -5px; }



.form-group-sm .select2-container--bootstrap .select2-selection--multiple, .input-group-sm .select2-container--bootstrap .select2-selection--multiple, .select2-container--bootstrap .select2-selection--multiple.input-sm {

  min-height: 30px;

  border-radius: 3px; }



.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice {

  font-size: 12px;

  line-height: 1.5;

  margin: 4px 0 0 5px;

  padding: 0 5px; }



.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field {

  padding: 0 10px;

  font-size: 12px;

  height: 28px;

  line-height: 1.5; }



.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear {

  margin-top: 5px; }



.form-group-lg .select2-container--bootstrap .select2-selection--single, .input-group-lg .select2-container--bootstrap .select2-selection--single, .select2-container--bootstrap .select2-selection--single.input-lg {

  border-radius: 6px;

  font-size: 18px;

  height: 46px;

  line-height: 1.3333333;

  padding: 10px 31px 10px 16px; }



.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow, .select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow {

  width: 5px; }



.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b {

  border-width: 5px 5px 0;

  margin-left: -10px;

  margin-top: -2.5px; }



.form-group-lg .select2-container--bootstrap .select2-selection--multiple, .input-group-lg .select2-container--bootstrap .select2-selection--multiple, .select2-container--bootstrap .select2-selection--multiple.input-lg {

  min-height: 46px;

  border-radius: 6px; }



.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice {

  font-size: 18px;

  line-height: 1.3333333;

  border-radius: 4px;

  margin: 9px 0 0 8px;

  padding: 0 10px; }



.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field {

  padding: 0 16px;

  font-size: 18px;

  height: 44px;

  line-height: 1.3333333; }



.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear {

  margin-top: 10px; }



.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b {

  border-color: transparent transparent #999;

  border-width: 0 5px 5px; }



.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {

  border-color: transparent transparent #999;

  border-width: 0 5px 5px; }

.select2-container--bootstrap[dir=rtl] .select2-selection--single {

  padding-left: 24px;

  padding-right: 12px; }

  .select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__rendered {

    padding-right: 0;

    padding-left: 0;

    text-align: right; }

  .select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__clear {

    float: left; }

  .select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__arrow {

    left: 12px;

    right: auto; }

    .select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__arrow b {

      margin-left: 0; }

.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {

  float: right; }

.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice {

  margin-left: 0;

  margin-right: 6px; }

.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {

  margin-left: 2px;

  margin-right: auto; }



.has-warning .select2-dropdown, .has-warning .select2-selection {

  border-color: #8a6d3b; }

.has-warning .select2-container--focus .select2-selection, .has-warning .select2-container--open .select2-selection {

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

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

  border-color: #66512c; }

.has-warning.select2-drop-active {

  border-color: #66512c; }

  .has-warning.select2-drop-active.select2-drop.select2-drop-above {

    border-top-color: #66512c; }



.has-error .select2-dropdown, .has-error .select2-selection {

  border-color: #f3545d; }

  .has-error .select2-dropdown .select2-selection__rendered, .has-error .select2-selection .select2-selection__rendered {

    color: #f3545d; }

.has-error .select2-container--focus .select2-selection, .has-error .select2-container--open .select2-selection {

  border-color: #f3545d; }

.has-error.select2-drop-active {

  border-color: #f3545d; }

  .has-error.select2-drop-active.select2-drop.select2-drop-above {

    border-top-color: #f3545d; }



.has-success .select2-dropdown, .has-success .select2-selection {

  border-color: #35cd3a; }

  .has-success .select2-dropdown .select2-selection__rendered, .has-success .select2-selection .select2-selection__rendered {

    color: #35cd3a; }

.has-success .select2-container--focus .select2-selection, .has-success .select2-container--open .select2-selection {

  border-color: #35cd3a; }

.has-success.select2-drop-active {

  border-color: #35cd3a; }

  .has-success.select2-drop-active.select2-drop.select2-drop-above {

    border-top-color: #35cd3a; }



.input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection {

  border-bottom-right-radius: 0;

  border-top-right-radius: 0; }

  .input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection.form-control {

    border-bottom-right-radius: 0;

    border-top-right-radius: 0; }

.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection {

  border-radius: 0; }

  .input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection.form-control {

    border-radius: 0; }

.input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection {

  border-bottom-left-radius: 0;

  border-top-left-radius: 0; }

  .input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection.form-control {

    border-bottom-left-radius: 0;

    border-top-left-radius: 0; }

.input-group > .select2-container--bootstrap {

  display: table;

  table-layout: fixed;

  position: relative;

  z-index: 2;

  width: 100%;

  margin-bottom: 0;

  vertical-align: top; }

  .input-group > .select2-container--bootstrap > .selection > .select2-selection.form-control {

    float: none; }

  .input-group > .select2-container--bootstrap.select2-container--focus, .input-group > .select2-container--bootstrap.select2-container--open {

    z-index: 3; }

  .input-group > .select2-container--bootstrap .input-group-btn {

    vertical-align: top; }

    .input-group > .select2-container--bootstrap .input-group-btn .btn {

      vertical-align: top; }



.form-control.select2-hidden-accessible {

  position: absolute !important;

  width: 1px !important; }



.select2-default .select2-selection__choice .select2-selection__choice__remove, .select2-primary .select2-selection__choice .select2-selection__choice__remove, .select2-info .select2-selection__choice .select2-selection__choice__remove, .select2-danger .select2-selection__choice .select2-selection__choice__remove, .select2-warning .select2-selection__choice .select2-selection__choice__remove, .select2-success .select2-selection__choice .select2-selection__choice__remove {

  color: #ffffff !important; }

  .select2-default .select2-selection__choice .select2-selection__choice__remove:hover, .select2-primary .select2-selection__choice .select2-selection__choice__remove:hover, .select2-info .select2-selection__choice .select2-selection__choice__remove:hover, .select2-danger .select2-selection__choice .select2-selection__choice__remove:hover, .select2-warning .select2-selection__choice .select2-selection__choice__remove:hover, .select2-success .select2-selection__choice .select2-selection__choice__remove:hover {

    color: #ffffff !important; }



.select2-default .select2-selection__choice {

  background: #282a3c !important;

  border-color: #282a3c !important;

  color: #ffffff !important; }



.select2-primary .select2-selection__choice {

  background: #177dff !important;

  border-color: #177dff !important;

  color: #ffffff !important; }



.select2-secondary .select2-selection__choice {

  background: #716aca !important;

  border-color: #716aca !important;

  color: #ffffff !important; }



.select2-info .select2-selection__choice {

  background: #05b4d8 !important;

  border-color: #05b4d8 !important;

  color: #ffffff !important; }



.select2-success .select2-selection__choice {

  background: #35cd3a !important;

  border-color: #35cd3a !important;

  color: #ffffff !important; }



.select2-danger .select2-selection__choice {

  background: #f3545d !important;

  border-color: #f3545d !important;

  color: #ffffff !important; }



.select2-warning .select2-selection__choice {

  background: #ffa534 !important;

  border-color: #ffa534 !important;

  color: #ffffff !important; }



@media (min-width: 768px) {

  .form-inline .select2-container--bootstrap {

    display: inline-block; } }

/*      Bootstrap Tagsinput     */

.bootstrap-tagsinput {

  background-color: #ffffff;

  display: inline-block;

  padding: 4px 6px;

  color: #555;

  vertical-align: middle;

  border-radius: 4px;

  max-width: 100%;

  line-height: 22px;

  cursor: text; }

  .bootstrap-tagsinput input {

    border: none;

    box-shadow: none;

    outline: none;

    background-color: transparent;

    padding: 0 6px;

    margin: 0;

    width: auto;

    max-width: inherit; }

  .bootstrap-tagsinput.form-control input::-moz-placeholder {

    color: #777;

    opacity: 1; }

  .bootstrap-tagsinput.form-control input:-ms-input-placeholder, .bootstrap-tagsinput.form-control input::-webkit-input-placeholder {

    color: #777; }

  .bootstrap-tagsinput input:focus {

    border: none;

    box-shadow: none; }

  .bootstrap-tagsinput .tag {

    margin-right: 2px;

    margin-bottom: 10px; }

    .bootstrap-tagsinput .tag [data-role="remove"] {

      margin-left: 8px;

      cursor: pointer; }

      .bootstrap-tagsinput .tag [data-role="remove"]:after {

        content: "x";

        padding: 0px 2px; }

      .bootstrap-tagsinput .tag [data-role="remove"]:hover {

        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

        .bootstrap-tagsinput .tag [data-role="remove"]:hover:active {

          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }



/*

 * The MIT License

 * Copyright (c) 2012 Matias Meno <m@tias.me>

 */

@-webkit-keyframes passing-through {

  0% {

    opacity: 0;

    -webkit-transform: translateY(40px);

    -moz-transform: translateY(40px);

    -ms-transform: translateY(40px);

    -o-transform: translateY(40px);

    transform: translateY(40px); }

  30%, 70% {

    opacity: 1;

    -webkit-transform: translateY(0px);

    -moz-transform: translateY(0px);

    -ms-transform: translateY(0px);

    -o-transform: translateY(0px);

    transform: translateY(0px); }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-40px);

    -moz-transform: translateY(-40px);

    -ms-transform: translateY(-40px);

    -o-transform: translateY(-40px);

    transform: translateY(-40px); } }

@-moz-keyframes passing-through {

  0% {

    opacity: 0;

    -webkit-transform: translateY(40px);

    -moz-transform: translateY(40px);

    -ms-transform: translateY(40px);

    -o-transform: translateY(40px);

    transform: translateY(40px); }

  30%, 70% {

    opacity: 1;

    -webkit-transform: translateY(0px);

    -moz-transform: translateY(0px);

    -ms-transform: translateY(0px);

    -o-transform: translateY(0px);

    transform: translateY(0px); }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-40px);

    -moz-transform: translateY(-40px);

    -ms-transform: translateY(-40px);

    -o-transform: translateY(-40px);

    transform: translateY(-40px); } }

@keyframes passing-through {

  0% {

    opacity: 0;

    -webkit-transform: translateY(40px);

    -moz-transform: translateY(40px);

    -ms-transform: translateY(40px);

    -o-transform: translateY(40px);

    transform: translateY(40px); }

  30%, 70% {

    opacity: 1;

    -webkit-transform: translateY(0px);

    -moz-transform: translateY(0px);

    -ms-transform: translateY(0px);

    -o-transform: translateY(0px);

    transform: translateY(0px); }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-40px);

    -moz-transform: translateY(-40px);

    -ms-transform: translateY(-40px);

    -o-transform: translateY(-40px);

    transform: translateY(-40px); } }

@-webkit-keyframes slide-in {

  0% {

    opacity: 0;

    -webkit-transform: translateY(40px);

    -moz-transform: translateY(40px);

    -ms-transform: translateY(40px);

    -o-transform: translateY(40px);

    transform: translateY(40px); }

  30% {

    opacity: 1;

    -webkit-transform: translateY(0px);

    -moz-transform: translateY(0px);

    -ms-transform: translateY(0px);

    -o-transform: translateY(0px);

    transform: translateY(0px); } }

@-moz-keyframes slide-in {

  0% {

    opacity: 0;

    -webkit-transform: translateY(40px);

    -moz-transform: translateY(40px);

    -ms-transform: translateY(40px);

    -o-transform: translateY(40px);

    transform: translateY(40px); }

  30% {

    opacity: 1;

    -webkit-transform: translateY(0px);

    -moz-transform: translateY(0px);

    -ms-transform: translateY(0px);

    -o-transform: translateY(0px);

    transform: translateY(0px); } }

@keyframes slide-in {

  0% {

    opacity: 0;

    -webkit-transform: translateY(40px);

    -moz-transform: translateY(40px);

    -ms-transform: translateY(40px);

    -o-transform: translateY(40px);

    transform: translateY(40px); }

  30% {

    opacity: 1;

    -webkit-transform: translateY(0px);

    -moz-transform: translateY(0px);

    -ms-transform: translateY(0px);

    -o-transform: translateY(0px);

    transform: translateY(0px); } }

@-webkit-keyframes pulse {

  0% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1); }

  10% {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1); }

  20% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1); } }

@-moz-keyframes pulse {

  0% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1); }

  10% {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1); }

  20% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1); } }

@keyframes pulse {

  0% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1); }

  10% {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1); }

  20% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1); } }

.dropzone, .dropzone * {

  box-sizing: border-box; }



.dropzone {

  min-height: 150px;

  border: 2px solid rgba(0, 0, 0, 0.3);

  background: white;

  padding: 20px 20px; }

  .dropzone.dz-clickable {

    cursor: pointer; }

    .dropzone.dz-clickable * {

      cursor: default; }

    .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {

      cursor: pointer; }

  .dropzone.dz-started .dz-message {

    display: none; }

  .dropzone.dz-drag-hover {

    border-style: solid; }

    .dropzone.dz-drag-hover .dz-message {

      opacity: 0.5; }

  .dropzone .dz-message {

    text-align: center;

    margin: 2em 0; }

  .dropzone .dz-preview {

    position: relative;

    display: inline-block;

    vertical-align: top;

    margin: 16px;

    min-height: 100px; }

    .dropzone .dz-preview:hover {

      z-index: 1000; }

      .dropzone .dz-preview:hover .dz-details {

        opacity: 1; }

    .dropzone .dz-preview.dz-file-preview .dz-image {

      border-radius: 20px;

      background: #999;

      background: linear-gradient(to bottom, #eee, #ddd); }

    .dropzone .dz-preview.dz-file-preview .dz-details {

      opacity: 1; }

    .dropzone .dz-preview.dz-image-preview {

      background: white; }

      .dropzone .dz-preview.dz-image-preview .dz-details {

        -webkit-transition: opacity 0.2s linear;

        -moz-transition: opacity 0.2s linear;

        -ms-transition: opacity 0.2s linear;

        -o-transition: opacity 0.2s linear;

        transition: opacity 0.2s linear; }

    .dropzone .dz-preview .dz-remove {

      font-size: 14px;

      text-align: center;

      display: block;

      cursor: pointer;

      border: none; }

      .dropzone .dz-preview .dz-remove:hover {

        text-decoration: underline; }

    .dropzone .dz-preview:hover .dz-details {

      opacity: 1; }

    .dropzone .dz-preview .dz-details {

      z-index: 20;

      position: absolute;

      top: 0;

      left: 0;

      opacity: 0;

      font-size: 13px;

      min-width: 100%;

      max-width: 100%;

      padding: 2em 1em;

      text-align: center;

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

      line-height: 150%; }

      .dropzone .dz-preview .dz-details .dz-size {

        margin-bottom: 1em;

        font-size: 16px; }

      .dropzone .dz-preview .dz-details .dz-filename {

        white-space: nowrap; }

        .dropzone .dz-preview .dz-details .dz-filename:hover span {

          border: 1px solid rgba(200, 200, 200, 0.8);

          background-color: rgba(255, 255, 255, 0.8); }

        .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {

          overflow: hidden;

          text-overflow: ellipsis; }

          .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {

            border: 1px solid transparent; }

      .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {

        background-color: rgba(255, 255, 255, 0.4);

        padding: 0 0.4em;

        border-radius: 3px; }

    .dropzone .dz-preview:hover .dz-image img {

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

      -moz-transform: scale(1.05, 1.05);

      -ms-transform: scale(1.05, 1.05);

      -o-transform: scale(1.05, 1.05);

      transform: scale(1.05, 1.05);

      -webkit-filter: blur(8px);

      filter: blur(8px); }

    .dropzone .dz-preview .dz-image {

      border-radius: 20px;

      overflow: hidden;

      width: 120px;

      height: 120px;

      position: relative;

      display: block;

      z-index: 10; }

      .dropzone .dz-preview .dz-image img {

        display: block; }

    .dropzone .dz-preview.dz-success .dz-success-mark {

      -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);

      -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);

      -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);

      -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);

      animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }

    .dropzone .dz-preview.dz-error .dz-error-mark {

      opacity: 1;

      -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);

      -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);

      -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);

      -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);

      animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }

    .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {

      pointer-events: none;

      opacity: 0;

      z-index: 500;

      position: absolute;

      display: block;

      top: 50%;

      left: 50%;

      margin-left: -27px;

      margin-top: -27px; }

      .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {

        display: block;

        width: 54px;

        height: 54px; }

    .dropzone .dz-preview.dz-processing .dz-progress {

      opacity: 1;

      -webkit-transition: all 0.2s linear;

      -moz-transition: all 0.2s linear;

      -ms-transition: all 0.2s linear;

      -o-transition: all 0.2s linear;

      transition: all 0.2s linear; }

    .dropzone .dz-preview.dz-complete .dz-progress {

      opacity: 0;

      -webkit-transition: opacity 0.4s ease-in;

      -moz-transition: opacity 0.4s ease-in;

      -ms-transition: opacity 0.4s ease-in;

      -o-transition: opacity 0.4s ease-in;

      transition: opacity 0.4s ease-in; }

    .dropzone .dz-preview:not(.dz-processing) .dz-progress {

      -webkit-animation: pulse 6s ease infinite;

      -moz-animation: pulse 6s ease infinite;

      -ms-animation: pulse 6s ease infinite;

      -o-animation: pulse 6s ease infinite;

      animation: pulse 6s ease infinite; }

    .dropzone .dz-preview .dz-progress {

      opacity: 1;

      z-index: 1000;

      pointer-events: none;

      position: absolute;

      height: 16px;

      left: 50%;

      top: 50%;

      margin-top: -8px;

      width: 80px;

      margin-left: -40px;

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

      -webkit-transform: scale(1);

      border-radius: 8px;

      overflow: hidden; }

      .dropzone .dz-preview .dz-progress .dz-upload {

        background: #333;

        background: linear-gradient(to bottom, #666, #444);

        position: absolute;

        top: 0;

        left: 0;

        bottom: 0;

        width: 0;

        -webkit-transition: width 300ms ease-in-out;

        -moz-transition: width 300ms ease-in-out;

        -ms-transition: width 300ms ease-in-out;

        -o-transition: width 300ms ease-in-out;

        transition: width 300ms ease-in-out; }

    .dropzone .dz-preview.dz-error .dz-error-message {

      display: block; }

    .dropzone .dz-preview.dz-error:hover .dz-error-message {

      opacity: 1;

      pointer-events: auto; }

    .dropzone .dz-preview .dz-error-message {

      pointer-events: none;

      z-index: 1000;

      position: absolute;

      display: block;

      display: none;

      opacity: 0;

      -webkit-transition: opacity 0.3s ease;

      -moz-transition: opacity 0.3s ease;

      -ms-transition: opacity 0.3s ease;

      -o-transition: opacity 0.3s ease;

      transition: opacity 0.3s ease;

      border-radius: 8px;

      font-size: 13px;

      top: 130px;

      left: -10px;

      width: 140px;

      background: #be2626;

      background: linear-gradient(to bottom, #be2626, #a92222);

      padding: 0.5em 1.2em;

      color: white; }

      .dropzone .dz-preview .dz-error-message:after {

        content: '';

        position: absolute;

        top: -6px;

        left: 64px;

        width: 0;

        height: 0;

        border-left: 6px solid transparent;

        border-right: 6px solid transparent;

        border-bottom: 6px solid #be2626; }



/*      Summernote     */

@font-face {

  font-family: "summernote";

  font-style: normal;

  font-weight: normal;

  src: url("../fonts/summernote/summernote.eot?e557617934c52ea068954af79ed7c221");

  src: url("../fonts/summernote/summernote.eot?#iefix") format("embedded-opentype"), url("../fonts/summernote/summernote.woff?e557617934c52ea068954af79ed7c221") format("woff"), url("../fonts/summernote/summernote.ttf?e557617934c52ea068954af79ed7c221") format("truetype"); }

[class^="note-icon-"]:before, [class*=" note-icon-"]:before {

  display: inline-block;

  font: normal normal normal 14px summernote;

  font-size: inherit;

  -webkit-font-smoothing: antialiased;

  text-decoration: inherit;

  text-rendering: auto;

  text-transform: none;

  vertical-align: middle;

  speak: none;

  -moz-osx-font-smoothing: grayscale; }



.note-icon-align-center:before, .note-icon-align-indent:before, .note-icon-align-justify:before, .note-icon-align-left:before, .note-icon-align-outdent:before, .note-icon-align-right:before, .note-icon-align:before, .note-icon-arrow-circle-down:before, .note-icon-arrow-circle-left:before, .note-icon-arrow-circle-right:before, .note-icon-arrow-circle-up:before, .note-icon-arrows-alt:before, .note-icon-arrows-h:before, .note-icon-arrows-v:before, .note-icon-bold:before, .note-icon-caret:before, .note-icon-chain-broken:before, .note-icon-circle:before, .note-icon-close:before, .note-icon-code:before, .note-icon-col-after:before, .note-icon-col-before:before, .note-icon-col-remove:before, .note-icon-eraser:before, .note-icon-font:before, .note-icon-frame:before, .note-icon-italic:before, .note-icon-link:before, .note-icon-magic:before, .note-icon-menu-check:before, .note-icon-minus:before, .note-icon-orderedlist:before, .note-icon-pencil:before, .note-icon-picture:before, .note-icon-question:before, .note-icon-redo:before, .note-icon-row-above:before, .note-icon-row-below:before, .note-icon-row-remove:before, .note-icon-special-character:before, .note-icon-square:before, .note-icon-strikethrough:before, .note-icon-subscript:before, .note-icon-summernote:before, .note-icon-superscript:before, .note-icon-table:before, .note-icon-text-height:before, .note-icon-trash:before, .note-icon-underline:before, .note-icon-undo:before, .note-icon-unorderedlist:before, .note-icon-video:before {

  display: inline-block;

  font-family: "summernote";

  font-style: normal;

  font-weight: normal;

  text-decoration: inherit; }



.note-icon-align-center:before {

  content: "\f101"; }



.note-icon-align-indent:before {

  content: "\f102"; }



.note-icon-align-justify:before {

  content: "\f103"; }



.note-icon-align-left:before {

  content: "\f104"; }



.note-icon-align-outdent:before {

  content: "\f105"; }



.note-icon-align-right:before {

  content: "\f106"; }



.note-icon-align:before {

  content: "\f107"; }



.note-icon-arrow-circle-down:before {

  content: "\f108"; }



.note-icon-arrow-circle-left:before {

  content: "\f109"; }



.note-icon-arrow-circle-right:before {

  content: "\f10a"; }



.note-icon-arrow-circle-up:before {

  content: "\f10b"; }



.note-icon-arrows-alt:before {

  content: "\f10c"; }



.note-icon-arrows-h:before {

  content: "\f10d"; }



.note-icon-arrows-v:before {

  content: "\f10e"; }



.note-icon-bold:before {

  content: "\f10f"; }



.note-icon-caret:before {

  content: "\f110"; }



.note-icon-chain-broken:before {

  content: "\f111"; }



.note-icon-circle:before {

  content: "\f112"; }



.note-icon-close:before {

  content: "\f113"; }



.note-icon-code:before {

  content: "\f114"; }



.note-icon-col-after:before {

  content: "\f115"; }



.note-icon-col-before:before {

  content: "\f116"; }



.note-icon-col-remove:before {

  content: "\f117"; }



.note-icon-eraser:before {

  content: "\f118"; }



.note-icon-font:before {

  content: "\f119"; }



.note-icon-frame:before {

  content: "\f11a"; }



.note-icon-italic:before {

  content: "\f11b"; }



.note-icon-link:before {

  content: "\f11c"; }



.note-icon-magic:before {

  content: "\f11d"; }



.note-icon-menu-check:before {

  content: "\f11e"; }



.note-icon-minus:before {

  content: "\f11f"; }



.note-icon-orderedlist:before {

  content: "\f120"; }



.note-icon-pencil:before {

  content: "\f121"; }



.note-icon-picture:before {

  content: "\f122"; }



.note-icon-question:before {

  content: "\f123"; }



.note-icon-redo:before {

  content: "\f124"; }



.note-icon-row-above:before {

  content: "\f125"; }



.note-icon-row-below:before {

  content: "\f126"; }



.note-icon-row-remove:before {

  content: "\f127"; }



.note-icon-special-character:before {

  content: "\f128"; }



.note-icon-square:before {

  content: "\f129"; }



.note-icon-strikethrough:before {

  content: "\f12a"; }



.note-icon-subscript:before {

  content: "\f12b"; }



.note-icon-summernote:before {

  content: "\f12c"; }



.note-icon-superscript:before {

  content: "\f12d"; }



.note-icon-table:before {

  content: "\f12e"; }



.note-icon-text-height:before {

  content: "\f12f"; }



.note-icon-trash:before {

  content: "\f130"; }



.note-icon-underline:before {

  content: "\f131"; }



.note-icon-undo:before {

  content: "\f132"; }



.note-icon-unorderedlist:before {

  content: "\f133"; }



.note-icon-video:before {

  content: "\f134"; }



.note-editor {

  position: relative; }

  .note-editor .note-dropzone {

    position: absolute;

    z-index: 100;

    display: none;

    color: #87cefa;

    background-color: white;

    opacity: .95; }

    .note-editor .note-dropzone .note-dropzone-message {

      display: table-cell;

      font-size: 28px;

      font-weight: bold;

      text-align: center;

      vertical-align: middle; }

    .note-editor .note-dropzone.hover {

      color: #098ddf; }

  .note-editor.dragover .note-dropzone {

    display: table; }

  .note-editor .note-editing-area {

    position: relative; }

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

      outline: 0; }

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

        vertical-align: super; }

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

        vertical-align: sub; }

    .note-editor .note-editing-area img.note-float-left {

      margin-right: 10px; }

    .note-editor .note-editing-area img.note-float-right {

      margin-left: 10px; }

  .note-editor.note-frame {

    border: 1px solid #a9a9a9; }

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

      display: none; }

    .note-editor.note-frame.codeview .note-editing-area .note-codable {

      display: block; }

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

      overflow: hidden; }

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

        padding: 10px;

        overflow: auto;

        color: #000;

        background-color: #ffffff; }

        .note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"] {

          background-color: #e5e5e5; }

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

        display: none;

        width: 100%;

        padding: 10px;

        margin-bottom: 0;

        font-family: Menlo,Monaco,monospace,sans-serif;

        font-size: 14px;

        color: #ccc;

        background-color: #222;

        border: 0;

        -webkit-border-radius: 0;

        -moz-border-radius: 0;

        border-radius: 0;

        box-shadow: none;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        -ms-box-sizing: border-box;

        box-sizing: border-box;

        resize: none; }

    .note-editor.note-frame.fullscreen {

      position: fixed;

      top: 0;

      left: 0;

      z-index: 1050;

      width: 100% !important; }

      .note-editor.note-frame.fullscreen .note-editable {

        background-color: white; }

      .note-editor.note-frame.fullscreen .note-resizebar {

        display: none; }

    .note-editor.note-frame .note-statusbar {

      background-color: #f5f5f5;

      border-bottom-right-radius: 4px;

      border-bottom-left-radius: 4px; }

      .note-editor.note-frame .note-statusbar .note-resizebar {

        width: 100%;

        height: 8px;

        padding-top: 1px;

        cursor: ns-resize; }

        .note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {

          width: 20px;

          margin: 1px auto;

          border-top: 1px solid #a9a9a9; }

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

      padding: 10px; }



.note-popover.popover {

  display: none;

  max-width: none; }

  .note-popover.popover .popover-content a {

    display: inline-block;

    max-width: 200px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    vertical-align: middle; }

  .note-popover.popover .arrow {

    left: 20px !important; }

.note-popover .popover-content {

  padding: 0 0 5px 5px;

  margin: 0; }



.card-header.note-toolbar {

  padding: 0 0 5px 5px;

  margin: 0; }



.note-popover .popover-content > .btn-group, .card-header.note-toolbar > .btn-group {

  margin-top: 5px;

  margin-right: 5px;

  margin-left: 0; }



.note-popover .popover-content .btn-group .note-table, .card-header.note-toolbar .btn-group .note-table {

  min-width: 0;

  padding: 5px; }



.note-popover .popover-content .btn-group .note-table .note-dimension-picker, .card-header.note-toolbar .btn-group .note-table .note-dimension-picker {

  font-size: 18px; }



.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, .card-header.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {

  position: absolute !important;

  z-index: 3;

  width: 10em;

  height: 10em;

  cursor: pointer; }



.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, .card-header.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {

  position: relative !important;

  z-index: 1;

  width: 5em;

  height: 5em;

  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat; }



.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted, .card-header.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {

  position: absolute !important;

  z-index: 2;

  width: 1em;

  height: 1em;

  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat; }



.note-popover .popover-content .note-style h1, .card-header.note-toolbar .note-style h1, .note-popover .popover-content .note-style h2, .card-header.note-toolbar .note-style h2, .note-popover .popover-content .note-style h3, .card-header.note-toolbar .note-style h3, .note-popover .popover-content .note-style h4, .card-header.note-toolbar .note-style h4, .note-popover .popover-content .note-style h5, .card-header.note-toolbar .note-style h5, .note-popover .popover-content .note-style h6, .card-header.note-toolbar .note-style h6, .note-popover .popover-content .note-style blockquote, .card-header.note-toolbar .note-style blockquote {

  margin: 0; }



.note-popover .popover-content .note-color .dropdown-toggle, .card-header.note-toolbar .note-color .dropdown-toggle {

  width: 20px;

  padding-left: 5px; }



.note-popover .popover-content .note-color .dropdown-menu, .card-header.note-toolbar .note-color .dropdown-menu {

  min-width: 337px; }



.note-popover .popover-content .note-color .dropdown-menu .note-palette, .card-header.note-toolbar .note-color .dropdown-menu .note-palette {

  display: inline-block;

  width: 160px;

  margin: 0; }



.note-popover .popover-content .note-color .dropdown-menu .note-palette:first-child, .card-header.note-toolbar .note-color .dropdown-menu .note-palette:first-child {

  margin: 0 5px; }



.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-palette-title, .card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-palette-title {

  margin: 2px 7px;

  font-size: 12px;

  text-align: center;

  border-bottom: 1px solid #eee; }



.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset, .card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset {

  width: 100%;

  padding: 0 3px;

  margin: 3px;

  font-size: 11px;

  cursor: pointer;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px; }



.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-row, .card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-row {

  height: 20px; }



.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset:hover, .card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset:hover {

  background: #eee; }



.note-popover .popover-content .note-para .dropdown-menu, .card-header.note-toolbar .note-para .dropdown-menu {

  min-width: 216px;

  padding: 5px; }



.note-popover .popover-content .note-para .dropdown-menu > div:first-child, .card-header.note-toolbar .note-para .dropdown-menu > div:first-child {

  margin-right: 5px; }



.note-popover .popover-content .dropdown-menu, .card-header.note-toolbar .dropdown-menu {

  min-width: 90px; }



.note-popover .popover-content .dropdown-menu.right, .card-header.note-toolbar .dropdown-menu.right {

  right: 0;

  left: auto; }



.note-popover .popover-content .dropdown-menu.right::before, .card-header.note-toolbar .dropdown-menu.right::before {

  right: 9px;

  left: auto !important; }



.note-popover .popover-content .dropdown-menu.right::after, .card-header.note-toolbar .dropdown-menu.right::after {

  right: 10px;

  left: auto !important; }



.note-popover .popover-content .dropdown-menu.note-check a i, .card-header.note-toolbar .dropdown-menu.note-check a i {

  color: deepskyblue;

  visibility: hidden; }



.note-popover .popover-content .dropdown-menu.note-check a.checked i, .card-header.note-toolbar .dropdown-menu.note-check a.checked i {

  visibility: visible; }



.note-popover .popover-content .note-fontsize-10, .card-header.note-toolbar .note-fontsize-10 {

  font-size: 10px; }



.note-popover .popover-content .note-color-palette, .card-header.note-toolbar .note-color-palette {

  line-height: 1; }



.note-popover .popover-content .note-color-palette div .note-color-btn, .card-header.note-toolbar .note-color-palette div .note-color-btn {

  width: 20px;

  height: 20px;

  padding: 0;

  margin: 0;

  border: 1px solid #ffffff; }



.note-popover .popover-content .note-color-palette div .note-color-btn:hover, .card-header.note-toolbar .note-color-palette div .note-color-btn:hover {

  border: 1px solid #000; }



.note-dialog > div {

  display: none; }

.note-dialog .form-group {

  margin-right: 0;

  margin-left: 0; }

.note-dialog .note-modal-form {

  margin: 0; }

.note-dialog .note-image-dialog .note-dropzone {

  min-height: 100px;

  margin-bottom: 10px;

  font-size: 30px;

  line-height: 4;

  color: lightgray;

  text-align: center;

  border: 4px dashed lightgray; }



@-moz-document url-prefix() {

  .note-image-input {

    height: auto; } }

.note-placeholder {

  position: absolute;

  display: none;

  color: gray; }



.note-handle .note-control-selection {

  position: absolute;

  display: none;

  border: 1px solid black; }

  .note-handle .note-control-selection > div {

    position: absolute; }

  .note-handle .note-control-selection .note-control-selection-bg {

    width: 100%;

    height: 100%;

    background-color: black;

    -webkit-opacity: .3;

    -khtml-opacity: .3;

    -moz-opacity: .3;

    opacity: .3;

    -ms-filter: alpha(opacity=30);

    filter: alpha(opacity=30); }

  .note-handle .note-control-selection .note-control-handle, .note-handle .note-control-selection .note-control-holder {

    width: 7px;

    height: 7px;

    border: 1px solid black; }

  .note-handle .note-control-selection .note-control-sizing {

    width: 7px;

    height: 7px;

    background-color: white;

    border: 1px solid black; }

  .note-handle .note-control-selection .note-control-nw {

    top: -5px;

    left: -5px;

    border-right: 0;

    border-bottom: 0; }

  .note-handle .note-control-selection .note-control-ne {

    top: -5px;

    right: -5px;

    border-bottom: 0;

    border-left: none; }

  .note-handle .note-control-selection .note-control-sw {

    bottom: -5px;

    left: -5px;

    border-top: 0;

    border-right: 0; }

  .note-handle .note-control-selection .note-control-se {

    right: -5px;

    bottom: -5px;

    cursor: se-resize; }

    .note-handle .note-control-selection .note-control-se.note-control-holder {

      cursor: default;

      border-top: 0;

      border-left: none; }

  .note-handle .note-control-selection .note-control-selection-info {

    right: 0;

    bottom: 0;

    padding: 5px;

    margin: 5px;

    font-size: 12px;

    color: white;

    background-color: black;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    -webkit-opacity: .7;

    -khtml-opacity: .7;

    -moz-opacity: .7;

    opacity: .7;

    -ms-filter: alpha(opacity=70);

    filter: alpha(opacity=70); }



.note-hint-popover {

  min-width: 100px;

  padding: 2px; }

  .note-hint-popover .popover-content {

    max-height: 150px;

    padding: 3px;

    overflow: auto; }

    .note-hint-popover .popover-content .note-hint-group .note-hint-item {

      display: block !important;

      padding: 3px; }

      .note-hint-popover .popover-content .note-hint-group .note-hint-item.active, .note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {

        display: block;

        clear: both;

        font-weight: 400;

        line-height: 1.4;

        color: white;

        text-decoration: none;

        white-space: nowrap;

        cursor: pointer;

        background-color: #428bca;

        outline: 0; }



/*     Responsive     */

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

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

    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;

    background: transparent !important; }



  .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 .logo-header {

    background: #ffffff;

    border-bottom: 1px solid #f1f1f1; }

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

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



  .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 .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; }



  .main-panel {

    width: 100%;

    transition: all .5s; }

    .main-panel > .content {

      padding: 20px 0; }

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

      right: 16px !important; }



  .main-header .logo-header {

    display: flex!important;

    width: 100% !important;

    text-align: left;

    position: relative;

    justify-content: center;

    background: #ffffff; }

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

      position: absolute;

      top: auto;

      height: 100%;

      left: 15px;

      opacity: 1!important;;

      display: block!important;; }

    .main-header .logo-header .more {

      opacity: 1;

      position: absolute;

      right: 15px;

      color: #545454;

      cursor: pointer;

      display: inline-block;

      width: unset;

      line-height: 56px; }

    .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 {

    border-top: 1px solid #eee;

    position: absolute;

    width: 100%;

    background: #ffffff;

    transform: translate3d(0, -200px, 0) !important;

    transition: all .5s; }



  .topbar_open .navbar-header {

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

    padding: 10px;

    border-bottom: 1px solid #eee; }

    .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, 115px, 0) !important; }

  .topbar_open > .content {

    margin-top: 0px !important; }



  .nav_open.topbar_open .main-panel {

    transform: translate3d(240px, 125px, 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; }



  .mail-wrapper .mail-option .email-filters-left {

    width: 50%; }

    .mail-wrapper .mail-option .email-filters-left .btn-group {

      margin-bottom: 10px; }



  /* Dropzone */

  .dropzone {

    padding: 20px 15px !important; }

    .dropzone .dz-message .message {

      font-size: 23px; }

    .dropzone .dz-message .note {

      font-size: 15px; } }

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

  .mail-wrapper .aside-nav {

    display: block !important; } }

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

  .mail-wrapper {

    flex-direction: column; }

    .mail-wrapper .page-aside {

      width: 100%;

      height: unset;

      min-height: unset;

      border-bottom: 1px solid #eee;

      border-left: 0;

      border-right: 0;

      background: transparent;

      padding-top: 0px;

      padding-bottom: 0px; }

      .mail-wrapper .page-aside .aside-header {

        padding-top: 25px;

        padding-bottom: 25px;

        background: #f1f1f1; }

      .mail-wrapper .page-aside .aside-nav {

        background: #ffffff;

        padding-top: 15px;

        padding-bottom: 15px; }

    .mail-wrapper .mail-content {

      width: 100%; }

      .mail-wrapper .mail-content .inbox-head {

        flex-direction: column;

        align-items: left; }

        .mail-wrapper .mail-content .inbox-head h3 {

          font-size: 18px; }

        .mail-wrapper .mail-content .inbox-head form {

          margin-left: 0px !important;

          margin-top: 15px; }

      .mail-wrapper .mail-content .email-head h3 {

        font-size: 18px; }

      .mail-wrapper .mail-content .email-compose-fields {

        padding: 20px 15px; }

    .mail-wrapper .mail-option {

      flex-direction: column; }

      .mail-wrapper .mail-option .email-filters-left {

        width: 100%;

        margin-bottom: 10px; }

    .mail-wrapper .toggle-email-nav {

      display: inline-block !important; }

    .mail-wrapper .table-inbox tr td .badge {

      margin-top: 5px;

      float: left; } }

@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; } }

@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;

      font-weight: 300;

      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;

      box-shadow: 0px 0px 12px rgba(160, 159, 159, 0.18); }

      .login .wrapper.wrapper-login .container-login h3, .login .wrapper.wrapper-login .container-signup h3 {

        font-size: 19px;

        font-weight: 300;

        margin-bottom: 25px; }

      .login .wrapper.wrapper-login .container-login .form-sub, .login .wrapper.wrapper-login .container-signup .form-sub {

        align-items: center;

        padding: 8px 0; }

        .login .wrapper.wrapper-login .container-login .form-sub .login-forget, .login .wrapper.wrapper-login .container-signup .form-sub .login-forget {

          text-align: right; }

      .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 0; }

      .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: 399px) {

  .wrapper-login {

    padding: 15px !important; }



  .container-login {

    width: 100% !important;

    padding: 60px 15px !important; } }



/* Custom Css */

body , p{

    font-size: 13px !important;

    color: #333 !important;

}

label{font-size: 14px !important;}

    .custom-control-input{left: 0;

    display: block;

    width: 1rem;

    height: 1rem;

    z-index: 1000 !important;

}

#infoMessage{padding: 5px;}

#infoMessage p{margin-bottom: 0px;}

.special_h1{font-size: 17px !important;font-weight: 600;margin-bottom: 30px;}



body.login {

    

    background: #fff !important;

}

.form-control {

    font-size: 13px!important;

    border-color: #bed7f7    !important;

    padding: 5px 1rem !important;

}

.myfloatleft {

    float: left!important;

}

.table td, .table th {

    font-size: 13px!important;

    border-color: #ebedf2 !important;

    padding: 0.75rem !important;

}



h3, .h3 {

    font-size: 20px!important;}

    #infoMessage p {

    margin-bottom: 0px;

    color: #fff !important;

}



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

.main-panel .page-header {

    flex-direction: column;

    align-items: normal;

    position: relative;

    min-height: 0px!important;

    justify-content: center;

}

}

.btn-errors{background: #FF9800 !important;}



.btn-theme-color{background: #1e4f58 !important;



color: #fff!important;

background-image: linear-gradient(100deg,#0070ba,#1546a0) !important;

padding: 4px;

}



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

   /* background: #005acc!important; */

    background-color: #0070ba !important;

    background-image: linear-gradient(100deg,#0070ba,#1546a0) !important;

}



.sidebar .nav > .nav-item a {

    display: flex;

    align-items: center;

    color: #575962;

    padding: 6px 10px !important;

    width: 100%;

    font-size: 14px;

    font-weight: 400;

    position: relative;

    margin-bottom: 3px;

}

@-moz-document url-prefix() {
  .main-header .logo-header {
    margin-top: 18px!important;
  }
}


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

    color: #908f8f;

    margin-right: 15px;

    width: 34px!important;

    text-align: center;

    vertical-align: middle;

    float: left;

    /* background: #0070ba; */

    border-radius: 50%;

    height: 34px!important;

    padding-top: 5px;

    border: solid 1px;

}



.table thead th {

    color: #554;

    border-bottom-width: 2px;

    font-weight: 500 !important;

}



.row-grid1{margin-top:10px;}



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

    font-size: 17px !important;

}



.iti {

    position: relative;

    display: inline-block;

    width: 100%;

}



.card .card-title {

    

    font-weight: 600 !important;

    

}



.legend_title{

  font-size: 14px !important;

    font-weight: 700 !important;

    }



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

    height: calc(2.05rem + 0px)!important;

}



.col-stats .card-title{

  font-weight: 400!important;

  color: #fff !important;



}



.col-stats p{

  

  color: #fff !important;

  

}



.dropdown-divider {

    height: 0;

    margin: 0 0 !important;

    overflow: hidden;

    border-top: 1px solid #e9ecef;

}



.dropdown-menu{padding-bottom: 0px!important;

    margin-top: 0px!important;

    padding-top: 0px!important;}



    .card.card-space {

    padding: 0 12px!important;

}



.container-fluid {

    width: 100%;

    padding-right: 7px!important;

    padding-left: 7px!important;

    }



    .card .card-header {

    

    margin-bottom: 13px;

}



.card .card-title {

    margin: 0;

    color: #000000;

    font-size: 18px;

    /*font-weight: bold;*/

    line-height: 1.6;

}



.alert .close {

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

    width: 25px;

    height: 0px!important;

    line-height: 2px;

    top: 12px !important;

    border-radius: 50%;

    color: #fff!important;

    opacity: 1!important;

}



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

  font-size: 13px !important;font-weight: 600;

}



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

    font-size: 12px;

    }



    .card .card-list .btn-more {

    background: #eee;

    color: #000;

   

    padding-left: 5px;

    padding-right: 5px;

}



textarea {

  width: 100%;

}



.form-group, .form-check {

    margin-bottom: 0;

    padding: 6px 10px!important;

}



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

    background: #177dff !important;

border: 1px solid   #177dff !important;

}

.reports .col-stats p,.reports .card .card-title {

    color:     #575962 !important;

}



.logo_signature_container{min-height: 114px;}

.dropdownbtn{cursor: pointer;}



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

    margin-right: 8px;

    display: none;

}



.sidebar {

    

padding-top: 22px !important;}



.sidebar:before {

    

top: 52px !important;}



.sidebar .sidebar-wrapper .sidebar-content {

padding-top: 22px !important;}

.login .wrapper.wrapper-login .container-login, .login .wrapper.wrapper-login .container-signup {
    width: 350px;
    background: #fff;
    padding: 32px 21px !important;
  background-color: #fff;
    transition: background .2s ease-in, max-height .1s ease-out, min-height .1s ease-out;
    
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;}

.login_holder{ margin:0 auto; width: 70%}


.login_holder .form-control{height: 48px;
    padding: 3px 10px 4px;
    border-radius: 5px;
    font-size: 16px;
    line-height: 22px;
  border: 1px solid #b6c1cc;
    outline: 0;
    background-color: #f9fafb;
    color: #24282c;
    text-align: left;
    vertical-align: middle;
    transition: color .1s linear, background-color .1s linear, border-color .1s linear, box-shadow .1s linear;
    cursor: text;
    box-shadow: 0 1px 1px rgba(0,0,0,0.07) inset;}
.login_holder .form-control:focus, .login_holder .form-control:active{
    border-color: #068eef;
    outline: 0;
    background-color: #fff;
    box-shadow: 0 0 0 1px #068eef inset;
    }
   .login .wrapper.wrapper-login .container-login .btn-login{
width: 100%!important;
    background-color: #ffaf00!important;
    color: #fff;
    background-image: linear-gradient(
45deg, #ffaf00, #ffaf00)!important;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15), 0 0 0 1px rgba(0,0,0,0.1) inset!important;
    min-height: 48
px
;
    font-size: 17px;border-color: #ffaf00!important;}
    .btn-login:hover{box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15), 0 0 0 1px rgba(0,0,0,0.1) inset;}

    .login_logo{padding-bottom: 30px;}
    .login_intro h3{color: #ffaf00;
    font-weight: bold;}
    .login_intro strong{color: #169dc9;}

    .page-item a{position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;}


    .pagination > li > a,.pagination > li > strong, .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;
    position: relative!important;
    display: block;
    padding: 5px 9px!important;
    margin-left: -1px;
    line-height: 1.25!important;
    color: #007bff;
    background-color: #fff!important;
    border: 1px solid #dee2e6!important;
}

.form-check label, .form-group label {white-space: inherit!important;}

.inner_badge {
    border-radius: 10px !important;
    margin-left: auto;
    line-height: 1;
    padding: 2px 7px !important;
    vertical-align: middle;
    font-weight: 500;
    font-size: 9px}
label {
    color: #333!important;
    font-size: 15px!important;
    font-weight: 500 !important;
    font-family: 'Montserrat', sans-serif !important;
}

.main-header .navbar-header[data-background-color=blue] {
    background: #fda800!important;
}
/* Mobile */

@media screen and (max-width: 991px){
.main-header .logo-header .navbar-brand {
    position: unset!important;
    max-height: 48px !important;
}
}
@media only screen and (max-width: 414px) {

.login_holder{ margin:0 auto; width: 100%}
.login_intro p,.login_intro h3{display: none;}
.login_logo{padding-bottom: 19px;
    width: 80%;}

.special_h1 {
    font-size: 14px !important;
    font-weight: 600;
    text-align: center;
}

}

/*# sourceMappingURL=ready.css.map */

ote-statusbar {

      background-color: #f5f5f5;

      border-bottom-right-radius: 4px;

      border-bottom-left-radius: 4px; }

      .note-editor.note-frame .note-statusbar .note-resizebar {

        width: 100%;

        height: 8px;

        padding-top: 1px;

        cursor: ns-resize; }

        .note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {

          width: 20px;

          margin: 1px auto;

          border-top: 1px solid #a9a9a9; }

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

      padding: 10px; }



.note-popover.popover {

  display: none;

  max-width: none; }

  .note-popover.popover .popover-content a {

    display: inline-block;

    max-width: 200px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    vertical-align: middle; }

  .note-popover.popover .arrow {

    left: 20px !important; }

.note-popover .popover-content {

  padding: 0 0 5px 5px;

  margin: 0; }



.card-header.note-toolbar {

  padding: 0 0 5px 5px;

  margin: 0; }



.note-popover .popover-content > .btn-group, .card-header.note-toolbar > .btn-group {

  margin-top: 5px;

  margin-right: 5px;

  margin-left: 0; }



.note-popover .popover-content .btn-group .note-table, .card-header.note-toolbar .btn-group .note-table {

  min-width: 0;

  padding: 5px; }



.note-popover .popover-content .btn-group .note-table .note-dimension-picker, .card-header.note-toolbar .btn-group .note-table .note-dimension-picker {

  font-size: 18px; }



.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, .card-header.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {

  position: absolute !important;

  z-index: 3;

  width: 10em;

  height: 10em;

  cursor: pointer; }



.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, .card-header.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {

  position: relative !important;

  z-index: 1;

  width: 5em;

  height: 5em;

  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat; }



.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted, .card-header.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {

  position: absolute !important;

  z-index: 2;

  width: 1em;

  height: 1em;

  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat; }



.note-popover .popover-content .note-style h1, .card-header.note-toolbar .note-style h1, .note-popover .popover-content .note-style h2, .card-header.note-toolbar .note-style h2, .note-popover .popover-content .note-style h3, .card-header.note-toolbar .note-style h3, .note-popover .popover-content .note-style h4, .card-header.note-toolbar .note-style h4, .note-popover .popover-content .note-style h5, .card-header.note-toolbar .note-style h5, .note-popover .popover-content .note-style h6, .card-header.note-toolbar .note-style h6, .note-popover .popover-content .note-style blockquote, .card-header.note-toolbar .note-style blockquote {

  margin: 0; }



.note-popover .popover-content .note-color .dropdown-toggle, .card-header.note-toolbar .note-color .dropdown-toggle {

  width: 20px;

  padding-left: 5px; }



.note-popover .popover-content .note-color .dropdown-menu, .card-header.note-toolbar .note-color .dropdown-menu {

  min-width: 337px; }



.note-popover .popover-content .note-color .dropdown-menu .note-palette, .card-header.note-toolbar .note-color .dropdown-menu .note-palette {

  display: inline-block;

  width: 160px;

  margin: 0; }



.note-popover .popover-content .note-color .dropdown-menu .note-palette:first-child, .card-header.note-toolbar .note-color .dropdown-menu .note-palette:first-child {

  margin: 0 5px; }



.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-palette-title, .card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-palette-title {

  margin: 2px 7px;

  font-size: 12px;

  text-align: center;

  border-bottom: 1px solid #eee; }



.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset, .card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset {

  width: 100%;

  padding: 0 3px;

  margin: 3px;

  font-size: 11px;

  cursor: pointer;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px; }



.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-row, .card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-row {

  height: 20px; }



.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset:hover, .card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset:hover {

  background: #eee; }



.note-popover .popover-content .note-para .dropdown-menu, .card-header.note-toolbar .note-para .dropdown-menu {

  min-width: 216px;

  padding: 5px; }



.note-popover .popover-content .note-para .dropdown-menu > div:first-child, .card-header.note-toolbar .note-para .dropdown-menu > div:first-child {

  margin-right: 5px; }



.note-popover .popover-content .dropdown-menu, .card-header.note-toolbar .dropdown-menu {

  min-width: 90px; }



.note-popover .popover-content .dropdown-menu.right, .card-header.note-toolbar .dropdown-menu.right {

  right: 0;

  left: auto; }



.note-popover .popover-content .dropdown-menu.right::before, .card-header.note-toolbar .dropdown-menu.right::before {

  right: 9px;

  left: auto !important; }



.note-popover .popover-content .dropdown-menu.right::after, .card-header.note-toolbar .dropdown-menu.right::after {

  right: 10px;

  left: auto !important; }



.note-popover .popover-content .dropdown-menu.note-check a i, .card-header.note-toolbar .dropdown-menu.note-check a i {

  color: deepskyblue;

  visibility: hidden; }



.note-popover .popover-content .dropdown-menu.note-check a.checked i, .card-header.note-toolbar .dropdown-menu.note-check a.checked i {

  visibility: visible; }



.note-popover .popover-content .note-fontsize-10, .card-header.note-toolbar .note-fontsize-10 {

  font-size: 10px; }



.note-popover .popover-content .note-color-palette, .card-header.note-toolbar .note-color-palette {

  line-height: 1; }



.note-popover .popover-content .note-color-palette div .note-color-btn, .card-header.note-toolbar .note-color-palette div .note-color-btn {

  width: 20px;

  height: 20px;

  padding: 0;

  margin: 0;

  border: 1px solid #ffffff; }



.note-popover .popover-content .note-color-palette div .note-color-btn:hover, .card-header.note-toolbar .note-color-palette div .note-color-btn:hover {

  border: 1px solid #000; }



.note-dialog > div {

  display: none; }

.note-dialog .form-group {

  margin-right: 0;

  margin-left: 0; }

.note-dialog .note-modal-form {

  margin: 0; }

.note-dialog .note-image-dialog .note-dropzone {

  min-height: 100px;

  margin-bottom: 10px;

  font-size: 30px;

  line-height: 4;

  color: lightgray;

  text-align: center;

  border: 4px dashed lightgray; }



@-moz-document url-prefix() {

  .note-image-input {

    height: auto; } }

.note-placeholder {

  position: absolute;

  display: none;

  color: gray; }



.note-handle .note-control-selection {

  position: absolute;

  display: none;

  border: 1px solid black; }

  .note-handle .note-control-selection > div {

    position: absolute; }

  .note-handle .note-control-selection .note-control-selection-bg {

    width: 100%;

    height: 100%;

    background-color: black;

    -webkit-opacity: .3;

    -khtml-opacity: .3;

    -moz-opacity: .3;

    opacity: .3;

    -ms-filter: alpha(opacity=30);

    filter: alpha(opacity=30); }

  .note-handle .note-control-selection .note-control-handle, .note-handle .note-control-selection .note-control-holder {

    width: 7px;

    height: 7px;

    border: 1px solid black; }

  .note-handle .note-control-selection .note-control-sizing {

    width: 7px;

    height: 7px;

    background-color: white;

    border: 1px solid black; }

  .note-handle .note-control-selection .note-control-nw {

    top: -5px;

    left: -5px;

    border-right: 0;

    border-bottom: 0; }

  .note-handle .note-control-selection .note-control-ne {

    top: -5px;

    right: -5px;

    border-bottom: 0;

    border-left: none; }

  .note-handle .note-control-selection .note-control-sw {

    bottom: -5px;

    left: -5px;

    border-top: 0;

    border-right: 0; }

  .note-handle .note-control-selection .note-control-se {

    right: -5px;

    bottom: -5px;

    cursor: se-resize; }

    .note-handle .note-control-selection .note-control-se.note-control-holder {

      cursor: default;

      border-top: 0;

      border-left: none; }

  .note-handle .note-control-selection .note-control-selection-info {

    right: 0;

    bottom: 0;

    padding: 5px;

    margin: 5px;

    font-size: 12px;

    color: white;

    background-color: black;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    -webkit-opacity: .7;

    -khtml-opacity: .7;

    -moz-opacity: .7;

    opacity: .7;

    -ms-filter: alpha(opacity=70);

    filter: alpha(opacity=70); }



.note-hint-popover {

  min-width: 100px;

  padding: 2px; }

  .note-hint-popover .popover-content {

    max-height: 150px;

    padding: 3px;

    overflow: auto; }

    .note-hint-popover .popover-content .note-hint-group .note-hint-item {

      display: block !important;

      padding: 3px; }

      .note-hint-popover .popover-content .note-hint-group .note-hint-item.active, .note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {

        display: block;

        clear: both;

        font-weight: 400;

        line-height: 1.4;

        color: white;

        text-decoration: none;

        white-space: nowrap;

        cursor: pointer;

        background-color: #428bca;

        outline: 0; }



/*     Responsive     */

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

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

    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;

    background: transparent !important; }



  .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 .logo-header {

    background: #ffffff;

    border-bottom: 1px solid #f1f1f1; }

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

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



  .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 .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; }



  .main-panel {

    width: 100%;

    transition: all .5s; }

    .main-panel > .content {

      padding: 20px 0; }

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

      right: 16px !important; }



  .main-header .logo-header {

    display: flex;

    width: 100% !important;

    text-align: left;

    position: relative;

    justify-content: center;

    background: #ffffff; }

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

      position: absolute;

      top: auto;

      height: 100%;

      left: 15px;

      opacity: 1;

      display: block; }

    .main-header .logo-header .more {

      opacity: 1;

      position: absolute;

      right: 15px;

      color: #545454;

      cursor: pointer;

      display: inline-block;

      width: unset;

      line-height: 56px; }

    .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 {

    border-top: 1px solid #eee;

    position: absolute;

    width: 100%;

    background: #ffffff;

    transform: translate3d(0, -200px, 0) !important;

    transition: all .5s; }



  .topbar_open .navbar-header {

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

    padding: 10px;

    border-bottom: 1px solid #eee; }

    .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, 115px, 0) !important; }

  .topbar_open > .content {

    margin-top: 0px !important; }



  .nav_open.topbar_open .main-panel {

    transform: translate3d(240px, 125px, 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; }



  .mail-wrapper .mail-option .email-filters-left {

    width: 50%; }

    .mail-wrapper .mail-option .email-filters-left .btn-group {

      margin-bottom: 10px; }



  /* Dropzone */

  .dropzone {

    padding: 20px 15px !important; }

    .dropzone .dz-message .message {

      font-size: 23px; }

    .dropzone .dz-message .note {

      font-size: 15px; } }

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

  .mail-wrapper .aside-nav {

    display: block !important; } }

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

  .mail-wrapper {

    flex-direction: column; }

    .mail-wrapper .page-aside {

      width: 100%;

      height: unset;

      min-height: unset;

      border-bottom: 1px solid #eee;

      border-left: 0;

      border-right: 0;

      background: transparent;

      padding-top: 0px;

      padding-bottom: 0px; }

      .mail-wrapper .page-aside .aside-header {

        padding-top: 25px;

        padding-bottom: 25px;

        background: #f1f1f1; }

      .mail-wrapper .page-aside .aside-nav {

        background: #ffffff;

        padding-top: 15px;

        padding-bottom: 15px; }

    .mail-wrapper .mail-content {

      width: 100%; }

      .mail-wrapper .mail-content .inbox-head {

        flex-direction: column;

        align-items: left; }

        .mail-wrapper .mail-content .inbox-head h3 {

          font-size: 18px; }

        .mail-wrapper .mail-content .inbox-head form {

          margin-left: 0px !important;

          margin-top: 15px; }

      .mail-wrapper .mail-content .email-head h3 {

        font-size: 18px; }

      .mail-wrapper .mail-content .email-compose-fields {

        padding: 20px 15px; }

    .mail-wrapper .mail-option {

      flex-direction: column; }

      .mail-wrapper .mail-option .email-filters-left {

        width: 100%;

        margin-bottom: 10px; }

    .mail-wrapper .toggle-email-nav {

      display: inline-block !important; }

    .mail-wrapper .table-inbox tr td .badge {

      margin-top: 5px;

      float: left; } }

@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; } }

@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;

      font-weight: 300;

      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;

      box-shadow: 0px 0px 12px rgba(160, 159, 159, 0.18); }

      .login .wrapper.wrapper-login .container-login h3, .login .wrapper.wrapper-login .container-signup h3 {

        font-size: 19px;

        font-weight: 300;

        margin-bottom: 25px; }

      .login .wrapper.wrapper-login .container-login .form-sub, .login .wrapper.wrapper-login .container-signup .form-sub {

        align-items: center;

        padding: 8px 0; }

        .login .wrapper.wrapper-login .container-login .form-sub .login-forget, .login .wrapper.wrapper-login .container-signup .form-sub .login-forget {

          text-align: right; }

      .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 0; }

      .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: 399px) {

  .wrapper-login {

    padding: 15px !important; }



  .container-login {

    width: 100% !important;

    padding: 60px 15px !important; } }



/* Custom Css */

body , p{

    font-size: 13px !important;

    color: #333 !important;

}

label{font-size: 14px !important;}

    .custom-control-input{left: 0;

    display: block;

    width: 1rem;

    height: 1rem;

    z-index: 1000 !important;

}

#infoMessage{padding: 5px;}

#infoMessage p{margin-bottom: 0px;}

.special_h1{font-size: 17px !important;font-weight: 600;margin-bottom: 30px;}



body.login {

    

    background: #fff !important;

}

.form-control {

    font-size: 13px!important;

    border-color: #bed7f7    !important;

    padding: 5px 1rem !important;

}

.myfloatleft {

    float: left!important;

}

.table td, .table th {

    font-size: 13px!important;

    border-color: #ebedf2 !important;

    padding: 0.75rem !important;

}



h3, .h3 {

    font-size: 20px!important;}

    #infoMessage p {

    margin-bottom: 0px;

    color: #fff !important;

}



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

.main-panel .page-header {

    flex-direction: column;

    align-items: normal;

    position: relative;

    min-height: 0px!important;

    justify-content: center;

}

}

.btn-errors{background: #FF9800 !important;}



.btn-theme-color{background: #1e4f58 !important;



color: #fff!important;

background-image: linear-gradient(100deg,#0070ba,#1546a0) !important;

padding: 4px;

}



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

   /* background: #005acc!important; */

    background-color: #0070ba !important;

    background-image: linear-gradient(100deg,#0070ba,#1546a0) !important;

}



.sidebar .nav > .nav-item a {

    display: flex;

    align-items: center;

    color: #575962;

    padding: 6px 10px !important;

    width: 100%;

    font-size: 14px;

    font-weight: 400;

    position: relative;

    margin-bottom: 3px;

}

@-moz-document url-prefix() {
  .main-header .logo-header {
    margin-top: 18px!important;
  }
}


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

    color: #908f8f;

    margin-right: 15px;

    width: 34px!important;

    text-align: center;

    vertical-align: middle;

    float: left;

    /* background: #0070ba; */

    border-radius: 50%;

    height: 34px!important;

    padding-top: 5px;

    border: solid 1px;

}



.table thead th {

    color: #554;

    border-bottom-width: 2px;

    font-weight: 500 !important;

}



.row-grid1{margin-top:10px;}



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

    font-size: 17px !important;

}



.iti {

    position: relative;

    display: inline-block;

    width: 100%;

}



.card .card-title {

    

    font-weight: 600 !important;

    

}



.legend_title{

  font-size: 14px !important;

    font-weight: 700 !important;

    }



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

    height: calc(2.05rem + 0px)!important;

}



.col-stats .card-title{

  font-weight: 400!important;

  color: #fff !important;



}



.col-stats p{

  

  color: #fff !important;

  

}



.dropdown-divider {

    height: 0;

    margin: 0 0 !important;

    overflow: hidden;

    border-top: 1px solid #e9ecef;

}



.dropdown-menu{padding-bottom: 0px!important;

    margin-top: 0px!important;

    padding-top: 0px!important;}



    .card.card-space {

    padding: 0 12px!important;

}



.container-fluid {

    width: 100%;

    padding-right: 7px!important;

    padding-left: 7px!important;

    }



    .card .card-header {

    

    margin-bottom: 13px;

}



.card .card-title {

    margin: 0;

    color: #000000;

    font-size: 18px;

    /*font-weight: bold;*/

    line-height: 1.6;

}



.alert .close {

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

    width: 25px;

    height: 0px!important;

    line-height: 2px;

    top: 12px !important;

    border-radius: 50%;

    color: #fff!important;

    opacity: 1!important;

}



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

  font-size: 13px !important;font-weight: 600;

}



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

    font-size: 12px;

    }



    .card .card-list .btn-more {

    background: #eee;

    color: #000;

   

    padding-left: 5px;

    padding-right: 5px;

}



textarea {

  width: 100%;

}



.form-group, .form-check {

    margin-bottom: 0;

    padding: 6px 10px!important;

}



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

    background: #177dff !important;

border: 1px solid   #177dff !important;

}

.reports .col-stats p,.reports .card .card-title {

    color:     #575962 !important;

}



.logo_signature_container{min-height: 114px;}

.dropdownbtn{cursor: pointer;}



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

    margin-right: 8px;

    display: none;

}



.sidebar {

    

padding-top: 22px !important;}



.sidebar:before {

    

top: 52px !important;}



.sidebar .sidebar-wrapper .sidebar-content {

padding-top: 22px !important;}

.login .wrapper.wrapper-login .container-login, .login .wrapper.wrapper-login .container-signup {
    width: 350px;
    background: #fff;
    padding: 32px 21px !important;
  background-color: #fff;
    transition: background .2s ease-in, max-height .1s ease-out, min-height .1s ease-out;
    
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;}

.login_holder{ margin:0 auto; width: 70%}


.login_holder .form-control{height: 48px;
    padding: 3px 10px 4px;
    border-radius: 5px;
    font-size: 16px;
    line-height: 22px;
  border: 1px solid #b6c1cc;
    outline: 0;
    background-color: #f9fafb;
    color: #24282c;
    text-align: left;
    vertical-align: middle;
    transition: color .1s linear, background-color .1s linear, border-color .1s linear, box-shadow .1s linear;
    cursor: text;
    box-shadow: 0 1px 1px rgba(0,0,0,0.07) inset;}
.login_holder .form-control:focus, .login_holder .form-control:active{
    border-color: #068eef;
    outline: 0;
    background-color: #fff;
    box-shadow: 0 0 0 1px #068eef inset;
    }
   .login .wrapper.wrapper-login .container-login .btn-login{
width: 100%!important;
    background-color: #ffaf00!important;
    color: #fff;
    background-image: linear-gradient(
45deg, #ffaf00, #ffaf00)!important;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15), 0 0 0 1px rgba(0,0,0,0.1) inset!important;
    min-height: 48
px
;
    font-size: 17px;border-color: #ffaf00!important;}
    .btn-login:hover{box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15), 0 0 0 1px rgba(0,0,0,0.1) inset;}

    .login_logo{padding-bottom: 30px;}
    .login_intro h3{color: #ffaf00;
    font-weight: bold;}
    .login_intro strong{color: #169dc9;}

    .page-item a{position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;}


    .pagination > li > a,.pagination > li > strong, .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;
    position: relative!important;
    display: block;
    padding: 5px 9px!important;
    margin-left: -1px;
    line-height: 1.25!important;
    color: #007bff;
    background-color: #fff!important;
    border: 1px solid #dee2e6!important;
}

.form-check label, .form-group label {white-space: inherit!important;}

.inner_badge {
    border-radius: 10px !important;
    margin-left: auto;
    line-height: 1;
    padding: 2px 7px !important;
    vertical-align: middle;
    font-weight: 500;
    font-size: 9px}
label {
    color: #333!important;
    font-size: 15px!important;
    font-weight: 500 !important;
    font-family: 'Montserrat', sans-serif !important;
}

.main-header .navbar-header[data-background-color=blue] {
    background: #fda800!important;
}
.page-item.active .page-link {
    z-index: 1;
     color: #fff; 
    background-color: #007bff!important;
    border-color: #007bff!important;
}

.btn-danger{margin-bottom:5px!important}
/* Mobile */

@media screen and (max-width: 991px){
.main-header .logo-header .navbar-brand {
    position: unset!important;
    max-height: 48px !important;
}
}
@media only screen and (max-width: 414px) {

.login_holder{ margin:0 auto; width: 100%}
.login_intro p,.login_intro h3{display: none;}
.login_logo{padding-bottom: 19px;
    width: 80%;}

.special_h1 {
    font-size: 14px !important;
    font-weight: 600;
    text-align: center;
}

}

/*# sourceMappingURL=ready.css.map */