/*
* Skin: Amodo
* ------------
*/
/* #### Generated By: http://www.cufonfonts.com #### */


@font-face {
font-family: 'Avenir Next LT';
font-style: normal;
font-weight: 100;
src: local('Avenir Next LT Pro Ultra Light Condensed'), url('../fonts/AvenirNextLTPro-UltLtCn.woff') format('woff'); }

@font-face {
font-family: 'Avenir Next LT';
font-style: normal;
font-weight: 300;
src: local('Avenir Next LT Pro Condensed'), url('../fonts/AvenirNextLTPro-Cn.woff') format('woff'); }

@font-face {
font-family: 'Avenir Next LT';
font-style: normal;
font-weight: 400;
src: local('Avenir Next LT Pro Medium Condensed'), url('../fonts/AvenirNextLTPro-MediumCn.woff') format('woff'); }

@font-face {
font-family: 'Avenir Next LT';
font-style: normal;
font-weight: 500;
src: local('Avenir Next LT Pro Bold Condensed'), url('../fonts/AvenirNextLTPro-BoldCn.woff') format('woff'); }

@font-face {
font-family: 'Avenir Next LT';
font-style: normal;
font-weight: 600;
src: local('Avenir Next LT Pro Heavy Condensed'), url('../fonts/AvenirNextLTPro-HeavyCn.woff') format('woff'); }

.skin-amodo {
  color: #323232;
  font-family: "Avenir Next LT", "Helvetica Neue", sans-serif; }

  .skin-amodo img {
    max-width: 100%; }

  .skin-amodo a {
    color: #811b67; }

  .skin-amodo.auth {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img/bg.jpg); }

  .skin-amodo .btn {
    -webkit-border-radius: 0;
            border-radius: 0;
    text-transform: uppercase; }

  .skin-amodo .btn-primary {
    color: #fff;
    border-color: #811b67;
    background-color: #a62585; }

  .skin-amodo .btn-info,
  .skin-amodo .btn-danger,
  .skin-amodo .btn-success,
  .skin-amodo .btn-warning {
    color: #fff; }

  .skin-amodo .main-header .navbar {
    background-color: #fff; }
    .skin-amodo .main-header .navbar .nav > li > a {
      color: #323232; }
    .skin-amodo .main-header .navbar .sidebar-toggle {
      color: #323232; }

  .skin-amodo .main-header .logo {
    color: #ffffff;
    padding: 0 10px;
    background-color: #323232;
    border-bottom: 0 solid transparent; }

  .skin-amodo .main-header li.user-header {
    background-color: #605ca8; }

  .skin-amodo .content-header {
    background: transparent; }

  .skin-amodo .navbar-nav {
    margin: 0; }

  .skin-amodo .main-sidebar,
  .skin-amodo .left-side {
    background-color: #323232; }
    .skin-amodo.auth .wrapper {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: transparent;
      height: 100vh !important; }

  .skin-amodo.auth .form-wrapper {
    width: 492px;
    display: flex;
    height: 305px;
    max-width: 90%;
    overflow: hidden;
    position: relative;
    background: rgba(0,0,0,.2);
    -webkit-border-radius: 3px;
            border-radius: 3px; }
    .skin-amodo.auth .form-wrapper .container-fluid {
      width: 100%; }
  .skin-amodo.auth .form-logo {
    width: 142px;
    display: flex;
    background: #fff;
    padding: 10px 25px;
    align-items: center;
    flex-direction: column;
    justify-content: center; }
  .skin-amodo.auth .form-horizontal {
    width: 100%;
    display: flex;
    overflow: hidden;
    position: relative;
    align-items: center;
    flex-direction: column;
    justify-content: center;  }
    .skin-amodo.auth .form-horizontal h1 {
      color: #fff;
      font-weight: 100;
      text-align: center;
      text-transform: uppercase; }
    .skin-amodo.auth .form-horizontal .form-group {
      margin: 0 0 15px; }
      .skin-amodo.auth .form-horizontal .form-control {
        border: 0;
        color: #fff;
        font-size: 18px;
        background: none;
        border-bottom: 2px solid #fff; }
        .skin-amodo.auth .form-horizontal .form-group.has-error .form-control {
          border-color: #dd4b39; }
    .skin-amodo.auth .form-horizontal a {
      color: #fff;
      font-size: 12px; }

  .skin-amodo .user-panel > .info,
  .skin-amodo .user-panel > .info > a {
    color: #fff; }
  .skin-amodo .user-panel > .info > p {
    font-weight: 500; }

  .skin-amodo .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226; }
    .skin-amodo .sidebar-menu > li > a {
      border-left: 0 !important; }
    .skin-amodo .sidebar-menu > li.active {
      position: relative;
      background: #404040;
      -webkit-box-shadow: inset 1px 0 3px 0px #000;
              box-shadow: inset 1px 0 3px 0px #000; }
      .skin-amodo .sidebar-menu > li.active:after {
        top: 0;
        right: 0;
        width: 4px;
        content: '';
        position: absolute;
        background: #ecf0f5;
        height: calc(100% - 2px); }
      .skin-amodo .sidebar-menu > li.active > a {
        color: #ffffff; }
    .skin-amodo .sidebar-menu > li > .treeview-menu {
      margin: 0 1px;
      padding-bottom: 10px;
      background: transparent; }
      .skin-amodo:not(.sidebar-collapse) .sidebar-menu > li.active > .treeview-menu {
        display: block !important; }
  .skin-amodo .sidebar a {
    color: #b8c7ce; }
    .skin-amodo .sidebar a:hover {
      text-decoration: none; }
  .skin-amodo .treeview-menu > li > a {
    color: #8aa4af;
    padding: 3px 5px 3px 25px; }
    .skin-amodo .treeview-menu > li > a > .fa,
    .skin-amodo .treeview-menu > li > a > .ion
    .skin-amodo .treeview-menu > li > a > .glyphicon {
      width: 20px; }
    .skin-amodo .treeview-menu > li.active > a,
    .skin-amodo .treeview-menu > li > a:hover {
      color: #ffffff; }

  .skin-amodo .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px; }
    .skin-amodo .sidebar-form input[type="text"],
    .skin-amodo .sidebar-form .btn {
      height: 35px;
      box-shadow: none;
      background-color: #374850;
      border: 1px solid transparent; }
    .skin-amodo .sidebar-form input[type="text"] {
      color: #666;
      border-top-right-radius: 0;
      border-top-left-radius: 2px;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 2px; }
    .skin-amodo .sidebar-form input[type="text"]:focus,
    .skin-amodo .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
      background-color: #fff;
      color: #666; }
    .skin-amodo .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
      border-left-color: #fff; }
  .skin-amodo .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0; }

  .skin-amodo .box {
    border: 0;
    background: transparent; }

  .skin-amodo .box-header,
  .skin-amodo .box-header.with-border {
    border: 0;
    padding: 10px 0; }
  .skin-amodo .box-body {
    padding: 15px;
    background: #fff;
    -webkit-border-radius: 3px;
            border-radius: 3px; }

  .skin-amodo .box-body.table-responsive {
    padding: 0; }

  .skin-amodo label {
    font-weight: 400; }

  .skin-amodo .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    line-height: 28px; }

  .skin-amodo table th {
    font-weight: 400;
    text-transform: uppercase; }

  .skin-amodo.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover:after {
    display: none; }
  .skin-amodo.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu,
  .skin-amodo.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
    background: #323232; }
  .skin-amodo.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    width: 177px; }

@media (max-width: 767px) {
  .skin-amodo .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1); }
  .skin-amodo .main-header .navbar .dropdown-menu li a {
    color: #fff; }
  .skin-amodo .main-header .navbar .dropdown-menu li a:hover {
    background: #555299; } }


.skin-amodo #saveActions {
  margin-bottom: 0; }
  .skin-amodo #saveActions .dropdown-menu {
    top: -10px;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }

.skin-amodo .modal-dialog {
  width: 800px;
  margin: 30px auto; }

.skin-amodo .user-panel > .info {
  position: initial; }

.skin-amodo .right-side .content form,
.skin-amodo .content-wrapper .content form {
  margin-bottom: 55px; }

.skin-amodo .main-footer {
  bottom: 0;
  margin: 0;
  left: 230px;
  padding: 10px;
  position: fixed;
  width: calc(100% - 230px);
  -webkit-transition: left .3s ease-in-out,width .3s ease-in-out;
     -moz-transition: left .3s ease-in-out,width .3s ease-in-out;
       -o-transition: left .3s ease-in-out,width .3s ease-in-out;
          transition: left .3s ease-in-out,width .3s ease-in-out; }

.skin-amodo.sidebar-mini.sidebar-collapse .main-footer {
  left: 50px;
  margin-left: 0 !important;
  width: calc(100% - 50px); }

.skin-amodo .table-collapse { }
  .skin-amodo .table-collapse-close {
    top: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute; }
    .skin-amodo .table-collapse-close:after {
      left: 0;
      top: 50%;
      height: 2px;
      content: '';
      width: 100%;
      display: block;
      background: #000;
      position: absolute;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .skin-amodo .table-collapse-close:before {
      left: 0;
      top: 50%;
      height: 2px;
      content: '';
      width: 100%;
      display: block;
      background: #000;
      position: absolute;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
  .skin-amodo .table-collapse-background {
    top: 0;
    right: 0;
    width: 100%;
    content: '';
    height: 100%;
    z-index: 9990;
    display: none;
    position: fixed;
    background: rgba(255,255,255,.3); }
  .skin-amodo .table-collapse-body {
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 9999;
    overflow: auto;
    padding: 15px;
    position: fixed;
    min-width: 320px;
    background: #fff;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-box-shadow: 1px 0 3px 0px #000;
            box-shadow: 1px 0 3px 0px #000;
    -webkit-transition: transform .6s ease-in-out;
       -moz-transition: transform .6s ease-in-out;
         -o-transition: transform .6s ease-in-out;
            transition: transform .6s ease-in-out; }
  .skin-amodo .table-collapse .table-collapse-content .modal-title {
    padding-right: 20px; }
  .skin-amodo .table-collapse.show .table-collapse-background {
    display: block; }
  .skin-amodo .table-collapse.show .table-collapse-body {
    -webkit-transform: translateX(0);
            transform: translateX(0); }

@media screen and (max-width: 767px) {
  .skin-amodo .right-side,
  .skin-amodo .main-footer,
  .skin-amodo .content-wrapper {
    left: 0;
    width: 100%; }
  .skin-amodo.sidebar-open .content-wrapper {
    margin-bottom: 0; }
  .skin-amodo.sidebar-open .main-footer, {
    display: none;
    -webkit-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none; } }