/*
Template Name: Westilo - Bootstrap Responsive Admin Template
Template URI: http://jaman.me/
Author: Kamarujaman Shohel
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Layout
    1.1 Topbar / .topbar
    1.2 Left Sidebar / .leftbar
    1.3 Right Sidebar / .rightbar
    1.4 Footer / .footer-container

2.0 Elements & Components
    2.1 Waves / .waves-transition
    2.2 Material Box Shadow / .z-depth-top
    2.3 Header / .page-header
    2.4 Flag Icons / .flag-icon
    2.5 Forms / .j-forms
    2.6 Tags Input / .tagsinput
    2.7 Spinner / .bootstrap-touchspin
    2.8 Icheck / .icheckbox_minimal
    2.9 Select2 / .select2-container
    2.10 Date Rangepicker / .daterangepicker.dropdown-menu
    2.11 Datepicker / .datepicker
    2.12 Colorpicker / .colorpicker
    2.13 Footable / .footable

3.0 Widgets
4.0 Plugins
5.0 Bootstrap Extended
6.0 Common Styles
7.0 Responsive
--------------------------------------------------------------*/
.card-shadow,
.apps-dropdown .dropdown-menu,
.more-dropdown .dropdown-menu,
.notifications-dropdown .dropdown-menu,
.language-dropdown .dropdown-menu,
.coversation-toolbar .conversation-action > ul > li .dropdown-menu,
.tbl-action-toolbar > ul > li .dropdown-menu,
.widget-header .widget-action-bar > li > .dropdown-menu {
  box-shadow: 0 0.1em 0.25em rgba(0, 0, 0, 0.1), 0 0.1em 0.2em rgba(0, 0, 0, 0.1);
}
/*------------------
1.0 Layout
--------------------*/
/*-------------------
1.1 Topbar / .topbar
---------------------*/
.topbar {
  height: 60px;
  background-color: #ffffff;
  position: fixed;
  width: 100%;
  top: 0px;
  z-index: 1040;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.16);
}
.topbar .topbar-logged-user {
  width: 60px;
}
.topbar .topbar-logged-user > a {
  width: 60px !important;
  height: 60px;
  display: inline-block;
}
.topbar .topbar-logged-user > a img {
  width: 40px;
  height: 40px;
  margin-top: 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.topbar .topbar-logged-user .dropdown-menu {
  width: 250px;
}
.topbar .topbar-logged-user .user-profile-container {
  background-color: #fff;
}
.topbar .topbar-logged-user .user-profile-container .admin-user-thumb img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.topbar .topbar-logged-user .logged-user-extrainfo {
  height: 200px;
  overflow-y: auto;
}
.topbar .topbar-logged-user .apps-shortcut {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.topbar .topbar-logged-user .apps-shortcut > li {
  width: 96px;
  height: 96px;
  float: left;
  margin: 10px 15px 5px 15px;
  display: inline-block;
}
.topbar .topbar-logged-user .apps-shortcut > li:nth-child(2n) {
  margin-left: 0px;
}
.topbar .topbar-logged-user .apps-shortcut > li > a {
  position: relative;
  width: 96px;
  height: 96px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #f5f5f5;
  color: #666;
  display: inline-block;
  float: left;
  text-align: center;
}
.topbar .topbar-logged-user .apps-shortcut > li > a .apps-label {
  display: block;
  font-size: 12px;
}
.topbar .topbar-logged-user .apps-shortcut > li > a .apps-noty {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  right: 7px;
  top: 6px;
  display: inline-block;
  padding: 3px 4px;
  font-size: 10px;
  background-color: #ff5252;
  position: absolute;
  font-weight: 600;
  color: #ffffff;
}
.topbar .topbar-logged-user .apps-shortcut > li > a i {
  width: 96px;
  height: 60px;
  padding-top: 6px;
  margin-bottom: 3px;
  display: inline-block;
  line-height: 60px;
  font-size: 24px;
}
.topbar .topbar-logged-user .apps-shortcut > li > a:hover,
.topbar .topbar-logged-user .apps-shortcut > li > a:focus,
.topbar .topbar-logged-user .apps-shortcut > li > a:active,
.topbar .topbar-logged-user .apps-shortcut > li > a.active {
  background-color: #f1f1f1;
  color: #17bab8;
  text-decoration: none;
}
.topbar .topbar-logged-user .more-apps {
  padding: 0px;
}
.topbar .topbar-logged-user .more-apps > li {
  display: block;
  list-style: none;
}
.topbar .topbar-logged-user .more-apps > li:nth-child(1) {
  border-top: #eee 1px solid;
}
.topbar .topbar-logged-user .more-apps > li:last-child > a {
  border-bottom: 0px;
}
.topbar .topbar-logged-user .more-apps > li > a {
  position: relative;
  padding: 10px 15px;
  display: block;
  border-bottom: #eee 1px solid;
  color: #666;
}
.topbar .topbar-logged-user .more-apps > li > a .apps-noty {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  right: 15px;
  top: 10px;
  display: inline-block;
  padding: 3px 4px;
  font-size: 10px;
  background-color: #ff5252;
  position: absolute;
  font-weight: 600;
  color: #ffffff;
}
.topbar .topbar-logged-user .more-apps > li > a:hover,
.topbar .topbar-logged-user .more-apps > li > a:focus,
.topbar .topbar-logged-user .more-apps > li > a:active,
.topbar .topbar-logged-user .more-apps > li > a.active {
  text-decoration: none;
  background-color: #f5f5f5;
  color: #17bab8;
}
.topbar .topbar-logged-user .more-apps > li > a i {
  padding-right: 5px;
}
.topbar .top-search-bar {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.16);
  width: 100%;
  height: 60px;
  background-color: #ffffff;
  position: fixed;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  top: -100px;
  z-index: 25;
}
.topbar .top-search-bar.search-bar-toggle {
  top: 0px;
}
.topbar .top-search-bar .search-input-addon {
  position: relative;
}
.topbar .top-search-bar .search-input-addon .addon-icon {
  height: 40px;
  width: 40px;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 0px;
}
.topbar .top-search-bar .search-input-addon .addon-icon i {
  height: 40px;
  width: 40px;
  font-size: 20px;
  text-align: center;
  line-height: 41px;
  display: inline-block;
  color: #888;
}
.topbar .top-search-bar .search-input-addon .top-search-input {
  height: 40px;
  margin-top: 10px;
  padding-left: 40px;
  border: #eee 1px solid;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.topbar .top-search-bar .search-input-addon .top-search-input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: #ddd 1px solid;
}
.topbar .topbar-left {
  width: 250px;
  padding: 0px 6px;
  background-color: #17bab8;
}
.topbar .topbar-left .left-branding {
  padding: 0px;
  margin: 0px;
}
.topbar .topbar-left .left-branding > li {
  height: 60px;
  display: inline-block;
  list-style: none;
  float: left;
}
.topbar .topbar-left .left-branding .top-mega-menu {
  width: 44px;
  height: 60px;
}
.topbar .topbar-left .left-branding .top-mega-menu > .dropdown-toggle {
  width: 44px;
  display: inline-block;
  height: 60px;
  text-align: center;
  color: #fff;
}
.topbar .topbar-left .left-branding .top-mega-menu > .dropdown-toggle i {
  font-size: 28px;
  width: 44px;
  display: inline-block;
  height: 60px;
  line-height: 60px;
}
.topbar .topbar-left .left-branding .top-mega-menu > .dropdown-toggle:hover,
.topbar .topbar-left .left-branding .top-mega-menu > .dropdown-togglefocus {
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  background-color: rgba(0, 0, 0, 0.05);
}
.topbar .topbar-left .branding-right {
  padding: 0px;
  margin: 0px;
  display: none;
}
.topbar .topbar-left .branding-right > li {
  list-style: none;
  float: left;
  width: 44px;
  height: 60px;
  display: inline-block;
  cursor: pointer;
  text-align: center;
}
.topbar .topbar-left .branding-right > li a {
  width: 44px;
  height: 60px;
  display: inline-block;
  color: #ffffff;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.topbar .topbar-left .branding-right > li a i {
  width: 44px;
  height: 60px;
  display: inline-block;
  line-height: 60px;
  font-size: 24px;
}
.topbar .topbar-left .branding-right > li a:hover,
.topbar .topbar-left .branding-right > li afocus {
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  background-color: rgba(0, 0, 0, 0.05);
}
.topbar .topbar-left .left-toggle-switch {
  width: 44px;
  height: 60px;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.topbar .topbar-left .left-toggle-switch i {
  width: 44px;
  height: 60px;
  display: inline-block;
  line-height: 60px;
  font-size: 24px;
}
.topbar .topbar-left .left-toggle-switch:hover,
.topbar .topbar-left .left-toggle-switchfocus {
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  background-color: rgba(0, 0, 0, 0.05);
}
.topbar .topbar-left .logo {
  height: 60px;
}
.topbar .topbar-left .mega-menu {
  width: 44px;
  height: 60px;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  color: #ffffff;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.topbar .topbar-left .mega-menu i {
  width: 44px;
  height: 60px;
  display: inline-block;
  line-height: 60px;
  font-size: 24px;
}
.topbar .topbar-left .mega-menu:hover,
.topbar .topbar-left .mega-menufocus {
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  background-color: rgba(0, 0, 0, 0.05);
}
.topbar .topbar-right {
  padding: 0px 6px;
}
.topbar .topbar-right .left-bar-switch {
  padding: 0px;
  margin: 0px;
  display: none;
  list-style: none;
  width: 44px;
  height: 60px;
  cursor: pointer;
  text-align: center;
  color: #757575;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.topbar .topbar-right .left-bar-switch i {
  width: 44px;
  height: 60px;
  display: inline-block;
  line-height: 60px;
  font-size: 24px;
}
.topbar .topbar-right .left-bar-switch:hover,
.topbar .topbar-right .left-bar-switchfocus {
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  background-color: rgba(0, 0, 0, 0.05);
}
.topbar .topbar-right .top-right-icons {
  margin: 0px;
  padding: 0px;
  text-align: right;
}
.topbar .topbar-right .top-right-icons > li {
  display: inline-block;
  list-style: none;
  float: left;
}
.topbar .topbar-right .top-right-icons > li > a {
  position: relative;
  width: 44px;
  height: 60px;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  color: #757575;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.topbar .topbar-right .top-right-icons > li > a .noty-bubble {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  right: 10%;
  top: 6px;
  display: inline-block;
  padding: 3px 4px;
  font-size: 10px;
  background-color: #ff5252;
  position: absolute;
  font-weight: 600;
  color: #ffffff;
}
.topbar .topbar-right .top-right-icons > li > a .more-noty {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  right: 10px;
  top: 10px;
  display: inline-block;
  text-align: center;
  font-size: 10px;
  background-color: #ff5252;
  position: absolute;
  font-weight: 400;
}
.topbar .topbar-right .top-right-icons > li > a > i {
  width: 44px;
  height: 60px;
  display: inline-block;
  line-height: 60px;
  font-size: 24px;
}
.topbar .topbar-right .top-right-icons > li > a:hover,
.topbar .topbar-right .top-right-icons > li > afocus {
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  background-color: rgba(0, 0, 0, 0.05);
}
.apps-dropdown .dropdown-menu,
.more-dropdown .dropdown-menu {
  border-top: #ddd 1px solid;
  display: block;
  visibility: hidden;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(0);
  -webkit-transform: scale(0);
  transform-origin: right top;
  -webkit-transform-origin: right top;
  padding-bottom: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  right: 0px;
  left: auto;
  width: 237px;
}
.apps-dropdown .dropdown-menu > li > a,
.more-dropdown .dropdown-menu > li > a {
  position: relative;
  color: #666;
}
.apps-dropdown .dropdown-menu > li > a:hover,
.more-dropdown .dropdown-menu > li > a:hover,
.apps-dropdown .dropdown-menu > li > a:focus,
.more-dropdown .dropdown-menu > li > a:focus,
.apps-dropdown .dropdown-menu > li > a:active,
.more-dropdown .dropdown-menu > li > a:active,
.apps-dropdown .dropdown-menu > li > a.active,
.more-dropdown .dropdown-menu > li > a.active {
  background-color: #f5f5f5;
  color: #17bab8;
  text-decoration: none;
}
.apps-dropdown .dropdown-menu:after,
.more-dropdown .dropdown-menu:after,
.apps-dropdown .dropdown-menu:before,
.more-dropdown .dropdown-menu:before {
  bottom: 100%;
  left: 91%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.apps-dropdown .dropdown-menu:after,
.more-dropdown .dropdown-menu:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}
.apps-dropdown .dropdown-menu:before,
.more-dropdown .dropdown-menu:before {
  border-color: rgba(238, 238, 238, 0);
  border-bottom-color: #eee;
  border-width: 10px;
  margin-left: -10px;
}
.apps-dropdown.open .dropdown-menu,
.more-dropdown.open .dropdown-menu {
  visibility: visible;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(1);
  -webkit-transform: scale(1);
}
.apps-dropdown .apps-shortcut {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.apps-dropdown .apps-shortcut > li {
  width: 96px;
  height: 96px;
  float: left;
  margin: 10px 15px 5px 15px;
  display: inline-block;
}
.apps-dropdown .apps-shortcut > li:nth-child(2n) {
  margin-left: 0px;
}
.apps-dropdown .apps-shortcut > li > a {
  position: relative;
  width: 96px;
  height: 96px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #f5f5f5;
  color: #666;
  display: inline-block;
  float: left;
  text-align: center;
}
.apps-dropdown .apps-shortcut > li > a .apps-label {
  display: block;
  font-size: 12px;
}
.apps-dropdown .apps-shortcut > li > a .apps-noty {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  right: 7px;
  top: 6px;
  display: inline-block;
  padding: 3px 4px;
  font-size: 10px;
  background-color: #ff5252;
  position: absolute;
  font-weight: 600;
  color: #ffffff;
}
.apps-dropdown .apps-shortcut > li > a i {
  width: 96px;
  height: 60px;
  padding-top: 6px;
  margin-bottom: 3px;
  display: inline-block;
  line-height: 60px;
  font-size: 24px;
}
.apps-dropdown .apps-shortcut > li > a:hover,
.apps-dropdown .apps-shortcut > li > a:focus,
.apps-dropdown .apps-shortcut > li > a:active,
.apps-dropdown .apps-shortcut > li > a.active {
  background-color: #f1f1f1;
  color: #17bab8;
  text-decoration: none;
}
.apps-dropdown .more-apps {
  padding: 0px;
  margin: 12px 0px 0px 0px;
}
.apps-dropdown .more-apps > li {
  display: block;
  list-style: none;
}
.apps-dropdown .more-apps > li:nth-child(1) {
  border-top: #eee 1px solid;
}
.apps-dropdown .more-apps > li:last-child > a {
  border-bottom: 0px;
}
.apps-dropdown .more-apps > li > a {
  position: relative;
  padding: 10px 15px;
  display: block;
  border-bottom: #eee 1px solid;
  color: #666;
}
.apps-dropdown .more-apps > li > a .apps-noty {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  right: 15px;
  top: 10px;
  display: inline-block;
  padding: 3px 4px;
  font-size: 10px;
  background-color: #ff5252;
  position: absolute;
  font-weight: 600;
  color: #ffffff;
}
.apps-dropdown .more-apps > li > a:hover,
.apps-dropdown .more-apps > li > a:focus,
.apps-dropdown .more-apps > li > a:active,
.apps-dropdown .more-apps > li > a.active {
  text-decoration: none;
  background-color: #f5f5f5;
  color: #17bab8;
}
.apps-dropdown .more-apps > li > a i {
  padding-right: 5px;
}
.more-dropdown .more-apps {
  padding: 0px;
}
.more-dropdown .more-apps > li {
  display: block;
  list-style: none;
}
.more-dropdown .more-apps > li:last-child > a {
  border-bottom: 0px;
}
.more-dropdown .more-apps > li > a {
  position: relative;
  padding: 10px 15px;
  display: block;
  border-bottom: #eee 1px solid;
}
.more-dropdown .more-apps > li > a .apps-noty {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  right: 15px;
  top: 10px;
  display: inline-block;
  padding: 3px 4px;
  font-size: 10px;
  background-color: #ff5252;
  position: absolute;
  font-weight: 600;
  color: #ffffff;
}
.more-dropdown .more-apps > li > a:hover,
.more-dropdown .more-apps > li > a:focus,
.more-dropdown .more-apps > li > a:active,
.more-dropdown .more-apps > li > a.active {
  text-decoration: none;
  background-color: #f5f5f5;
}
.more-dropdown .more-apps > li > a i {
  padding-right: 5px;
}
.notifications-dropdown .dropdown-menu {
  border-top: #ddd 1px solid;
  display: block;
  visibility: hidden;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(0);
  -webkit-transform: scale(0);
  transform-origin: right top;
  -webkit-transform-origin: right top;
  padding-bottom: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  right: 0px;
  left: auto;
  width: 320px;
  padding-top: 0px;
}
.notifications-dropdown .dropdown-menu.notifications-tabs .nav {
  border-bottom: #ddd 1px solid;
}
.notifications-dropdown .dropdown-menu.notifications-tabs .nav > li > a {
  padding: 15px 15px;
  text-transform: uppercase;
}
.notifications-dropdown .dropdown-menu:after,
.notifications-dropdown .dropdown-menu:before {
  bottom: 100%;
  left: 93%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.notifications-dropdown .dropdown-menu:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}
.notifications-dropdown .dropdown-menu:before {
  border-color: rgba(238, 238, 238, 0);
  border-bottom-color: #eee;
  border-width: 10px;
  margin-left: -10px;
}
.notifications-dropdown .dropdown-menu .message-list-container {
  height: 400px;
  overflow-y: auto;
}
.notifications-dropdown .dropdown-menu .message-list-container > ul {
  padding: 0px;
  margin: 0px;
}
.notifications-dropdown .dropdown-menu .message-list-container > ul > li {
  display: table;
  padding: 0px;
  border-bottom: #eee 1px solid;
  background: #f9f9f9;
}
.notifications-dropdown .dropdown-menu .message-list-container > ul > li > a {
  font-size: 12px;
  color: #444444;
  text-decoration: none;
  padding: 15px;
}
.notifications-dropdown .dropdown-menu .message-list-container > ul > li > a:hover {
  text-decoration: none;
  color: #17bab8;
}
.notifications-dropdown .dropdown-menu .message-list-container > ul > li:hover,
.notifications-dropdown .dropdown-menu .message-list-container > ul > li:active,
.notifications-dropdown .dropdown-menu .message-list-container > ul > li:focus {
  background: #fff;
  text-decoration: none;
}
.notifications-dropdown .dropdown-menu .message-list-container h4 {
  font-size: 14px;
  font-weight: 500;
  padding: 15px;
  margin: 0px;
  border-bottom: #eee 1px solid;
}
.notifications-dropdown .dropdown-menu .notification-wrap {
  height: 400px;
  overflow-y: auto;
}
.notifications-dropdown .dropdown-menu .notification-wrap > ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.notifications-dropdown .dropdown-menu .notification-wrap > ul > li > a {
  width: 100%;
  display: table;
  padding: 15px;
  font-size: 12px;
  color: #444444;
  background: #f9f9f9;
  text-decoration: none;
  border-bottom: #eee 1px solid;
}
.notifications-dropdown .dropdown-menu .notification-wrap > ul > li > a > span {
  display: table-cell;
  vertical-align: middle;
}
.notifications-dropdown .dropdown-menu .notification-wrap > ul > li > a > span.ni {
  width: 44px;
  height: 44px;
  display: inline-block;
  line-height: 44px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.notifications-dropdown .dropdown-menu .notification-wrap > ul > li > a:hover {
  background: #fff;
}
.notifications-dropdown .dropdown-menu h4 {
  font-size: 14px;
  font-weight: 500;
  padding: 15px;
  margin: 0px;
  border-bottom: #eee 1px solid;
}
.notifications-dropdown.open .dropdown-menu {
  visibility: visible;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(1);
  -webkit-transform: scale(1);
}
.message-thumb {
  width: 40px;
  height: 40px;
  display: table-cell;
  vertical-align: middle;
}
.message-thumb img {
  width: 40px;
  height: 40px;
  padding: 2px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.message-thumb .message-letter {
  width: 40px;
  height: 40px;
  padding: 2px;
  color: #fff;
  line-height: 34px;
  font-weight: 300;
  text-align: center;
  display: inline-block;
  font-size: 24px;
  text-transform: uppercase;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.message-intro {
  display: inline-block;
  width: 240px;
  display: table-cell;
  vertical-align: middle;
  padding-left: 0px !important;
}
.message-meta {
  font-weight: 500;
  font-style: italic;
  font-size: 12px;
}
.message-time {
  display: block;
  color: #999999;
}
.btn-link.btn-view-all {
  font-size: 12px;
  color: #444444;
  padding: 15px 20px;
  font-weight: 500;
}
.btn-link.btn-view-all:hover,
.btn-link.btn-view-all:active,
.btn-link.btn-view-all:focus {
  background-color: #f5f5f5 !important;
  color: #17bab8 !important;
  text-decoration: none;
}
.iconic-view .topbar .topbar-left {
  padding: 0px 0px;
}
.iconic-view .topbar .topbar-left .left-toggle-switch {
  background-color: #17bab8;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  width: 60px;
  height: 60px;
  color: #ffffff;
}
.iconic-view .topbar .topbar-left .left-toggle-switch i {
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 24px;
}
.iconic-view .topbar .topbar-left .left-toggle-switch:hover i,
.iconic-view .topbar .topbar-left .left-toggle-switchfocus i {
  background-color: rgba(0, 0, 0, 0.05);
}
.language-dropdown {
  width: auto !important;
  height: 60px;
}
.language-dropdown > a {
  width: auto !important;
  display: inline-block;
  padding-top: 16px;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.language-dropdown > a:hover,
.language-dropdown > a:focus {
  text-decoration: none;
}
.language-dropdown .dropdown-menu {
  width: 200px !important;
  border-top: #ddd 1px solid;
  display: block;
  visibility: hidden;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(0);
  -webkit-transform: scale(0);
  transform-origin: right top;
  -webkit-transform-origin: right top;
  padding-bottom: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  right: 0px;
  left: auto;
  width: 237px;
}
.language-dropdown .dropdown-menu > li > a {
  position: relative;
  color: #666;
}
.language-dropdown .dropdown-menu > li > a:hover,
.language-dropdown .dropdown-menu > li > a:focus,
.language-dropdown .dropdown-menu > li > a:active,
.language-dropdown .dropdown-menu > li > a.active {
  background-color: #f5f5f5;
  color: #17bab8;
  text-decoration: none;
}
.language-dropdown .dropdown-menu:after,
.language-dropdown .dropdown-menu:before {
  bottom: 100%;
  left: 91%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.language-dropdown .dropdown-menu:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}
.language-dropdown .dropdown-menu:before {
  border-color: rgba(238, 238, 238, 0);
  border-bottom-color: #eee;
  border-width: 10px;
  margin-left: -10px;
}
.language-dropdown.open .dropdown-menu {
  visibility: visible;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(1);
  -webkit-transform: scale(1);
}
.language-dropdown .language-lists {
  padding: 0px;
}
.language-dropdown .language-lists > li {
  display: block;
  list-style: none;
}
.language-dropdown .language-lists > li:last-child > a {
  border-bottom: 0px;
}
.language-dropdown .language-lists > li > a {
  position: relative;
  padding: 10px 15px;
  display: block;
  border-bottom: #eee 1px solid;
}
.language-dropdown .language-lists > li > a:hover,
.language-dropdown .language-lists > li > a:focus,
.language-dropdown .language-lists > li > a:active,
.language-dropdown .language-lists > li > a.active {
  text-decoration: none;
  background-color: #fff;
}
.language-dropdown .language-lists > li > a i {
  padding-right: 5px;
}
.language-flag {
  position: relative;
  width: 24px;
  height: 18px;
  display: inline-block;
  display: block;
}
.language-flag .flag-icon {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 3px;
  left: 0px;
  background-size: cover;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.language-title {
  position: relative;
  top: -1px;
  text-transform: uppercase;
  margin-left: 6px;
  display: inline-block;
}
.language-lists .language-flag {
  position: relative;
  width: 24px;
  height: 18px;
  display: inline-block;
  display: block;
}
.language-lists .language-flag .flag-icon {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 3px;
  left: 0px;
  background-size: cover;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: #eee 1px solid;
}
.language-lists .language-title {
  position: relative;
  top: -1px;
  text-transform: capitalize;
  margin-left: 6px;
  display: inline-block;
}
/*-------------------------
1.2 Left Sidebar / .leftbar
--------------------------*/
.leftbar {
  width: 250px;
  background-color: #2f3038;
  position: fixed;
  z-index: 8;
  top: 60px;
  height: 100%;
}
.leftbar.material-leftbar {
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 10px rgba(0, 0, 0, 0.12);
}
.leftbar.material-leftbar .user-profile-container {
  background: #4fa49a;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #4fa49a 0%, #4361c2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #4fa49a), color-stop(100%, #4361c2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #4fa49a 0%, #4361c2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #4fa49a 0%, #4361c2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #4fa49a 0%, #4361c2 100%);
  /* IE10+ */
  background: linear-gradient(45deg, #4fa49a 0%, #4361c2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fa49a', endColorstr='#4361c2', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.leftbar.material-leftbar .user-profile-container .user-profile .admin-user-info {
  color: #aaaaaa;
}
.leftbar.material-leftbar .user-profile-container .user-profile .admin-user-info ul li a {
  color: #fff;
}
.leftbar.material-leftbar .user-profile-container .user-profile .admin-user-info ul li a:hover,
.leftbar.material-leftbar .user-profile-container .user-profile .admin-user-info ul li a:focus {
  color: #17bab8;
}
.leftbar.material-leftbar .user-profile-container .admin-bar ul li a {
  color: #fff;
}
.leftbar.material-leftbar .user-profile-container .admin-bar ul li a:hover,
.leftbar.material-leftbar .user-profile-container .admin-bar ul li a:focus {
  color: #17bab8;
  background-color: rgba(0, 0, 0, 0.1);
}
.leftbar.material-leftbar .list-accordion .list-title {
  background-color: #fff;
  border-top: 0px;
  border-bottom: rgba(0, 0, 0, 0.08) 1px solid;
  font-weight: 500;
  color: #666666;
}
.leftbar.material-leftbar .list-accordion .list-title .label {
  position: relative;
  font-size: 12px;
  top: -1px;
  font-weight: 500;
}
.leftbar.material-leftbar .list-accordion li ul li a {
  color: #868686;
}
.leftbar.material-leftbar .list-accordion li ul li a:hover,
.leftbar.material-leftbar .list-accordion li ul li a:focus {
  color: #17bab8;
}
.leftbar.material-leftbar .list-accordion > li > a {
  background-color: #fff;
  color: #868686;
}
.leftbar.material-leftbar .list-accordion > li > a.acc-parent.active {
  background-color: rgba(0, 0, 0, 0.05);
  color: #17bab8;
}
.leftbar.material-leftbar .list-accordion > li > a:hover,
.leftbar.material-leftbar .list-accordion > li > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
  color: #17bab8;
}
.leftbar.material-leftbar .list-accordion > li > a:before {
  background: #ccc;
}
.leftbar-view .main-container {
  margin-left: 250px;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.leftbar-view .leftbar {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.leftbar-view.left-aside-toggle .leftbar {
  -webkit-transform: translate(-250px, 0) !important;
  -moz-transform: translate(-250px, 0) !important;
  -o-transform: translate(-250px, 0) !important;
  -ms-transform: translate(-250px, 0) !important;
  transform: translate(-250px, 0) !important;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.leftbar-view.left-aside-toggle .main-container {
  margin-left: 0px !important;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.overlay-leftbar .main-container {
  margin-left: 0px;
}
.overlay-leftbar .leftbar {
  -webkit-transform: translate(-250px, 0);
  -moz-transform: translate(-250px, 0);
  -o-transform: translate(-250px, 0);
  -ms-transform: translate(-250px, 0);
  transform: translate(-250px, 0);
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.overlay-leftbar.left-aside-toggle .leftbar {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.list-accordion {
  padding: 0px;
}
.list-accordion .list-title {
  font-size: 14px;
  text-transform: uppercase;
  padding: 8px 15px;
  background-color: #2c2c31;
  border-top: rgba(0, 0, 0, 0.12) 1px solid;
  border-bottom: rgba(0, 0, 0, 0.12) 1px solid;
  font-weight: 500;
  color: #666666;
}
.list-accordion .list-title .label {
  position: relative;
  font-size: 12px;
  top: -1px;
  font-weight: 500;
}
.list-accordion li {
  position: relative;
  list-style: none;
}
.list-accordion li > a {
  display: block;
  position: relative;
}
.list-accordion li > a > .label {
  position: relative;
  top: -1px;
  left: 4px;
  font-weight: 500;
  font-size: 12px;
}
.list-accordion li ul {
  display: none;
  position: relative;
  padding-left: 20px;
}
.list-accordion li ul li {
  position: relative;
}
.list-accordion li ul li a {
  color: #868686;
  position: relative;
  padding: 8px 15px;
}
.list-accordion li ul li a .acc-icon {
  top: 7px;
}
.list-accordion li ul li a:hover,
.list-accordion li ul li a:focus {
  text-decoration: none;
  color: #17bab8;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.list-accordion > li > a {
  background-color: #2c2c31;
  color: #868686;
  padding: 10px 15px;
  display: block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.list-accordion > li > a.acc-parent.active {
  background-color: #3a3b44;
  color: #17bab8;
}
.list-accordion > li > a > i {
  padding-right: 6px;
  font-size: 18px;
  position: relative;
  top: 1px;
}
.list-accordion > li > a:hover,
.list-accordion > li > a:focus {
  background-color: #3a3b44;
  text-decoration: none;
  color: #17bab8;
}
.list-accordion > li > a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ccc;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.tree-style li ul:after {
  content: "";
  height: 100%;
  width: 0px;
  border-left: #3a3b44 1px solid;
  position: absolute;
  top: 0px;
  left: 20px;
}
.tree-style li ul li a:before {
  content: "\f26d";
  font: normal 14px/1 'Material-Design-Iconic-Font';
  height: 100%;
  position: absolute;
  top: 19px;
  font-size: 6px;
  z-index: 100;
  left: -2px;
  color: #3a3b44;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.tree-style li ul li a:hover:before,
.tree-style li ul li a:focus:before {
  color: #17bab8;
  top: 17px;
  font-size: 8px;
  left: -3px;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.tree-style li ul li a:after {
  content: "";
  height: 1px;
  position: absolute;
  top: 21px;
  font-size: 6px;
  left: -1px;
  width: 14px;
  border-bottom: #3a3b44 1px solid;
}
.acc-icon {
  display: inline-block;
  width: 14px;
  position: absolute;
  right: 14px;
  text-align: center;
  top: 9px;
}
.acc-icon:after {
  content: "\f105";
  font-family: 'FontAwesome';
  display: inline-block;
  width: 14px;
  position: relative;
}
.acc-parent.active .acc-icon:after {
  display: inline-block;
  width: 14px;
  content: "\f107";
  font-family: 'FontAwesome';
}
.user-profile-container {
  background-color: #35353b;
}
.user-profile-container .user-profile {
  display: table;
  width: 100%;
}
.user-profile-container .user-profile > div {
  display: table-cell;
  vertical-align: middle;
}
.user-profile-container .user-profile .admin-user-thumb {
  width: 48px;
  height: 48px;
  padding: 15px 0px 15px 15px;
}
.user-profile-container .user-profile .admin-user-thumb img {
  width: 48px;
  height: 48px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.user-profile-container .user-profile .admin-user-info {
  padding: 15px;
  color: #aaaaaa;
}
.user-profile-container .user-profile .admin-user-info ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.user-profile-container .user-profile .admin-user-info ul li {
  line-height: normal;
}
.user-profile-container .user-profile .admin-user-info ul li a {
  color: #aaaaaa;
}
.user-profile-container .user-profile .admin-user-info ul li a:hover,
.user-profile-container .user-profile .admin-user-info ul li a:focus {
  text-decoration: none;
  color: #17bab8;
}
.user-profile-container .admin-bar {
  text-align: center;
  padding: 0px 0px 10px 0px;
}
.user-profile-container .admin-bar ul {
  padding: 0px;
  margin: 0px;
}
.user-profile-container .admin-bar ul li {
  list-style: none;
  display: inline-block;
}
.user-profile-container .admin-bar ul li a {
  position: relative;
  width: 52px;
  height: 52px;
  display: inline-block;
  color: #6c6c6f;
  text-align: center;
}
.user-profile-container .admin-bar ul li a:hover,
.user-profile-container .admin-bar ul li a:focus {
  text-decoration: none;
  color: #17bab8;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.user-profile-container .admin-bar ul li a i {
  height: 52px;
  width: 52px;
  display: inline-block;
  line-height: 52px;
  font-size: 16px;
}
.iconic-view {
  padding-top: 60px;
}
.iconic-view.isMobile .left-toggle-switch,
.iconic-view.isMobile .left-bar-switch {
  display: none !important;
}
.iconic-view.isMobile .top-right-icons {
  float: none !important;
  text-align: center;
}
.iconic-view.isMobile .top-right-icons > li {
  float: none !important;
}
.iconic-view .left-toggle-switch,
.iconic-view .left-bar-switch {
  display: none !important;
}
.iconic-view .logo {
  padding-left: 15px;
}
.iconic-view .iconic-leftbar {
  width: 60px;
  background-color: #2f3038;
  position: absolute;
  height: 100%;
  top: 0px;
  z-index: 8;
}
.iconic-view .list-accordion {
  padding: 0px;
}
.iconic-view .list-accordion .list-title {
  display: none;
}
.iconic-view .list-accordion .list-label {
  display: none;
}
.iconic-view .list-accordion li {
  position: relative;
  list-style: none;
}
.iconic-view .list-accordion li > a {
  display: block;
  position: relative;
}
.iconic-view .list-accordion li ul {
  display: none;
  position: relative;
  padding-left: 0px;
  width: 190px;
  left: 60px;
  position: absolute;
  background-color: #363740;
}
.iconic-view .list-accordion li ul li {
  position: relative;
}
.iconic-view .list-accordion li ul li a {
  color: #868686;
  position: relative;
  padding: 8px 15px;
}
.iconic-view .list-accordion li ul li a .acc-icon {
  top: 7px;
}
.iconic-view .list-accordion li ul li a:hover,
.iconic-view .list-accordion li ul li a:focus {
  text-decoration: none;
  color: #17bab8;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.iconic-view .list-accordion li ul li ul {
  position: relative;
  left: 0px;
  padding-left: 0px;
  width: 100%;
}
.iconic-view .list-accordion > li:hover > a {
  width: 250px;
}
.iconic-view .list-accordion > li:hover > a .list-label {
  width: 190px;
  left: 60px;
  padding: 0px 15px;
  text-align: left;
  position: absolute;
  display: block;
}
.iconic-view .list-accordion > li:hover > a .acc-icon {
  display: block;
  width: 14px;
  height: auto;
  position: absolute;
  right: 14px;
  text-align: center;
  top: 0px;
}
.iconic-view .list-accordion > li.acc-parent-li > a.active {
  width: 250px;
}
.iconic-view .list-accordion > li.acc-parent-li > a.active .list-label {
  width: 190px;
  left: 60px;
  padding: 0px 15px;
  text-align: left;
  position: absolute;
  display: block;
}
.iconic-view .list-accordion > li.acc-parent-li > a.active .acc-icon {
  display: block;
  width: 14px;
  height: auto;
  position: absolute;
  right: 14px;
  text-align: center;
  top: 0px;
}
.iconic-view .list-accordion > li > a {
  background-color: #2c2c31;
  line-height: 60px;
  height: 60px;
  text-align: center;
  color: #868686;
  padding: 0px;
  display: block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.iconic-view .list-accordion > li > a .acc-icon {
  display: none;
}
.iconic-view .list-accordion > li > a > i {
  font-size: 24px;
  line-height: 60px;
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.iconic-view .list-accordion > li > a:hover,
.iconic-view .list-accordion > li > a:focus {
  background-color: #3a3b44;
  text-decoration: none;
  color: #17bab8;
}
.iconic-view .list-accordion > li > a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ccc;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.iconic-view .acc-icon {
  display: inline-block;
  width: 14px;
  position: absolute;
  right: 14px;
  text-align: center;
  top: 0px;
}
.iconic-view.leftbar-view .main-container {
  margin-left: 60px;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.iconic-view.leftbar-view .iconic-leftbar {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.iconic-view.leftbar-view.left-aside-toggle .iconic-leftbar {
  -webkit-transform: translate(-250px, 0) !important;
  transform: translate(-250px, 0) !important;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.iconic-view.leftbar-view.left-aside-toggle .main-container {
  margin-left: 0px !important;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.iconic-view .overlay-leftbar .main-container {
  margin-left: 0px;
}
.iconic-view .overlay-leftbar .iconic-leftbar {
  -webkit-transform: translate(-250px, 0);
  transform: translate(-250px, 0);
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.iconic-view .overlay-leftbar.left-aside-toggle .iconic-leftbar {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.iconic-aside-container {
  padding-top: 60px;
}
.iconic-aside-container .user-profile-container {
  width: 60px;
  height: 62px;
  position: relative;
  background-color: #35353b;
}
.iconic-aside-container .user-profile-container .user-profile {
  display: table;
  width: 60px;
  height: 62px;
  cursor: pointer;
  z-index: 200;
  position: relative;
  background-color: #35353b;
}
.iconic-aside-container .user-profile-container .user-profile > div {
  display: table-cell;
  vertical-align: middle;
}
.iconic-aside-container .user-profile-container .user-profile .admin-user-thumb {
  width: 40px;
  height: 40px;
  padding: 9px 0px 9px 0px;
}
.iconic-aside-container .user-profile-container .user-profile .admin-user-thumb img {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.iconic-aside-container .user-profile-container .user-profile .admin-user-info {
  padding-left: 15px;
  color: #aaaaaa;
  display: none;
}
.iconic-aside-container .user-profile-container .user-profile .admin-user-info ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.iconic-aside-container .user-profile-container .user-profile .admin-user-info ul li {
  line-height: normal;
}
.iconic-aside-container .user-profile-container .user-profile .admin-user-info ul li a {
  color: #aaaaaa;
}
.iconic-aside-container .user-profile-container .user-profile .admin-user-info ul li a:hover,
.iconic-aside-container .user-profile-container .user-profile .admin-user-info ul li a:focus {
  text-decoration: none;
  color: #17bab8;
}
.iconic-aside-container .user-profile-container .admin-bar {
  position: absolute;
  display: none;
  text-align: center;
  padding: 10px 0px 10px 0px;
  width: 100%;
  z-index: 100;
  background-color: #35353b;
}
.iconic-aside-container .user-profile-container .admin-bar ul {
  padding: 0px;
  margin: 0px;
}
.iconic-aside-container .user-profile-container .admin-bar ul li {
  list-style: none;
  display: inline-block;
}
.iconic-aside-container .user-profile-container .admin-bar ul li a {
  position: relative;
  width: 52px;
  height: 52px;
  display: inline-block;
  color: #6c6c6f;
  text-align: center;
}
.iconic-aside-container .user-profile-container .admin-bar ul li a:hover,
.iconic-aside-container .user-profile-container .admin-bar ul li a:focus {
  text-decoration: none;
  color: #17bab8;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.iconic-aside-container .user-profile-container .admin-bar ul li a i {
  height: 52px;
  width: 52px;
  display: inline-block;
  line-height: 52px;
  font-size: 16px;
}
.iconic-aside-container .user-profile-container:hover {
  width: 250px;
}
.iconic-aside-container .user-profile-container:hover .user-profile {
  width: 250px;
}
.iconic-aside-container .user-profile-container:hover .user-profile .admin-user-info {
  display: block;
}
.iconic-aside-container .user-profile-container:hover .user-profile .admin-user-thumb {
  padding: 9px 0px 9px 9px;
}
.iconic-aside-container .user-profile-container:hover .user-profile .admin-user-info {
  padding: 12px 15px 6px 15px;
}
.iconic-aside-container .user-profile-container:hover .admin-bar {
  display: block;
}
.tile-leftbar {
  background-color: #fff;
  padding-top: 8px;
}
.tile-leftbar ul {
  margin: 0px;
  padding: 0px;
}
.tile-leftbar .tile-row {
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  text-align: center;
  padding: 0px 6px;
}
.tile-leftbar .tile-row > div:hover {
  opacity: .8;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.tile-leftbar .tile-row .tile-nav-icon {
  display: block;
  padding-top: 22px;
}
.tile-leftbar .tile-row .tile-nav-icon i {
  font-size: 32px;
}
.tile-leftbar .tile-row .tile-nav-title {
  position: relative;
  font-weight: 500;
}
.tile-leftbar .tile-row .tile-icon-only .tile-nav-title {
  display: none;
}
.tile-leftbar .tile-row .tile-icon-only .tile-nav-icon {
  display: block;
  padding-top: 22px;
}
.tile-leftbar .tile-row a {
  height: 70px;
  display: block;
  color: #fff;
}
.tile-leftbar .tile-row a:hover,
.tile-leftbar .tile-row a:focus {
  text-decoration: none;
}
.tile-leftbar .tile-row .tile-col-1 {
  width: 225px;
  height: 100px;
  display: block;
  float: left;
  margin: 6px;
}
.tile-leftbar .tile-row .tile-col-2 {
  width: 107px;
  height: 100px;
  display: inline-block;
  float: left;
  margin: 6px;
}
.tile-leftbar .tile-row .tile-col-3 {
  width: 67px;
  height: 100px;
  display: inline-block;
  float: left;
  margin: 6px;
}
.tile-leftbar .tile-row .tile-one-third {
  width: 146px;
  height: 100px;
  display: inline-block;
  float: left;
  margin: 6px;
}
.tabby-leftbar .nav-tabs li a {
  padding: 15px 20px;
  font-size: 22px;
}
.task-box-list {
  margin: 0px;
  padding: 0px;
}
.task-box-list li {
  list-style: none;
}
.task-box-list li a {
  color: #868686;
  display: block;
  padding: 8px 15px;
}
.task-box-list li a:hover,
.task-box-list li a:focus {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.05);
  color: #17bab8;
}
.task-box-list li a i {
  font-size: 18px;
  position: relative;
  top: 2px;
  margin-right: 6px;
  width: 20px;
  text-align: center;
  display: inline-block;
}
.task-box-list li a .new-item-count {
  display: inline-block;
  background-color: #17bab8;
  color: #fff;
  padding: 2px 6px;
  font-size: 12px;
  font-weight: 500;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-left: 6px;
}
.mailbox-list {
  margin: 0px;
  padding: 0px;
  border-bottom: #e9e9e9 1px solid;
  border-top: #e9e9e9 1px solid;
}
.mailbox-list li {
  list-style: none;
}
.mailbox-list li a {
  color: #868686;
  display: block;
  padding: 8px 15px;
}
.mailbox-list li a:hover,
.mailbox-list li a:focus {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.05);
  color: #17bab8;
}
.mailbox-list li a i {
  font-size: 16px;
  position: relative;
  top: 2px;
  margin-right: 6px;
  width: 20px;
  text-align: center;
  display: inline-block;
}
.mailbox-list li a .new-item-count {
  display: inline-block;
  background-color: #17bab8;
  color: #fff;
  padding: 2px 6px;
  font-size: 12px;
  font-weight: 500;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-left: 6px;
}
.email-label-container {
  padding: 15px;
}
.email-label-container h5 {
  font-size: 14px;
  margin-top: 0px;
  margin-right: -15px;
  margin-left: -15px;
  padding: 0px 15px 15px 15px;
  border-bottom: #e9e9e9 1px solid;
  font-weight: 500;
  color: #868686;
}
.label-list {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.label-list li {
  margin-bottom: 10px;
  font-size: 12px;
}
.label-list li a {
  display: block;
  color: #868686;
}
.label-list li a:hover {
  color: #17bab8;
}
.label-list li .label-color {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  top: 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.add-more-label {
  display: block;
  font-size: 12px;
  margin-right: -15px;
  margin-left: -15px;
  padding: 6px 15px 6px 15px;
  border-top: #e9e9e9 1px solid;
}
.add-more-label:hover,
.add-more-label:focus {
  text-decoration: none;
}
.compose-btn {
  margin: 15px;
}
.compose-btn .compose-mail {
  padding: 10px 20px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
}
.compose-btn .compose-mail:hover,
.compose-btn .compose-mailfocus {
  outline: 0px;
}
.support-box-list {
  margin: 0px;
  padding: 0px;
  border-bottom: #e9e9e9 1px solid;
}
.support-box-list li {
  list-style: none;
}
.support-box-list li a {
  color: #868686;
  display: block;
  padding: 8px 15px;
}
.support-box-list li a:hover,
.support-box-list li a:focus {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.05);
  color: #17bab8;
}
.support-box-list li a i {
  font-size: 16px;
  position: relative;
  top: 2px;
  margin-right: 6px;
  width: 20px;
  text-align: center;
  display: inline-block;
}
.support-box-list li a .new-item-count {
  display: inline-block;
  background-color: #17bab8;
  color: #fff;
  padding: 2px 6px;
  font-size: 12px;
  font-weight: 500;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-left: 6px;
}
/*----------------------------
1.3 Right Sidebar / .rightbar
-----------------------------*/
.rightbar {
  width: 300px;
  background-color: #ffffff;
  position: fixed;
  z-index: 10;
  top: 60px;
  height: 100%;
  right: 0px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 10px rgba(0, 0, 0, 0.12);
  -webkit-transform: translate(300px, 0);
  -moz-transform: translate(300px, 0);
  -o-transform: translate(300px, 0);
  -ms-transform: translate(300px, 0);
  transform: translate(300px, 0);
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.rightbar.right-aside-toggle {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.rightbar .popover {
  max-width: 300px;
  width: 300px;
  padding: 0px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: #e5e5e5 1px solid;
}
.rightbar .popover .popover-title {
  padding: 10px 15px;
  background-color: #eee;
  text-transform: capitalize;
  font-size: 16px;
  letter-spacing: normal;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-weight: 400;
}
.rightbar .popover .popover-content {
  padding: 15px 15px;
}
.rightbar .popover .chat-user-info {
  display: table;
  width: 100%;
}
.rightbar .popover .chat-user-info > div {
  display: table-cell;
  vertical-align: middle;
}
.rightbar .popover .chat-user-info .chat-user-avatar {
  width: 60px;
  padding-right: 10px;
}
.rightbar .popover .chat-user-info .chat-user-avatar img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.rightbar .popover .chat-user-info .chat-user-details ul {
  margin: 0px;
  padding: 0px;
}
.rightbar .popover .chat-user-info .chat-user-details ul li {
  list-style: none;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  color: #666;
}
.rightbar .popover .chat-user-info .chat-user-details ul li span {
  text-transform: capitalize;
  color: #868686;
}
.rightbar .nav-tabs {
  border-bottom: #ddd 1px solid;
}
.rightbar .nav-tabs > li > a {
  padding: 15px 15px;
  text-transform: uppercase;
}
.rightbar .nav-tabs > li > a .noty-bubble {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  top: -3px;
  padding: 3px 4px;
  font-size: 10px;
  background-color: #ff5252;
  position: relative;
  font-weight: 600;
  color: #ffffff;
}
.rightbar .message-list-container {
  overflow-y: auto;
}
.rightbar .message-list-container > ul {
  padding: 0px;
  margin: 0px;
}
.rightbar .message-list-container > ul > li {
  display: table;
  padding: 0px;
  border-bottom: #eee 1px solid;
  background: #f9f9f9;
}
.rightbar .message-list-container > ul > li > a {
  font-size: 12px;
  color: #444444;
  text-decoration: none;
  padding: 15px;
}
.rightbar .message-list-container > ul > li > a:hover {
  text-decoration: none;
  color: #17bab8;
}
.rightbar .message-list-container > ul > li:hover,
.rightbar .message-list-container > ul > li:active,
.rightbar .message-list-container > ul > li:focus {
  background: #fff;
  text-decoration: none;
}
.rightbar .message-list-container h4 {
  font-size: 14px;
  font-weight: 500;
  padding: 15px;
  margin: 0px;
  border-bottom: #eee 1px solid;
}
.rightbar .notification-wrap {
  overflow-y: auto;
}
.rightbar .notification-wrap > ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.rightbar .notification-wrap > ul > li > a {
  width: 100%;
  display: table;
  padding: 15px;
  font-size: 12px;
  color: #444444;
  background: #f9f9f9;
  text-decoration: none;
  border-bottom: #eee 1px solid;
}
.rightbar .notification-wrap > ul > li > a > span {
  display: table-cell;
  vertical-align: middle;
}
.rightbar .notification-wrap > ul > li > a > span.ni {
  width: 44px;
  height: 44px;
  display: inline-block;
  line-height: 44px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.rightbar .notification-wrap > ul > li > a:hover {
  background: #fff;
}
.rightbar h4 {
  font-size: 14px;
  font-weight: 500;
  padding: 15px;
  margin: 0px;
  border-bottom: #eee 1px solid;
}
.chat-user-container h3 {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: #eee 1px solid;
  letter-spacing: .1em;
  color: #333;
}
.chat-user-container h3 .online-counter {
  font-size: 11px;
  text-transform: none;
  letter-spacing: normal;
  color: #4caf50;
}
.chat-user-list {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  list-style: none;
}
.chat-user-list > li {
  display: table;
  line-height: normal;
  position: relative;
  width: 100%;
  padding: 15px;
  border-bottom: #eee 1px solid;
  background-color: #f9f9f9;
  cursor: pointer;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.chat-user-list > li > div {
  display: block;
  width: 100%;
  position: relative;
  color: #333;
}
.chat-user-list > li > div > span {
  display: table-cell;
  vertical-align: middle;
}
.chat-user-list > li > div:hover,
.chat-user-list > li > div:focus {
  text-decoration: none;
  color: #17bab8;
}
.chat-user-list > li .chat-avatar {
  position: relative;
  width: 40px;
  height: 40px;
}
.chat-user-list > li .chat-avatar img {
  width: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.chat-user-list > li .chat-u-info {
  padding-left: 12px;
  font-size: 12px;
  font-weight: 500;
}
.chat-user-list > li .chat-u-info cite {
  display: block;
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  color: #868686;
}
.chat-user-list > li .chat-u-status {
  position: absolute;
  top: 32%;
  right: 20px;
  color: #ccc;
}
.chat-user-list > li .chat-u-status i {
  font-size: 10px;
  color: #ddd;
}
.chat-user-list > li:hover {
  background-color: #fff;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.chat-user-list li.chat-u-online i {
  color: #4caf50;
}
.chat-user-list li.chat-u-away i {
  color: #ffb300;
}
.chat-user-list li.chat-u-busy i {
  color: #ff5252;
}
.aside-chat-box {
  width: 300px;
  background-color: #ffffff;
  position: fixed;
  z-index: 50;
  height: 100%;
  right: 0px;
  visibility: hidden;
  -webkit-transform: translate(300px, 0);
  -moz-transform: translate(300px, 0);
  -o-transform: translate(300px, 0);
  -ms-transform: translate(300px, 0);
  transform: translate(300px, 0);
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.aside-chat-box.right-chat-toggle {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  visibility: visible;
}
.chat-user-toolbar {
  padding: 10px 16px;
  border-bottom: #eee 1px solid;
  background-color: #f9f9f9;
}
.chat-user-toolbar .chat-user-search {
  position: relative;
  width: 220px;
}
.chat-user-toolbar .chat-user-search input.form-control {
  padding-left: 36px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  border-color: #e5e5e5;
  box-shadow: none;
}
.chat-user-toolbar .chat-user-search input.form-control:focus {
  border-color: #ccc;
}
.chat-user-toolbar .chat-user-search .addon-icon {
  width: 38px;
  height: 38px;
  display: inline-block;
  position: absolute;
}
.chat-user-toolbar .chat-user-search .addon-icon i {
  width: 38px;
  height: 38px;
  font-size: 18px;
  position: relative;
  color: #868686;
  top: 1px;
  display: inline-block;
  text-align: center;
  line-height: 38px;
}
.chat-user-toolbar .add-chat-list {
  width: 38px;
  height: 38px;
  display: inline-block;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  border: #e5e5e5 1px solid;
  background-color: #fff;
  box-shadow: none;
  cursor: pointer;
  color: #868686;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.chat-user-toolbar .add-chat-list:hover,
.chat-user-toolbar .add-chat-list:focus {
  border: #17bab8 1px solid;
  background-color: #17bab8;
  color: #fff;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.chat-user-toolbar .add-chat-list i {
  width: 38px;
  height: 38px;
  font-size: 18px;
  position: relative;
  top: 1px;
  display: inline-block;
  text-align: center;
  line-height: 35px;
}
.coversation-toolbar {
  display: table;
  background-color: #f9f9f9;
  padding: 10px 10px;
  border-bottom: #eee 1px solid;
}
.coversation-toolbar > div {
  display: table-cell;
  vertical-align: middle;
}
.coversation-toolbar .chat-back {
  width: 40px;
  height: 40px;
  padding-right: 5px;
  text-align: center;
}
.coversation-toolbar .chat-back i {
  width: 40px;
  height: 40px;
  line-height: 39px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  border: #e5e5e5 1px solid;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.coversation-toolbar .chat-back i:hover,
.coversation-toolbar .chat-back i:focus {
  border: #17bab8 1px solid;
  background-color: #17bab8;
  color: #fff;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.coversation-toolbar .active-conversation {
  width: 136px;
  display: table;
}
.coversation-toolbar .active-conversation > div {
  display: table-cell;
  vertical-align: middle;
}
.coversation-toolbar .active-conversation .chat-avatar {
  width: 40px;
  height: 40px;
  padding-right: 5px;
}
.coversation-toolbar .active-conversation .chat-avatar img {
  width: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-color: #fff;
}
.coversation-toolbar .active-conversation .chat-user-status ul {
  padding: 0px;
  margin: 0px;
}
.coversation-toolbar .active-conversation .chat-user-status ul li {
  list-style: none;
  line-height: normal;
  font-size: 12px;
}
.coversation-toolbar .conversation-action {
  width: 100px;
}
.coversation-toolbar .conversation-action > ul {
  text-align: right;
  padding: 0px;
  margin: 0px;
}
.coversation-toolbar .conversation-action > ul > li {
  width: 40px;
  height: 40px;
  list-style: none;
  line-height: normal;
  display: inline-block;
  text-align: center;
}
.coversation-toolbar .conversation-action > ul > li i {
  width: 40px;
  height: 40px;
  line-height: 39px;
  text-align: center;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  border: #e5e5e5 1px solid;
  background-color: #fff;
  color: #868686;
  cursor: pointer;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.coversation-toolbar .conversation-action > ul > li i:hover,
.coversation-toolbar .conversation-action > ul > li i:focus {
  border: #17bab8 1px solid;
  background-color: #17bab8;
  color: #fff;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.coversation-toolbar .conversation-action > ul > li .dropdown-menu {
  display: block;
  visibility: hidden;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(0);
  -webkit-transform: scale(0);
  transform-origin: right top;
  -webkit-transform-origin: right top;
  right: 0px;
  border: #eee 1px solid;
  margin-top: 10px;
  left: auto;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  box-shadow: none;
}
.coversation-toolbar .conversation-action > ul > li .dropdown-menu > li > a {
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  padding: 6px 15px;
  color: #868686;
}
.coversation-toolbar .conversation-action > ul > li .dropdown-menu > li > a:hover,
.coversation-toolbar .conversation-action > ul > li .dropdown-menu > li > a:focus {
  color: #17bab8;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.coversation-toolbar .conversation-action > ul > li .dropdown-menu > li > a:hover i,
.coversation-toolbar .conversation-action > ul > li .dropdown-menu > li > a:focus i {
  border: #17bab8 1px solid;
  background-color: #17bab8;
  color: #fff;
}
.coversation-toolbar .conversation-action > ul > li .dropdown-menu > li > a i {
  margin-right: 6px;
}
.coversation-toolbar .conversation-action > ul > li.open .dropdown-menu {
  visibility: visible;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(1);
  -webkit-transform: scale(1);
}
.conversation-container {
  padding: 15px 0px;
}
.conversation-row {
  display: table;
  width: 100%;
  padding: 0px 15px;
}
.conversation-row > div {
  display: table-cell;
  vertical-align: top;
}
.conversation-row .conversation-thumb {
  width: 40px;
  height: 40px;
  padding-right: 10px;
}
.conversation-row .conversation-thumb img {
  width: 40px;
  height: 40px;
}
.conversation-row.even .conversation-list {
  position: relative;
  padding: 0px;
  margin: 0px;
}
.conversation-row.even .conversation-list > li {
  padding: 10px 15px;
  display: inline-block;
  list-style: none;
  z-index: 100;
  margin-bottom: 15px;
  background-color: #eee;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.conversation-row.even .conversation-list > li p {
  margin: 0px;
  color: #666;
}
.conversation-row.even .conversation-list > li:after {
  right: 100%;
  top: 10px;
  left: -6px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -webkit-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
  position: absolute;
  z-index: 50;
  pointer-events: none;
  border-color: rgba(238, 238, 238, 0);
  border-right-color: #eee;
  border-width: 10px;
  margin-top: -10px;
}
.conversation-row.odd .conversation-list {
  position: relative;
  padding: 0px;
  margin: 0px;
  text-align: right !important;
}
.conversation-row.odd .conversation-list > li {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 10px 15px;
  display: inline-block;
  list-style: none;
  z-index: 100;
  margin-bottom: 15px;
  background-color: #17bab8 !important;
  position: relative;
}
.conversation-row.odd .conversation-list > li p {
  margin: 0px;
  color: #fff !important;
}
.conversation-row.odd .conversation-list > li:after {
  left: auto !important;
  top: 10px !important;
  right: -6px !important;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -webkit-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
  position: absolute;
  z-index: 50;
  pointer-events: none;
  border-color: rgba(238, 238, 238, 0);
  border-right-color: #17bab8 !important;
  border-width: 10px;
  margin-top: -10px;
}
.chat-text-input {
  border-top: #eee 1px solid;
  background-color: #f9f9f9;
  padding: 15px;
}
.chat-text-input input.form-control {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border-color: #e5e5e5;
  box-shadow: none;
}
.chat-text-input input.form-control:focus {
  border-color: #ccc;
}
.tab-pane-header {
  margin-top: 0px;
  margin-bottom: 0px;
  border-bottom: #eee 1px solid;
  padding: 15px;
  font-size: 16px;
  font-weight: 400;
}
.activities-list {
  position: relative;
  list-style: none;
  padding: 15px 15px 0px 0px;
  margin: 0px 0px 0px 15px;
}
.activities-list:after {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #e5e5e5;
  position: absolute;
  left: 20px;
  top: 0px;
}
.activities-list > li {
  display: table;
  padding: 15px 0px;
  width: 100%;
}
.activities-list > li > div {
  display: table-cell;
  vertical-align: top;
}
.activities-list > li > div.activities-badge {
  width: 40px;
  height: 40px;
  text-align: center;
  padding-right: 10px;
}
.activities-list > li > div.activities-badge span {
  width: 40px;
  height: 40px;
  display: inline-block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  position: relative;
  z-index: 100;
}
.activities-list > li > div.activities-badge span i {
  width: 40px;
  height: 40px;
  display: inline-block;
  line-height: 38px;
  position: relative;
  top: 1px;
  font-size: 18px;
  color: #fff;
}
.activities-list > li > div.activities-details {
  padding: 4px 5px;
  position: relative;
}
.activities-list > li > div.activities-details .activities-post {
  border-top: #eee 1px solid;
  padding-top: 6px;
  margin-top: 6px;
}
.activities-list > li > div.activities-details .activities-post ul {
  padding: 0px;
  margin: 0px;
}
.activities-list > li > div.activities-details .activities-post ul li {
  list-style: none;
}
.activities-list > li > div.activities-details .activities-post .new-user-lists {
  padding-top: 10px;
  padding-bottom: 10px;
}
.activities-list > li > div.activities-details .activities-post .new-user-lists li {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 6px;
}
.activities-list > li > div.activities-details .activities-post .new-user-lists li a {
  width: 40px;
  height: 40px;
  display: block;
}
.activities-list > li > div.activities-details .activities-post .new-user-lists li a.more-list {
  background-color: #eee;
  position: relative;
  top: 3px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  color: #666;
}
.activities-list > li > div.activities-details .activities-post .new-user-lists li a.more-list i {
  font-size: 16px;
  line-height: 40px;
  width: 40px;
  height: 40px;
  position: relative;
  top: 1px;
  display: inline-block;
}
.activities-list > li > div.activities-details .activities-post .new-user-lists li a.more-list:hover,
.activities-list > li > div.activities-details .activities-post .new-user-lists li a.more-list:focus {
  background-color: #17bab8;
  color: #fff;
}
.activities-list > li > div.activities-details .activities-post .new-user-lists li a:hover,
.activities-list > li > div.activities-details .activities-post .new-user-lists li a:focus {
  text-decoration: none;
}
.activities-list > li > div.activities-details .activities-post .new-user-lists li img {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.activities-list > li > div.activities-details .activities-post .new-image-lists {
  padding-top: 10px;
  padding-bottom: 10px;
}
.activities-list > li > div.activities-details .activities-post .new-image-lists li {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 6px;
}
.activities-list > li > div.activities-details .activities-post .new-image-lists li a {
  width: 40px;
  height: 40px;
  display: block;
}
.activities-list > li > div.activities-details .activities-post .new-image-lists li a.more-list {
  background-color: #eee;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  top: 3px;
  text-align: center;
  color: #666;
}
.activities-list > li > div.activities-details .activities-post .new-image-lists li a.more-list i {
  font-size: 16px;
  line-height: 40px;
  width: 40px;
  height: 40px;
  display: inline-block;
}
.activities-list > li > div.activities-details .activities-post .new-image-lists li a.more-list:hover,
.activities-list > li > div.activities-details .activities-post .new-image-lists li a.more-list:focus {
  background-color: #17bab8;
  color: #fff;
}
.activities-list > li > div.activities-details .activities-post .new-image-lists li a:hover,
.activities-list > li > div.activities-details .activities-post .new-image-lists li a:focus {
  text-decoration: none;
}
.activities-list > li > div.activities-details .activities-post .new-image-lists li img {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.activities-list > li > div.activities-details .activities-post .new-file-lists {
  padding-top: 10px;
  padding-bottom: 10px;
}
.activities-list > li > div.activities-details .activities-post .new-file-lists li a {
  font-size: 12px;
  color: #666;
  display: block;
}
.activities-list > li > div.activities-details .activities-post .new-file-lists li a i {
  padding-right: 6px;
}
.activities-list > li > div.activities-details .activities-post .new-file-lists li a:hover,
.activities-list > li > div.activities-details .activities-post .new-file-lists li a:focus {
  text-decoration: none;
  color: #17bab8;
}
.activities-list > li > div.activities-details .activities-post .new-post-lists {
  padding-top: 10px;
  padding-bottom: 10px;
}
.activities-list > li > div.activities-details .activities-post .new-post-lists li a {
  font-size: 12px;
  color: #666;
  display: block;
  font-weight: 500;
}
.activities-list > li > div.activities-details .activities-post .new-post-lists li a i {
  padding-right: 6px;
}
.activities-list > li > div.activities-details .activities-post .new-post-lists li a:hover,
.activities-list > li > div.activities-details .activities-post .new-post-lists li a:focus {
  text-decoration: none;
  color: #17bab8;
}
.activities-list > li > div.activities-details .activities-post .new-comments-lists {
  padding-top: 10px;
  padding-bottom: 10px;
}
.activities-list > li > div.activities-details .activities-post .new-comments-lists li {
  line-height: normal;
  margin-bottom: 10px;
}
.activities-list > li > div.activities-details .activities-post .new-comments-lists li a {
  color: #666;
  font-size: 12px;
  display: block;
  border-left: #eee 3px solid;
  padding-left: 15px;
}
.activities-list > li > div.activities-details .activities-post .new-comments-lists li a i {
  padding-right: 6px;
}
.activities-list > li > div.activities-details .activities-post .new-comments-lists li a:hover,
.activities-list > li > div.activities-details .activities-post .new-comments-lists li a:focus {
  text-decoration: none;
  color: #17bab8;
}
.activities-list > li > div.activities-details .activities-header {
  font-size: 12px;
  font-weight: 500;
  margin-top: 0px;
  margin-bottom: 0px;
}
.activities-list > li > div.activities-details .activities-header a {
  color: #444;
}
.activities-list > li > div.activities-details .activities-header a:hover,
.activities-list > li > div.activities-details .activities-header a:focus {
  text-decoration: none;
  color: #17bab8;
}
.activities-list > li > div.activities-details .activities-meta {
  margin-bottom: 0px;
  color: #888;
  font-size: 12px;
}
.activities-list > li > div.activities-details p {
  margin-bottom: 0px;
  color: #666;
  font-size: 12px;
}
.activities-load {
  border-top: #eee 1px solid;
}
.activities-load a {
  padding: 20px 30px;
  display: block;
  text-align: center;
  text-transform: uppercase;
  color: #444;
  font-weight: 500;
  font-size: 12px;
  background-color: #f9f9f9;
}
.activities-load a:hover,
.activities-load a:focus {
  text-decoration: none;
  color: #17bab8;
}
.footer-container {
  background-color: #fff;
  margin-right: -15px;
  margin-left: -15px;
  padding: 15px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 10px rgba(0, 0, 0, 0.12);
  color: #666;
}
.footer-container a {
  color: #868686;
}
.footer-container a:hover,
.footer-container a:focus {
  text-decoration: none;
}
.footer-container .footer-right {
  text-align: right;
}
.footer-container .footer-right .footer-meta i {
  color: #00bcd4;
}
/*-----------------------
2.0 Elements & Components
------------------------*/
/*---------------------------
2.1 Waves / .waves-transition
-----------------------------*/
/*!
 * Waves v0.7.2
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: scale(0) translate(0, 0);
  -moz-transform: scale(0) translate(0, 0);
  -ms-transform: scale(0) translate(0, 0);
  -o-transform: scale(0) translate(0, 0);
  transform: scale(0) translate(0, 0);
  pointer-events: none;
}
.waves-effect.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
  background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.waves-effect.waves-classic .waves-ripple {
  background: rgba(0, 0, 0, 0.2);
}
.waves-effect.waves-classic.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
}
.waves-notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.waves-button,
.waves-circle {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}
.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  outline: none;
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  z-index: 1;
}
.waves-button {
  padding: 0.85em 1.1em;
  border-radius: 0.2em;
}
.waves-button-input {
  margin: 0;
  padding: 0.85em 1.1em;
}
.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}
.waves-input-wrapper.waves-button {
  padding: 0;
}
.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}
.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
}
.waves-float {
  -webkit-mask-image: none;
  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}
.waves-float:active {
  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}
.waves-block {
  display: block;
}
/* Firefox Bug: link not triggered */
a.waves-effect .waves-ripple {
  z-index: -1;
}
/*------------------------------------
2.2 Material Box Shadow / .z-depth-top
--------------------------------------*/
/*-----------------------
2.3 Header / .page-header
-------------------------*/
.page-header {
  margin: 0px;
  border-bottom: 0px;
  margin-bottom: 30px;
  padding-bottom: 0px;
}
.page-header h1,
.page-header h2,
.page-header h3,
.page-header h4,
.page-header h5,
.page-header h6 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 24px;
  font-weight: 300;
}
.page-header ul {
  margin-bottom: 0px;
  margin-top: 6px;
  list-style: none;
  padding: 0px;
}
.page-header p {
  margin-bottom: 0px;
  margin-top: 6px;
  color: #666;
}
.page-header.filled {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 30px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.page-header.light {
  background-color: #fff;
}
.page-header.img-bg {
  position: relative;
  background-color: #fff;
  background-image: url("../images/header-bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.page-header.img-bg .overlay-bg {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.5);
}
.page-header.img-bg * {
  color: #f5f5f5;
}
.page-header.img-bg .list-page-breadcrumb li a {
  color: #f5f5f5;
}
.page-header.img-bg .list-page-breadcrumb li a:hover,
.page-header.img-bg .list-page-breadcrumb li a:focus {
  text-decoration: none;
  color: #17bab8;
}
.page-header.img-bg .list-page-breadcrumb li.active-page {
  color: #f5f5f5;
}
.page-header.single-line .list-page-breadcrumb {
  margin-top: 0px;
}
.page-header.dark {
  background-color: #555;
}
.page-header.dark * {
  color: #f5f5f5;
}
.page-header.dark .list-page-breadcrumb li a {
  color: #f5f5f5;
}
.page-header.dark .list-page-breadcrumb li a:hover,
.page-header.dark .list-page-breadcrumb li a:focus {
  text-decoration: none;
  color: #17bab8;
}
.page-header.dark .list-page-breadcrumb li.active-page {
  color: #f5f5f5;
}
.page-header.full-block {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  margin-left: -30px;
  margin-right: -30px;
  margin-top: -30px;
}
.page-header.full-block .overlay-bg {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.page-header .list-page-breadcrumb {
  text-align: right;
  margin-top: 14px;
}
.page-header .list-page-breadcrumb li {
  list-style: none;
  display: inline-block;
  font-size: 12px;
  padding-left: 6px;
}
.page-header .list-page-breadcrumb li a {
  color: #444444;
}
.page-header .list-page-breadcrumb li a:hover,
.page-header .list-page-breadcrumb li a:focus {
  text-decoration: none;
  color: #17bab8;
}
.page-header .list-page-breadcrumb li a i {
  padding-left: 6px;
}
.page-header .list-page-breadcrumb li.active-page {
  color: #868686;
}
/*-------------------------
2.4 Flag Icons / .flag-icon
--------------------------*/
.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: "\00a0";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}
.flag-icon-ad {
  background-image: url(../images/flags/4x3/ad.svg);
}
.flag-icon-ad.flag-icon-squared {
  background-image: url(../images/flags/1x1/ad.svg);
}
.flag-icon-ae {
  background-image: url(../images/flags/4x3/ae.svg);
}
.flag-icon-ae.flag-icon-squared {
  background-image: url(../images/flags/1x1/ae.svg);
}
.flag-icon-af {
  background-image: url(../images/flags/4x3/af.svg);
}
.flag-icon-af.flag-icon-squared {
  background-image: url(../images/flags/1x1/af.svg);
}
.flag-icon-ag {
  background-image: url(../images/flags/4x3/ag.svg);
}
.flag-icon-ag.flag-icon-squared {
  background-image: url(../images/flags/1x1/ag.svg);
}
.flag-icon-ai {
  background-image: url(../images/flags/4x3/ai.svg);
}
.flag-icon-ai.flag-icon-squared {
  background-image: url(../images/flags/1x1/ai.svg);
}
.flag-icon-al {
  background-image: url(../images/flags/4x3/al.svg);
}
.flag-icon-al.flag-icon-squared {
  background-image: url(../images/flags/1x1/al.svg);
}
.flag-icon-am {
  background-image: url(../images/flags/4x3/am.svg);
}
.flag-icon-am.flag-icon-squared {
  background-image: url(../images/flags/1x1/am.svg);
}
.flag-icon-ao {
  background-image: url(../images/flags/4x3/ao.svg);
}
.flag-icon-ao.flag-icon-squared {
  background-image: url(../images/flags/1x1/ao.svg);
}
.flag-icon-aq {
  background-image: url(../images/flags/4x3/aq.svg);
}
.flag-icon-aq.flag-icon-squared {
  background-image: url(../images/flags/1x1/aq.svg);
}
.flag-icon-ar {
  background-image: url(../images/flags/4x3/ar.svg);
}
.flag-icon-ar.flag-icon-squared {
  background-image: url(../images/flags/1x1/ar.svg);
}
.flag-icon-as {
  background-image: url(../images/flags/4x3/as.svg);
}
.flag-icon-as.flag-icon-squared {
  background-image: url(../images/flags/1x1/as.svg);
}
.flag-icon-at {
  background-image: url(../images/flags/4x3/at.svg);
}
.flag-icon-at.flag-icon-squared {
  background-image: url(../images/flags/1x1/at.svg);
}
.flag-icon-au {
  background-image: url(../images/flags/4x3/au.svg);
}
.flag-icon-au.flag-icon-squared {
  background-image: url(../images/flags/1x1/au.svg);
}
.flag-icon-aw {
  background-image: url(../images/flags/4x3/aw.svg);
}
.flag-icon-aw.flag-icon-squared {
  background-image: url(../images/flags/1x1/aw.svg);
}
.flag-icon-ax {
  background-image: url(../images/flags/4x3/ax.svg);
}
.flag-icon-ax.flag-icon-squared {
  background-image: url(../images/flags/1x1/ax.svg);
}
.flag-icon-az {
  background-image: url(../images/flags/4x3/az.svg);
}
.flag-icon-az.flag-icon-squared {
  background-image: url(../images/flags/1x1/az.svg);
}
.flag-icon-ba {
  background-image: url(../images/flags/4x3/ba.svg);
}
.flag-icon-ba.flag-icon-squared {
  background-image: url(../images/flags/1x1/ba.svg);
}
.flag-icon-bb {
  background-image: url(../images/flags/4x3/bb.svg);
}
.flag-icon-bb.flag-icon-squared {
  background-image: url(../images/flags/1x1/bb.svg);
}
.flag-icon-bd {
  background-image: url(../images/flags/4x3/bd.svg);
}
.flag-icon-bd.flag-icon-squared {
  background-image: url(../images/flags/1x1/bd.svg);
}
.flag-icon-be {
  background-image: url(../images/flags/4x3/be.svg);
}
.flag-icon-be.flag-icon-squared {
  background-image: url(../images/flags/1x1/be.svg);
}
.flag-icon-bf {
  background-image: url(../images/flags/4x3/bf.svg);
}
.flag-icon-bf.flag-icon-squared {
  background-image: url(../images/flags/1x1/bf.svg);
}
.flag-icon-bg {
  background-image: url(../images/flags/4x3/bg.svg);
}
.flag-icon-bg.flag-icon-squared {
  background-image: url(../images/flags/1x1/bg.svg);
}
.flag-icon-bh {
  background-image: url(../images/flags/4x3/bh.svg);
}
.flag-icon-bh.flag-icon-squared {
  background-image: url(../images/flags/1x1/bh.svg);
}
.flag-icon-bi {
  background-image: url(../images/flags/4x3/bi.svg);
}
.flag-icon-bi.flag-icon-squared {
  background-image: url(../images/flags/1x1/bi.svg);
}
.flag-icon-bj {
  background-image: url(../images/flags/4x3/bj.svg);
}
.flag-icon-bj.flag-icon-squared {
  background-image: url(../images/flags/1x1/bj.svg);
}
.flag-icon-bl {
  background-image: url(../images/flags/4x3/bl.svg);
}
.flag-icon-bl.flag-icon-squared {
  background-image: url(../images/flags/1x1/bl.svg);
}
.flag-icon-bm {
  background-image: url(../images/flags/4x3/bm.svg);
}
.flag-icon-bm.flag-icon-squared {
  background-image: url(../images/flags/1x1/bm.svg);
}
.flag-icon-bn {
  background-image: url(../images/flags/4x3/bn.svg);
}
.flag-icon-bn.flag-icon-squared {
  background-image: url(../images/flags/1x1/bn.svg);
}
.flag-icon-bo {
  background-image: url(../images/flags/4x3/bo.svg);
}
.flag-icon-bo.flag-icon-squared {
  background-image: url(../images/flags/1x1/bo.svg);
}
.flag-icon-bq {
  background-image: url(../images/flags/4x3/bq.svg);
}
.flag-icon-bq.flag-icon-squared {
  background-image: url(../images/flags/1x1/bq.svg);
}
.flag-icon-br {
  background-image: url(../images/flags/4x3/br.svg);
}
.flag-icon-br.flag-icon-squared {
  background-image: url(../images/flags/1x1/br.svg);
}
.flag-icon-bs {
  background-image: url(../images/flags/4x3/bs.svg);
}
.flag-icon-bs.flag-icon-squared {
  background-image: url(../images/flags/1x1/bs.svg);
}
.flag-icon-bt {
  background-image: url(../images/flags/4x3/bt.svg);
}
.flag-icon-bt.flag-icon-squared {
  background-image: url(../images/flags/1x1/bt.svg);
}
.flag-icon-bv {
  background-image: url(../images/flags/4x3/bv.svg);
}
.flag-icon-bv.flag-icon-squared {
  background-image: url(../images/flags/1x1/bv.svg);
}
.flag-icon-bw {
  background-image: url(../images/flags/4x3/bw.svg);
}
.flag-icon-bw.flag-icon-squared {
  background-image: url(../images/flags/1x1/bw.svg);
}
.flag-icon-by {
  background-image: url(../images/flags/4x3/by.svg);
}
.flag-icon-by.flag-icon-squared {
  background-image: url(../images/flags/1x1/by.svg);
}
.flag-icon-bz {
  background-image: url(../images/flags/4x3/bz.svg);
}
.flag-icon-bz.flag-icon-squared {
  background-image: url(../images/flags/1x1/bz.svg);
}
.flag-icon-ca {
  background-image: url(../images/flags/4x3/ca.svg);
}
.flag-icon-ca.flag-icon-squared {
  background-image: url(../images/flags/1x1/ca.svg);
}
.flag-icon-cc {
  background-image: url(../images/flags/4x3/cc.svg);
}
.flag-icon-cc.flag-icon-squared {
  background-image: url(../images/flags/1x1/cc.svg);
}
.flag-icon-cd {
  background-image: url(../images/flags/4x3/cd.svg);
}
.flag-icon-cd.flag-icon-squared {
  background-image: url(../images/flags/1x1/cd.svg);
}
.flag-icon-cf {
  background-image: url(../images/flags/4x3/cf.svg);
}
.flag-icon-cf.flag-icon-squared {
  background-image: url(../images/flags/1x1/cf.svg);
}
.flag-icon-cg {
  background-image: url(../images/flags/4x3/cg.svg);
}
.flag-icon-cg.flag-icon-squared {
  background-image: url(../images/flags/1x1/cg.svg);
}
.flag-icon-ch {
  background-image: url(../images/flags/4x3/ch.svg);
}
.flag-icon-ch.flag-icon-squared {
  background-image: url(../images/flags/1x1/ch.svg);
}
.flag-icon-ci {
  background-image: url(../images/flags/4x3/ci.svg);
}
.flag-icon-ci.flag-icon-squared {
  background-image: url(../images/flags/1x1/ci.svg);
}
.flag-icon-ck {
  background-image: url(../images/flags/4x3/ck.svg);
}
.flag-icon-ck.flag-icon-squared {
  background-image: url(../images/flags/1x1/ck.svg);
}
.flag-icon-cl {
  background-image: url(../images/flags/4x3/cl.svg);
}
.flag-icon-cl.flag-icon-squared {
  background-image: url(../images/flags/1x1/cl.svg);
}
.flag-icon-cm {
  background-image: url(../images/flags/4x3/cm.svg);
}
.flag-icon-cm.flag-icon-squared {
  background-image: url(../images/flags/1x1/cm.svg);
}
.flag-icon-cn {
  background-image: url(../images/flags/4x3/cn.svg);
}
.flag-icon-cn.flag-icon-squared {
  background-image: url(../images/flags/1x1/cn.svg);
}
.flag-icon-co {
  background-image: url(../images/flags/4x3/co.svg);
}
.flag-icon-co.flag-icon-squared {
  background-image: url(../images/flags/1x1/co.svg);
}
.flag-icon-cr {
  background-image: url(../images/flags/4x3/cr.svg);
}
.flag-icon-cr.flag-icon-squared {
  background-image: url(../images/flags/1x1/cr.svg);
}
.flag-icon-cu {
  background-image: url(../images/flags/4x3/cu.svg);
}
.flag-icon-cu.flag-icon-squared {
  background-image: url(../images/flags/1x1/cu.svg);
}
.flag-icon-cv {
  background-image: url(../images/flags/4x3/cv.svg);
}
.flag-icon-cv.flag-icon-squared {
  background-image: url(../images/flags/1x1/cv.svg);
}
.flag-icon-cw {
  background-image: url(../images/flags/4x3/cw.svg);
}
.flag-icon-cw.flag-icon-squared {
  background-image: url(../images/flags/1x1/cw.svg);
}
.flag-icon-cx {
  background-image: url(../images/flags/4x3/cx.svg);
}
.flag-icon-cx.flag-icon-squared {
  background-image: url(../images/flags/1x1/cx.svg);
}
.flag-icon-cy {
  background-image: url(../images/flags/4x3/cy.svg);
}
.flag-icon-cy.flag-icon-squared {
  background-image: url(../images/flags/1x1/cy.svg);
}
.flag-icon-cz {
  background-image: url(../images/flags/4x3/cz.svg);
}
.flag-icon-cz.flag-icon-squared {
  background-image: url(../images/flags/1x1/cz.svg);
}
.flag-icon-de {
  background-image: url(../images/flags/4x3/de.svg);
}
.flag-icon-de.flag-icon-squared {
  background-image: url(../images/flags/1x1/de.svg);
}
.flag-icon-dj {
  background-image: url(../images/flags/4x3/dj.svg);
}
.flag-icon-dj.flag-icon-squared {
  background-image: url(../images/flags/1x1/dj.svg);
}
.flag-icon-dk {
  background-image: url(../images/flags/4x3/dk.svg);
}
.flag-icon-dk.flag-icon-squared {
  background-image: url(../images/flags/1x1/dk.svg);
}
.flag-icon-dm {
  background-image: url(../images/flags/4x3/dm.svg);
}
.flag-icon-dm.flag-icon-squared {
  background-image: url(../images/flags/1x1/dm.svg);
}
.flag-icon-do {
  background-image: url(../images/flags/4x3/do.svg);
}
.flag-icon-do.flag-icon-squared {
  background-image: url(../images/flags/1x1/do.svg);
}
.flag-icon-dz {
  background-image: url(../images/flags/4x3/dz.svg);
}
.flag-icon-dz.flag-icon-squared {
  background-image: url(../images/flags/1x1/dz.svg);
}
.flag-icon-ec {
  background-image: url(../images/flags/4x3/ec.svg);
}
.flag-icon-ec.flag-icon-squared {
  background-image: url(../images/flags/1x1/ec.svg);
}
.flag-icon-ee {
  background-image: url(../images/flags/4x3/ee.svg);
}
.flag-icon-ee.flag-icon-squared {
  background-image: url(../images/flags/1x1/ee.svg);
}
.flag-icon-eg {
  background-image: url(../images/flags/4x3/eg.svg);
}
.flag-icon-eg.flag-icon-squared {
  background-image: url(../images/flags/1x1/eg.svg);
}
.flag-icon-eh {
  background-image: url(../images/flags/4x3/eh.svg);
}
.flag-icon-eh.flag-icon-squared {
  background-image: url(../images/flags/1x1/eh.svg);
}
.flag-icon-er {
  background-image: url(../images/flags/4x3/er.svg);
}
.flag-icon-er.flag-icon-squared {
  background-image: url(../images/flags/1x1/er.svg);
}
.flag-icon-es {
  background-image: url(../images/flags/4x3/es.svg);
}
.flag-icon-es.flag-icon-squared {
  background-image: url(../images/flags/1x1/es.svg);
}
.flag-icon-et {
  background-image: url(../images/flags/4x3/et.svg);
}
.flag-icon-et.flag-icon-squared {
  background-image: url(../images/flags/1x1/et.svg);
}
.flag-icon-fi {
  background-image: url(../images/flags/4x3/fi.svg);
}
.flag-icon-fi.flag-icon-squared {
  background-image: url(../images/flags/1x1/fi.svg);
}
.flag-icon-fj {
  background-image: url(../images/flags/4x3/fj.svg);
}
.flag-icon-fj.flag-icon-squared {
  background-image: url(../images/flags/1x1/fj.svg);
}
.flag-icon-fk {
  background-image: url(../images/flags/4x3/fk.svg);
}
.flag-icon-fk.flag-icon-squared {
  background-image: url(../images/flags/1x1/fk.svg);
}
.flag-icon-fm {
  background-image: url(../images/flags/4x3/fm.svg);
}
.flag-icon-fm.flag-icon-squared {
  background-image: url(../images/flags/1x1/fm.svg);
}
.flag-icon-fo {
  background-image: url(../images/flags/4x3/fo.svg);
}
.flag-icon-fo.flag-icon-squared {
  background-image: url(../images/flags/1x1/fo.svg);
}
.flag-icon-fr {
  background-image: url(../images/flags/4x3/fr.svg);
}
.flag-icon-fr.flag-icon-squared {
  background-image: url(../images/flags/1x1/fr.svg);
}
.flag-icon-ga {
  background-image: url(../images/flags/4x3/ga.svg);
}
.flag-icon-ga.flag-icon-squared {
  background-image: url(../images/flags/1x1/ga.svg);
}
.flag-icon-gb {
  background-image: url(../images/flags/4x3/gb.svg);
}
.flag-icon-gb.flag-icon-squared {
  background-image: url(../images/flags/1x1/gb.svg);
}
.flag-icon-gd {
  background-image: url(../images/flags/4x3/gd.svg);
}
.flag-icon-gd.flag-icon-squared {
  background-image: url(../images/flags/1x1/gd.svg);
}
.flag-icon-ge {
  background-image: url(../images/flags/4x3/ge.svg);
}
.flag-icon-ge.flag-icon-squared {
  background-image: url(../images/flags/1x1/ge.svg);
}
.flag-icon-gf {
  background-image: url(../images/flags/4x3/gf.svg);
}
.flag-icon-gf.flag-icon-squared {
  background-image: url(../images/flags/1x1/gf.svg);
}
.flag-icon-gg {
  background-image: url(../images/flags/4x3/gg.svg);
}
.flag-icon-gg.flag-icon-squared {
  background-image: url(../images/flags/1x1/gg.svg);
}
.flag-icon-gh {
  background-image: url(../images/flags/4x3/gh.svg);
}
.flag-icon-gh.flag-icon-squared {
  background-image: url(../images/flags/1x1/gh.svg);
}
.flag-icon-gi {
  background-image: url(../images/flags/4x3/gi.svg);
}
.flag-icon-gi.flag-icon-squared {
  background-image: url(../images/flags/1x1/gi.svg);
}
.flag-icon-gl {
  background-image: url(../images/flags/4x3/gl.svg);
}
.flag-icon-gl.flag-icon-squared {
  background-image: url(../images/flags/1x1/gl.svg);
}
.flag-icon-gm {
  background-image: url(../images/flags/4x3/gm.svg);
}
.flag-icon-gm.flag-icon-squared {
  background-image: url(../images/flags/1x1/gm.svg);
}
.flag-icon-gn {
  background-image: url(../images/flags/4x3/gn.svg);
}
.flag-icon-gn.flag-icon-squared {
  background-image: url(../images/flags/1x1/gn.svg);
}
.flag-icon-gp {
  background-image: url(../images/flags/4x3/gp.svg);
}
.flag-icon-gp.flag-icon-squared {
  background-image: url(../images/flags/1x1/gp.svg);
}
.flag-icon-gq {
  background-image: url(../images/flags/4x3/gq.svg);
}
.flag-icon-gq.flag-icon-squared {
  background-image: url(../images/flags/1x1/gq.svg);
}
.flag-icon-gr {
  background-image: url(../images/flags/4x3/gr.svg);
}
.flag-icon-gr.flag-icon-squared {
  background-image: url(../images/flags/1x1/gr.svg);
}
.flag-icon-gs {
  background-image: url(../images/flags/4x3/gs.svg);
}
.flag-icon-gs.flag-icon-squared {
  background-image: url(../images/flags/1x1/gs.svg);
}
.flag-icon-gt {
  background-image: url(../images/flags/4x3/gt.svg);
}
.flag-icon-gt.flag-icon-squared {
  background-image: url(../images/flags/1x1/gt.svg);
}
.flag-icon-gu {
  background-image: url(../images/flags/4x3/gu.svg);
}
.flag-icon-gu.flag-icon-squared {
  background-image: url(../images/flags/1x1/gu.svg);
}
.flag-icon-gw {
  background-image: url(../images/flags/4x3/gw.svg);
}
.flag-icon-gw.flag-icon-squared {
  background-image: url(../images/flags/1x1/gw.svg);
}
.flag-icon-gy {
  background-image: url(../images/flags/4x3/gy.svg);
}
.flag-icon-gy.flag-icon-squared {
  background-image: url(../images/flags/1x1/gy.svg);
}
.flag-icon-hk {
  background-image: url(../images/flags/4x3/hk.svg);
}
.flag-icon-hk.flag-icon-squared {
  background-image: url(../images/flags/1x1/hk.svg);
}
.flag-icon-hm {
  background-image: url(../images/flags/4x3/hm.svg);
}
.flag-icon-hm.flag-icon-squared {
  background-image: url(../images/flags/1x1/hm.svg);
}
.flag-icon-hn {
  background-image: url(../images/flags/4x3/hn.svg);
}
.flag-icon-hn.flag-icon-squared {
  background-image: url(../images/flags/1x1/hn.svg);
}
.flag-icon-hr {
  background-image: url(../images/flags/4x3/hr.svg);
}
.flag-icon-hr.flag-icon-squared {
  background-image: url(../images/flags/1x1/hr.svg);
}
.flag-icon-ht {
  background-image: url(../images/flags/4x3/ht.svg);
}
.flag-icon-ht.flag-icon-squared {
  background-image: url(../images/flags/1x1/ht.svg);
}
.flag-icon-hu {
  background-image: url(../images/flags/4x3/hu.svg);
}
.flag-icon-hu.flag-icon-squared {
  background-image: url(../images/flags/1x1/hu.svg);
}
.flag-icon-id {
  background-image: url(../images/flags/4x3/id.svg);
}
.flag-icon-id.flag-icon-squared {
  background-image: url(../images/flags/1x1/id.svg);
}
.flag-icon-ie {
  background-image: url(../images/flags/4x3/ie.svg);
}
.flag-icon-ie.flag-icon-squared {
  background-image: url(../images/flags/1x1/ie.svg);
}
.flag-icon-il {
  background-image: url(../images/flags/4x3/il.svg);
}
.flag-icon-il.flag-icon-squared {
  background-image: url(../images/flags/1x1/il.svg);
}
.flag-icon-im {
  background-image: url(../images/flags/4x3/im.svg);
}
.flag-icon-im.flag-icon-squared {
  background-image: url(../images/flags/1x1/im.svg);
}
.flag-icon-in {
  background-image: url(../images/flags/4x3/in.svg);
}
.flag-icon-in.flag-icon-squared {
  background-image: url(../images/flags/1x1/in.svg);
}
.flag-icon-io {
  background-image: url(../images/flags/4x3/io.svg);
}
.flag-icon-io.flag-icon-squared {
  background-image: url(../images/flags/1x1/io.svg);
}
.flag-icon-iq {
  background-image: url(../images/flags/4x3/iq.svg);
}
.flag-icon-iq.flag-icon-squared {
  background-image: url(../images/flags/1x1/iq.svg);
}
.flag-icon-ir {
  background-image: url(../images/flags/4x3/ir.svg);
}
.flag-icon-ir.flag-icon-squared {
  background-image: url(../images/flags/1x1/ir.svg);
}
.flag-icon-is {
  background-image: url(../images/flags/4x3/is.svg);
}
.flag-icon-is.flag-icon-squared {
  background-image: url(../images/flags/1x1/is.svg);
}
.flag-icon-it {
  background-image: url(../images/flags/4x3/it.svg);
}
.flag-icon-it.flag-icon-squared {
  background-image: url(../images/flags/1x1/it.svg);
}
.flag-icon-je {
  background-image: url(../images/flags/4x3/je.svg);
}
.flag-icon-je.flag-icon-squared {
  background-image: url(../images/flags/1x1/je.svg);
}
.flag-icon-jm {
  background-image: url(../images/flags/4x3/jm.svg);
}
.flag-icon-jm.flag-icon-squared {
  background-image: url(../images/flags/1x1/jm.svg);
}
.flag-icon-jo {
  background-image: url(../images/flags/4x3/jo.svg);
}
.flag-icon-jo.flag-icon-squared {
  background-image: url(../images/flags/1x1/jo.svg);
}
.flag-icon-jp {
  background-image: url(../images/flags/4x3/jp.svg);
}
.flag-icon-jp.flag-icon-squared {
  background-image: url(../images/flags/1x1/jp.svg);
}
.flag-icon-ke {
  background-image: url(../images/flags/4x3/ke.svg);
}
.flag-icon-ke.flag-icon-squared {
  background-image: url(../images/flags/1x1/ke.svg);
}
.flag-icon-kg {
  background-image: url(../images/flags/4x3/kg.svg);
}
.flag-icon-kg.flag-icon-squared {
  background-image: url(../images/flags/1x1/kg.svg);
}
.flag-icon-kh {
  background-image: url(../images/flags/4x3/kh.svg);
}
.flag-icon-kh.flag-icon-squared {
  background-image: url(../images/flags/1x1/kh.svg);
}
.flag-icon-ki {
  background-image: url(../images/flags/4x3/ki.svg);
}
.flag-icon-ki.flag-icon-squared {
  background-image: url(../images/flags/1x1/ki.svg);
}
.flag-icon-km {
  background-image: url(../images/flags/4x3/km.svg);
}
.flag-icon-km.flag-icon-squared {
  background-image: url(../images/flags/1x1/km.svg);
}
.flag-icon-kn {
  background-image: url(../images/flags/4x3/kn.svg);
}
.flag-icon-kn.flag-icon-squared {
  background-image: url(../images/flags/1x1/kn.svg);
}
.flag-icon-kp {
  background-image: url(../images/flags/4x3/kp.svg);
}
.flag-icon-kp.flag-icon-squared {
  background-image: url(../images/flags/1x1/kp.svg);
}
.flag-icon-kr {
  background-image: url(../images/flags/4x3/kr.svg);
}
.flag-icon-kr.flag-icon-squared {
  background-image: url(../images/flags/1x1/kr.svg);
}
.flag-icon-kw {
  background-image: url(../images/flags/4x3/kw.svg);
}
.flag-icon-kw.flag-icon-squared {
  background-image: url(../images/flags/1x1/kw.svg);
}
.flag-icon-ky {
  background-image: url(../images/flags/4x3/ky.svg);
}
.flag-icon-ky.flag-icon-squared {
  background-image: url(../images/flags/1x1/ky.svg);
}
.flag-icon-kz {
  background-image: url(../images/flags/4x3/kz.svg);
}
.flag-icon-kz.flag-icon-squared {
  background-image: url(../images/flags/1x1/kz.svg);
}
.flag-icon-la {
  background-image: url(../images/flags/4x3/la.svg);
}
.flag-icon-la.flag-icon-squared {
  background-image: url(../images/flags/1x1/la.svg);
}
.flag-icon-lb {
  background-image: url(../images/flags/4x3/lb.svg);
}
.flag-icon-lb.flag-icon-squared {
  background-image: url(../images/flags/1x1/lb.svg);
}
.flag-icon-lc {
  background-image: url(../images/flags/4x3/lc.svg);
}
.flag-icon-lc.flag-icon-squared {
  background-image: url(../images/flags/1x1/lc.svg);
}
.flag-icon-li {
  background-image: url(../images/flags/4x3/li.svg);
}
.flag-icon-li.flag-icon-squared {
  background-image: url(../images/flags/1x1/li.svg);
}
.flag-icon-lk {
  background-image: url(../images/flags/4x3/lk.svg);
}
.flag-icon-lk.flag-icon-squared {
  background-image: url(../images/flags/1x1/lk.svg);
}
.flag-icon-lr {
  background-image: url(../images/flags/4x3/lr.svg);
}
.flag-icon-lr.flag-icon-squared {
  background-image: url(../images/flags/1x1/lr.svg);
}
.flag-icon-ls {
  background-image: url(../images/flags/4x3/ls.svg);
}
.flag-icon-ls.flag-icon-squared {
  background-image: url(../images/flags/1x1/ls.svg);
}
.flag-icon-lt {
  background-image: url(../images/flags/4x3/lt.svg);
}
.flag-icon-lt.flag-icon-squared {
  background-image: url(../images/flags/1x1/lt.svg);
}
.flag-icon-lu {
  background-image: url(../images/flags/4x3/lu.svg);
}
.flag-icon-lu.flag-icon-squared {
  background-image: url(../images/flags/1x1/lu.svg);
}
.flag-icon-lv {
  background-image: url(../images/flags/4x3/lv.svg);
}
.flag-icon-lv.flag-icon-squared {
  background-image: url(../images/flags/1x1/lv.svg);
}
.flag-icon-ly {
  background-image: url(../images/flags/4x3/ly.svg);
}
.flag-icon-ly.flag-icon-squared {
  background-image: url(../images/flags/1x1/ly.svg);
}
.flag-icon-ma {
  background-image: url(../images/flags/4x3/ma.svg);
}
.flag-icon-ma.flag-icon-squared {
  background-image: url(../images/flags/1x1/ma.svg);
}
.flag-icon-mc {
  background-image: url(../images/flags/4x3/mc.svg);
}
.flag-icon-mc.flag-icon-squared {
  background-image: url(../images/flags/1x1/mc.svg);
}
.flag-icon-md {
  background-image: url(../images/flags/4x3/md.svg);
}
.flag-icon-md.flag-icon-squared {
  background-image: url(../images/flags/1x1/md.svg);
}
.flag-icon-me {
  background-image: url(../images/flags/4x3/me.svg);
}
.flag-icon-me.flag-icon-squared {
  background-image: url(../images/flags/1x1/me.svg);
}
.flag-icon-mf {
  background-image: url(../images/flags/4x3/mf.svg);
}
.flag-icon-mf.flag-icon-squared {
  background-image: url(../images/flags/1x1/mf.svg);
}
.flag-icon-mg {
  background-image: url(../images/flags/4x3/mg.svg);
}
.flag-icon-mg.flag-icon-squared {
  background-image: url(../images/flags/1x1/mg.svg);
}
.flag-icon-mh {
  background-image: url(../images/flags/4x3/mh.svg);
}
.flag-icon-mh.flag-icon-squared {
  background-image: url(../images/flags/1x1/mh.svg);
}
.flag-icon-mk {
  background-image: url(../images/flags/4x3/mk.svg);
}
.flag-icon-mk.flag-icon-squared {
  background-image: url(../images/flags/1x1/mk.svg);
}
.flag-icon-ml {
  background-image: url(../images/flags/4x3/ml.svg);
}
.flag-icon-ml.flag-icon-squared {
  background-image: url(../images/flags/1x1/ml.svg);
}
.flag-icon-mm {
  background-image: url(../images/flags/4x3/mm.svg);
}
.flag-icon-mm.flag-icon-squared {
  background-image: url(../images/flags/1x1/mm.svg);
}
.flag-icon-mn {
  background-image: url(../images/flags/4x3/mn.svg);
}
.flag-icon-mn.flag-icon-squared {
  background-image: url(../images/flags/1x1/mn.svg);
}
.flag-icon-mo {
  background-image: url(../images/flags/4x3/mo.svg);
}
.flag-icon-mo.flag-icon-squared {
  background-image: url(../images/flags/1x1/mo.svg);
}
.flag-icon-mp {
  background-image: url(../images/flags/4x3/mp.svg);
}
.flag-icon-mp.flag-icon-squared {
  background-image: url(../images/flags/1x1/mp.svg);
}
.flag-icon-mq {
  background-image: url(../images/flags/4x3/mq.svg);
}
.flag-icon-mq.flag-icon-squared {
  background-image: url(../images/flags/1x1/mq.svg);
}
.flag-icon-mr {
  background-image: url(../images/flags/4x3/mr.svg);
}
.flag-icon-mr.flag-icon-squared {
  background-image: url(../images/flags/1x1/mr.svg);
}
.flag-icon-ms {
  background-image: url(../images/flags/4x3/ms.svg);
}
.flag-icon-ms.flag-icon-squared {
  background-image: url(../images/flags/1x1/ms.svg);
}
.flag-icon-mt {
  background-image: url(../images/flags/4x3/mt.svg);
}
.flag-icon-mt.flag-icon-squared {
  background-image: url(../images/flags/1x1/mt.svg);
}
.flag-icon-mu {
  background-image: url(../images/flags/4x3/mu.svg);
}
.flag-icon-mu.flag-icon-squared {
  background-image: url(../images/flags/1x1/mu.svg);
}
.flag-icon-mv {
  background-image: url(../images/flags/4x3/mv.svg);
}
.flag-icon-mv.flag-icon-squared {
  background-image: url(../images/flags/1x1/mv.svg);
}
.flag-icon-mw {
  background-image: url(../images/flags/4x3/mw.svg);
}
.flag-icon-mw.flag-icon-squared {
  background-image: url(../images/flags/1x1/mw.svg);
}
.flag-icon-mx {
  background-image: url(../images/flags/4x3/mx.svg);
}
.flag-icon-mx.flag-icon-squared {
  background-image: url(../images/flags/1x1/mx.svg);
}
.flag-icon-my {
  background-image: url(../images/flags/4x3/my.svg);
}
.flag-icon-my.flag-icon-squared {
  background-image: url(../images/flags/1x1/my.svg);
}
.flag-icon-mz {
  background-image: url(../images/flags/4x3/mz.svg);
}
.flag-icon-mz.flag-icon-squared {
  background-image: url(../images/flags/1x1/mz.svg);
}
.flag-icon-na {
  background-image: url(../images/flags/4x3/na.svg);
}
.flag-icon-na.flag-icon-squared {
  background-image: url(../images/flags/1x1/na.svg);
}
.flag-icon-nc {
  background-image: url(../images/flags/4x3/nc.svg);
}
.flag-icon-nc.flag-icon-squared {
  background-image: url(../images/flags/1x1/nc.svg);
}
.flag-icon-ne {
  background-image: url(../images/flags/4x3/ne.svg);
}
.flag-icon-ne.flag-icon-squared {
  background-image: url(../images/flags/1x1/ne.svg);
}
.flag-icon-nf {
  background-image: url(../images/flags/4x3/nf.svg);
}
.flag-icon-nf.flag-icon-squared {
  background-image: url(../images/flags/1x1/nf.svg);
}
.flag-icon-ng {
  background-image: url(../images/flags/4x3/ng.svg);
}
.flag-icon-ng.flag-icon-squared {
  background-image: url(../images/flags/1x1/ng.svg);
}
.flag-icon-ni {
  background-image: url(../images/flags/4x3/ni.svg);
}
.flag-icon-ni.flag-icon-squared {
  background-image: url(../images/flags/1x1/ni.svg);
}
.flag-icon-nl {
  background-image: url(../images/flags/4x3/nl.svg);
}
.flag-icon-nl.flag-icon-squared {
  background-image: url(../images/flags/1x1/nl.svg);
}
.flag-icon-no {
  background-image: url(../images/flags/4x3/no.svg);
}
.flag-icon-no.flag-icon-squared {
  background-image: url(../images/flags/1x1/no.svg);
}
.flag-icon-np {
  background-image: url(../images/flags/4x3/np.svg);
}
.flag-icon-np.flag-icon-squared {
  background-image: url(../images/flags/1x1/np.svg);
}
.flag-icon-nr {
  background-image: url(../images/flags/4x3/nr.svg);
}
.flag-icon-nr.flag-icon-squared {
  background-image: url(../images/flags/1x1/nr.svg);
}
.flag-icon-nu {
  background-image: url(../images/flags/4x3/nu.svg);
}
.flag-icon-nu.flag-icon-squared {
  background-image: url(../images/flags/1x1/nu.svg);
}
.flag-icon-nz {
  background-image: url(../images/flags/4x3/nz.svg);
}
.flag-icon-nz.flag-icon-squared {
  background-image: url(../images/flags/1x1/nz.svg);
}
.flag-icon-om {
  background-image: url(../images/flags/4x3/om.svg);
}
.flag-icon-om.flag-icon-squared {
  background-image: url(../images/flags/1x1/om.svg);
}
.flag-icon-pa {
  background-image: url(../images/flags/4x3/pa.svg);
}
.flag-icon-pa.flag-icon-squared {
  background-image: url(../images/flags/1x1/pa.svg);
}
.flag-icon-pe {
  background-image: url(../images/flags/4x3/pe.svg);
}
.flag-icon-pe.flag-icon-squared {
  background-image: url(../images/flags/1x1/pe.svg);
}
.flag-icon-pf {
  background-image: url(../images/flags/4x3/pf.svg);
}
.flag-icon-pf.flag-icon-squared {
  background-image: url(../images/flags/1x1/pf.svg);
}
.flag-icon-pg {
  background-image: url(../images/flags/4x3/pg.svg);
}
.flag-icon-pg.flag-icon-squared {
  background-image: url(../images/flags/1x1/pg.svg);
}
.flag-icon-ph {
  background-image: url(../images/flags/4x3/ph.svg);
}
.flag-icon-ph.flag-icon-squared {
  background-image: url(../images/flags/1x1/ph.svg);
}
.flag-icon-pk {
  background-image: url(../images/flags/4x3/pk.svg);
}
.flag-icon-pk.flag-icon-squared {
  background-image: url(../images/flags/1x1/pk.svg);
}
.flag-icon-pl {
  background-image: url(../images/flags/4x3/pl.svg);
}
.flag-icon-pl.flag-icon-squared {
  background-image: url(../images/flags/1x1/pl.svg);
}
.flag-icon-pm {
  background-image: url(../images/flags/4x3/pm.svg);
}
.flag-icon-pm.flag-icon-squared {
  background-image: url(../images/flags/1x1/pm.svg);
}
.flag-icon-pn {
  background-image: url(../images/flags/4x3/pn.svg);
}
.flag-icon-pn.flag-icon-squared {
  background-image: url(../images/flags/1x1/pn.svg);
}
.flag-icon-pr {
  background-image: url(../images/flags/4x3/pr.svg);
}
.flag-icon-pr.flag-icon-squared {
  background-image: url(../images/flags/1x1/pr.svg);
}
.flag-icon-ps {
  background-image: url(../images/flags/4x3/ps.svg);
}
.flag-icon-ps.flag-icon-squared {
  background-image: url(../images/flags/1x1/ps.svg);
}
.flag-icon-pt {
  background-image: url(../images/flags/4x3/pt.svg);
}
.flag-icon-pt.flag-icon-squared {
  background-image: url(../images/flags/1x1/pt.svg);
}
.flag-icon-pw {
  background-image: url(../images/flags/4x3/pw.svg);
}
.flag-icon-pw.flag-icon-squared {
  background-image: url(../images/flags/1x1/pw.svg);
}
.flag-icon-py {
  background-image: url(../images/flags/4x3/py.svg);
}
.flag-icon-py.flag-icon-squared {
  background-image: url(../images/flags/1x1/py.svg);
}
.flag-icon-qa {
  background-image: url(../images/flags/4x3/qa.svg);
}
.flag-icon-qa.flag-icon-squared {
  background-image: url(../images/flags/1x1/qa.svg);
}
.flag-icon-re {
  background-image: url(../images/flags/4x3/re.svg);
}
.flag-icon-re.flag-icon-squared {
  background-image: url(../images/flags/1x1/re.svg);
}
.flag-icon-ro {
  background-image: url(../images/flags/4x3/ro.svg);
}
.flag-icon-ro.flag-icon-squared {
  background-image: url(../images/flags/1x1/ro.svg);
}
.flag-icon-rs {
  background-image: url(../images/flags/4x3/rs.svg);
}
.flag-icon-rs.flag-icon-squared {
  background-image: url(../images/flags/1x1/rs.svg);
}
.flag-icon-ru {
  background-image: url(../images/flags/4x3/ru.svg);
}
.flag-icon-ru.flag-icon-squared {
  background-image: url(../images/flags/1x1/ru.svg);
}
.flag-icon-rw {
  background-image: url(../images/flags/4x3/rw.svg);
}
.flag-icon-rw.flag-icon-squared {
  background-image: url(../images/flags/1x1/rw.svg);
}
.flag-icon-sa {
  background-image: url(../images/flags/4x3/sa.svg);
}
.flag-icon-sa.flag-icon-squared {
  background-image: url(../images/flags/1x1/sa.svg);
}
.flag-icon-sb {
  background-image: url(../images/flags/4x3/sb.svg);
}
.flag-icon-sb.flag-icon-squared {
  background-image: url(../images/flags/1x1/sb.svg);
}
.flag-icon-sc {
  background-image: url(../images/flags/4x3/sc.svg);
}
.flag-icon-sc.flag-icon-squared {
  background-image: url(../images/flags/1x1/sc.svg);
}
.flag-icon-sd {
  background-image: url(../images/flags/4x3/sd.svg);
}
.flag-icon-sd.flag-icon-squared {
  background-image: url(../images/flags/1x1/sd.svg);
}
.flag-icon-se {
  background-image: url(../images/flags/4x3/se.svg);
}
.flag-icon-se.flag-icon-squared {
  background-image: url(../images/flags/1x1/se.svg);
}
.flag-icon-sg {
  background-image: url(../images/flags/4x3/sg.svg);
}
.flag-icon-sg.flag-icon-squared {
  background-image: url(../images/flags/1x1/sg.svg);
}
.flag-icon-sh {
  background-image: url(../images/flags/4x3/sh.svg);
}
.flag-icon-sh.flag-icon-squared {
  background-image: url(../images/flags/1x1/sh.svg);
}
.flag-icon-si {
  background-image: url(../images/flags/4x3/si.svg);
}
.flag-icon-si.flag-icon-squared {
  background-image: url(../images/flags/1x1/si.svg);
}
.flag-icon-sj {
  background-image: url(../images/flags/4x3/sj.svg);
}
.flag-icon-sj.flag-icon-squared {
  background-image: url(../images/flags/1x1/sj.svg);
}
.flag-icon-sk {
  background-image: url(../images/flags/4x3/sk.svg);
}
.flag-icon-sk.flag-icon-squared {
  background-image: url(../images/flags/1x1/sk.svg);
}
.flag-icon-sl {
  background-image: url(../images/flags/4x3/sl.svg);
}
.flag-icon-sl.flag-icon-squared {
  background-image: url(../images/flags/1x1/sl.svg);
}
.flag-icon-sm {
  background-image: url(../images/flags/4x3/sm.svg);
}
.flag-icon-sm.flag-icon-squared {
  background-image: url(../images/flags/1x1/sm.svg);
}
.flag-icon-sn {
  background-image: url(../images/flags/4x3/sn.svg);
}
.flag-icon-sn.flag-icon-squared {
  background-image: url(../images/flags/1x1/sn.svg);
}
.flag-icon-so {
  background-image: url(../images/flags/4x3/so.svg);
}
.flag-icon-so.flag-icon-squared {
  background-image: url(../images/flags/1x1/so.svg);
}
.flag-icon-sr {
  background-image: url(../images/flags/4x3/sr.svg);
}
.flag-icon-sr.flag-icon-squared {
  background-image: url(../images/flags/1x1/sr.svg);
}
.flag-icon-ss {
  background-image: url(../images/flags/4x3/ss.svg);
}
.flag-icon-ss.flag-icon-squared {
  background-image: url(../images/flags/1x1/ss.svg);
}
.flag-icon-st {
  background-image: url(../images/flags/4x3/st.svg);
}
.flag-icon-st.flag-icon-squared {
  background-image: url(../images/flags/1x1/st.svg);
}
.flag-icon-sv {
  background-image: url(../images/flags/4x3/sv.svg);
}
.flag-icon-sv.flag-icon-squared {
  background-image: url(../images/flags/1x1/sv.svg);
}
.flag-icon-sx {
  background-image: url(../images/flags/4x3/sx.svg);
}
.flag-icon-sx.flag-icon-squared {
  background-image: url(../images/flags/1x1/sx.svg);
}
.flag-icon-sy {
  background-image: url(../images/flags/4x3/sy.svg);
}
.flag-icon-sy.flag-icon-squared {
  background-image: url(../images/flags/1x1/sy.svg);
}
.flag-icon-sz {
  background-image: url(../images/flags/4x3/sz.svg);
}
.flag-icon-sz.flag-icon-squared {
  background-image: url(../images/flags/1x1/sz.svg);
}
.flag-icon-tc {
  background-image: url(../images/flags/4x3/tc.svg);
}
.flag-icon-tc.flag-icon-squared {
  background-image: url(../images/flags/1x1/tc.svg);
}
.flag-icon-td {
  background-image: url(../images/flags/4x3/td.svg);
}
.flag-icon-td.flag-icon-squared {
  background-image: url(../images/flags/1x1/td.svg);
}
.flag-icon-tf {
  background-image: url(../images/flags/4x3/tf.svg);
}
.flag-icon-tf.flag-icon-squared {
  background-image: url(../images/flags/1x1/tf.svg);
}
.flag-icon-tg {
  background-image: url(../images/flags/4x3/tg.svg);
}
.flag-icon-tg.flag-icon-squared {
  background-image: url(../images/flags/1x1/tg.svg);
}
.flag-icon-th {
  background-image: url(../images/flags/4x3/th.svg);
}
.flag-icon-th.flag-icon-squared {
  background-image: url(../images/flags/1x1/th.svg);
}
.flag-icon-tj {
  background-image: url(../images/flags/4x3/tj.svg);
}
.flag-icon-tj.flag-icon-squared {
  background-image: url(../images/flags/1x1/tj.svg);
}
.flag-icon-tk {
  background-image: url(../images/flags/4x3/tk.svg);
}
.flag-icon-tk.flag-icon-squared {
  background-image: url(../images/flags/1x1/tk.svg);
}
.flag-icon-tl {
  background-image: url(../images/flags/4x3/tl.svg);
}
.flag-icon-tl.flag-icon-squared {
  background-image: url(../images/flags/1x1/tl.svg);
}
.flag-icon-tm {
  background-image: url(../images/flags/4x3/tm.svg);
}
.flag-icon-tm.flag-icon-squared {
  background-image: url(../images/flags/1x1/tm.svg);
}
.flag-icon-tn {
  background-image: url(../images/flags/4x3/tn.svg);
}
.flag-icon-tn.flag-icon-squared {
  background-image: url(../images/flags/1x1/tn.svg);
}
.flag-icon-to {
  background-image: url(../images/flags/4x3/to.svg);
}
.flag-icon-to.flag-icon-squared {
  background-image: url(../images/flags/1x1/to.svg);
}
.flag-icon-tr {
  background-image: url(../images/flags/4x3/tr.svg);
}
.flag-icon-tr.flag-icon-squared {
  background-image: url(../images/flags/1x1/tr.svg);
}
.flag-icon-tt {
  background-image: url(../images/flags/4x3/tt.svg);
}
.flag-icon-tt.flag-icon-squared {
  background-image: url(../images/flags/1x1/tt.svg);
}
.flag-icon-tv {
  background-image: url(../images/flags/4x3/tv.svg);
}
.flag-icon-tv.flag-icon-squared {
  background-image: url(../images/flags/1x1/tv.svg);
}
.flag-icon-tw {
  background-image: url(../images/flags/4x3/tw.svg);
}
.flag-icon-tw.flag-icon-squared {
  background-image: url(../images/flags/1x1/tw.svg);
}
.flag-icon-tz {
  background-image: url(../images/flags/4x3/tz.svg);
}
.flag-icon-tz.flag-icon-squared {
  background-image: url(../images/flags/1x1/tz.svg);
}
.flag-icon-ua {
  background-image: url(../images/flags/4x3/ua.svg);
}
.flag-icon-ua.flag-icon-squared {
  background-image: url(../images/flags/1x1/ua.svg);
}
.flag-icon-ug {
  background-image: url(../images/flags/4x3/ug.svg);
}
.flag-icon-ug.flag-icon-squared {
  background-image: url(../images/flags/1x1/ug.svg);
}
.flag-icon-um {
  background-image: url(../images/flags/4x3/um.svg);
}
.flag-icon-um.flag-icon-squared {
  background-image: url(../images/flags/1x1/um.svg);
}
.flag-icon-us {
  background-image: url(../images/flags/4x3/us.svg);
}
.flag-icon-us.flag-icon-squared {
  background-image: url(../images/flags/1x1/us.svg);
}
.flag-icon-uy {
  background-image: url(../images/flags/4x3/uy.svg);
}
.flag-icon-uy.flag-icon-squared {
  background-image: url(../images/flags/1x1/uy.svg);
}
.flag-icon-uz {
  background-image: url(../images/flags/4x3/uz.svg);
}
.flag-icon-uz.flag-icon-squared {
  background-image: url(../images/flags/1x1/uz.svg);
}
.flag-icon-va {
  background-image: url(../images/flags/4x3/va.svg);
}
.flag-icon-va.flag-icon-squared {
  background-image: url(../images/flags/1x1/va.svg);
}
.flag-icon-vc {
  background-image: url(../images/flags/4x3/vc.svg);
}
.flag-icon-vc.flag-icon-squared {
  background-image: url(../images/flags/1x1/vc.svg);
}
.flag-icon-ve {
  background-image: url(../images/flags/4x3/ve.svg);
}
.flag-icon-ve.flag-icon-squared {
  background-image: url(../images/flags/1x1/ve.svg);
}
.flag-icon-vg {
  background-image: url(../images/flags/4x3/vg.svg);
}
.flag-icon-vg.flag-icon-squared {
  background-image: url(../images/flags/1x1/vg.svg);
}
.flag-icon-vi {
  background-image: url(../images/flags/4x3/vi.svg);
}
.flag-icon-vi.flag-icon-squared {
  background-image: url(../images/flags/1x1/vi.svg);
}
.flag-icon-vn {
  background-image: url(../images/flags/4x3/vn.svg);
}
.flag-icon-vn.flag-icon-squared {
  background-image: url(../images/flags/1x1/vn.svg);
}
.flag-icon-vu {
  background-image: url(../images/flags/4x3/vu.svg);
}
.flag-icon-vu.flag-icon-squared {
  background-image: url(../images/flags/1x1/vu.svg);
}
.flag-icon-wf {
  background-image: url(../images/flags/4x3/wf.svg);
}
.flag-icon-wf.flag-icon-squared {
  background-image: url(../images/flags/1x1/wf.svg);
}
.flag-icon-ws {
  background-image: url(../images/flags/4x3/ws.svg);
}
.flag-icon-ws.flag-icon-squared {
  background-image: url(../images/flags/1x1/ws.svg);
}
.flag-icon-ye {
  background-image: url(../images/flags/4x3/ye.svg);
}
.flag-icon-ye.flag-icon-squared {
  background-image: url(../images/flags/1x1/ye.svg);
}
.flag-icon-yt {
  background-image: url(../images/flags/4x3/yt.svg);
}
.flag-icon-yt.flag-icon-squared {
  background-image: url(../images/flags/1x1/yt.svg);
}
.flag-icon-za {
  background-image: url(../images/flags/4x3/za.svg);
}
.flag-icon-za.flag-icon-squared {
  background-image: url(../images/flags/1x1/za.svg);
}
.flag-icon-zm {
  background-image: url(../images/flags/4x3/zm.svg);
}
.flag-icon-zm.flag-icon-squared {
  background-image: url(../images/flags/1x1/zm.svg);
}
.flag-icon-zw {
  background-image: url(../images/flags/4x3/zw.svg);
}
.flag-icon-zw.flag-icon-squared {
  background-image: url(../images/flags/1x1/zw.svg);
}
/*---------------------------
2.5 Forms / .j-forms
-----------------------------*/
/*=================================================================*/
/* Main */
/*=================================================================*/
/* Default
=============================== */
.j-forms {
  position: relative;
}
.j-forms .input {
  position: relative;
}
.j-forms .unit {
  position: relative;
  margin-bottom: 25px;
}
.j-forms .link {
  color: #555;
  font-size: 14px;
  line-height: inherit;
  text-decoration: none;
}
.j-forms .link:hover {
  border-bottom: none;
  color: #17bab8;
}
.j-forms .inline-group {
  display: inline-block;
}
.j-forms .hidden {
  display: none;
}
/* Reset for -webkit / -moz browser
=============================== */
.j-forms input[type="search"]::-webkit-search-decoration,
.j-forms input[type="search"]::-webkit-search-cancel-button,
.j-forms input[type="search"]::-webkit-search-results-button,
.j-forms input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
.j-forms select,
.j-forms input[type="button"],
.j-forms input[type="submit"],
.j-forms input[type="search"] {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* Header
=============================== */
.j-forms .header {
  background-color: #3f51b5;
  border-top: 1px solid #7986cb;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  -webkit-box-shadow: 0 6px 3px -3px rgba(63, 81, 181, 0.5);
  -moz-box-shadow: 0 6px 3px -3px rgba(63, 81, 181, 0.5);
  -o-box-shadow: 0 6px 3px -3px rgba(63, 81, 181, 0.5);
  box-shadow: 0 6px 3px -3px rgba(63, 81, 181, 0.5);
  display: block;
  position: relative;
}
.j-forms .header > i {
  color: #fff;
  font-size: 31px;
  float: left;
  padding: 31px 15px 0 25px;
}
.j-forms .header p {
  color: #fff;
  margin: 0;
  padding: 30px 25px;
  font-size: 30px;
  text-transform: uppercase;
}
/* Content
=============================== */
.j-forms .form-content {
  padding: 0px;
}
.j-forms .form-content:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
/* Footer
=============================== */
.j-forms .form-footer {
  display: block;
}
.j-forms .form-footer:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
/* Dividers
=============================== */
.j-forms .divider,
.j-forms .divider-text {
  border-top: 1px solid #eee;
  height: 0;
}
.j-forms .divider-text {
  text-align: center;
}
.j-forms .divider-text span {
  border: 1px solid #eee;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #f5f5f5;
  color: #666;
  font-size: 16px;
  padding: 6px 15px;
  position: relative;
  top: -15px;
  white-space: nowrap;
}
/* Gap-top / gap-bottom classes
=============================== */
.j-forms .gap-top-20 {
  margin-top: 20px;
}
/* text-divider top gap after "content"/"j-row" classes */
.j-forms .gap-top-45 {
  margin-top: 45px;
}
/* text-divider top gap after "unit" class */
.j-forms .gap-bottom-45 {
  margin-bottom: 45px;
}
/* text-divider bottom gap */
.j-forms .gap-bottom-25 {
  margin-bottom: 25px;
}
/* line-divider bottom gap */
/* Labels
=============================== */
.j-forms label {
  display: block;
  color: inherit;
  font-weight: normal;
  text-align: left;
  margin-bottom: 0;
}
.j-forms .label {
  font-size: 14px;
  margin-bottom: 6px;
  line-height: 14px;
  height: 14px;
}
.j-forms .label-center {
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 0;
}
.j-forms .label-left {
  height: 40px;
  line-height: 40px;
  text-align: left;
  margin-bottom: 0;
}
.j-forms .j-row > .label {
  padding-left: 10px;
}
/* Radio and checkbox
=============================== */
.j-forms .radio,
.j-forms .checkbox,
.j-forms .radio-toggle,
.j-forms .checkbox-toggle {
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
  font-size: 15px;
  height: 15px;
  margin-bottom: 4px;
  position: relative;
  line-height: 15px;
}
.j-forms .radio,
.j-forms .checkbox,
.j-forms .inline-group .radio,
.j-forms .inline-group .checkbox {
  padding: 9px 0 8px 32px;
}
.j-forms .radio-toggle,
.j-forms .checkbox-toggle,
.j-forms .inline-group .radio-toggle,
.j-forms .inline-group .checkbox-toggle {
  padding: 9px 0 8px 58px;
}
.j-forms .radio:last-child,
.j-forms .checkbox:last-child,
.j-forms .radio-toggle:last-child,
.j-forms .checkbox-toggle:last-child {
  margin-bottom: 0;
}
.j-forms .inline-group .radio,
.j-forms .inline-group .checkbox,
.j-forms .inline-group .radio-toggle,
.j-forms .inline-group .checkbox-toggle {
  display: inline-block;
  margin-right: 25px;
}
.j-forms .radio input,
.j-forms .checkbox input,
.j-forms .radio-toggle input,
.j-forms .checkbox-toggle input {
  position: absolute;
  left: -9999px;
}
.j-forms .radio i,
.j-forms .checkbox i,
.j-forms .checkbox-toggle i,
.j-forms .radio-toggle i {
  background-color: #fff;
  border: 2px solid rgba(0, 0, 0, 0.26);
  display: block;
  height: 18px;
  left: 0;
  outline: none;
  position: absolute;
  top: 5px;
  -webkit-transition: border-color 0.2s;
  -moz-transition: border-color 0.2s;
  -ms-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  transition: border-color 0.2s;
}
.j-forms .radio i,
.j-forms .checkbox i {
  width: 18px;
}
.j-forms .checkbox-toggle i,
.j-forms .radio-toggle i {
  width: 44px;
}
.j-forms .checkbox i,
.j-forms .checkbox-toggle i {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
.j-forms .radio i,
.j-forms .radio i:after,
.j-forms .radio-toggle i:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.j-forms .radio-toggle i {
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -o-border-radius: 13px;
  border-radius: 13px;
}
.j-forms .checkbox-toggle i:before {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
.j-forms .radio i:after {
  background-color: #17bab8;
  content: "";
  height: 8px;
  top: 5px;
  left: 5px;
  opacity: 0;
  position: absolute;
  width: 8px;
}
.j-forms .checkbox i:after {
  border-width: 0 0 3px 3px;
  border-bottom: solid #17bab8;
  border-left: solid #17bab8;
  content: "";
  height: 5px;
  top: 3px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 3px;
  opacity: 0;
  position: absolute;
  width: 10px;
}
.j-forms .radio input:checked + i:after,
.j-forms .checkbox input:checked + i:after {
  opacity: 1;
}
.j-forms .checkbox-toggle i:before,
.j-forms .radio-toggle i:before {
  border: none;
  background-color: #17bab8;
  content: "";
  display: block;
  height: 14px;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 14px;
}
.j-forms .checkbox-toggle input:checked + i:before,
.j-forms .radio-toggle input:checked + i:before {
  left: 28px;
}
.j-forms .checkbox-toggle i:after,
.j-forms .radio-toggle i:after,
.j-forms .checkbox-toggle input:checked + i:after,
.j-forms .radio-toggle input:checked + i:after {
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  line-height: 10px;
  position: absolute;
  top: 4px;
}
.j-forms .checkbox-toggle i:after,
.j-forms .radio-toggle i:after {
  content: "NO";
  left: 22px;
}
.j-forms .checkbox-toggle input:checked + i:after,
.j-forms .radio-toggle input:checked + i:after {
  content: "YES";
  left: 6px;
}
.j-forms .checkbox:hover i,
.j-forms .radio:hover i,
.j-forms .checkbox-toggle:hover i,
.j-forms .radio-toggle:hover i {
  border: 2px solid rgba(0, 0, 0, 0.4);
}
.j-forms .radio input:checked + i,
.j-forms .checkbox input:checked + i,
.j-forms .radio-toggle input:checked + i,
.j-forms .checkbox-toggle input:checked + i {
  border: 2px solid #17bab8;
}
.j-forms .radio input:checked + i,
.j-forms .checkbox input:checked + i {
  color: #17bab8;
}
.j-forms .checkbox-toggle input:checked + i,
.j-forms .radio-toggle input:checked + i {
  background-color: #f5f5f5;
}
/* Widget
=============================== */
.j-forms .widget {
  position: relative;
}
.j-forms .widget .addon,
.j-forms .widget .addon-btn {
  background: #e0e0e0;
  border: none;
  color: rgba(0, 0, 0, 0.56);
  display: block;
  font: 16px 'Open Sans', Helvetica, Arial, sans-serif;
  height: 39px;
  line-height: 39px;
  padding: 0;
  position: absolute;
  outline: none;
  overflow: hidden;
  text-align: center;
  top: 0;
  z-index: 5;
}
.j-forms .widget .addon-btn,
.j-forms .widget .addon-btn i {
  cursor: pointer;
  -webkit-transition: all.2s;
  -moz-transition: all.2s;
  -ms-transition: all.2s;
  -o-transition: all.2s;
  transition: all.2s;
}
.j-forms .widget .addon-btn:hover,
.j-forms .widget .addon-btn:focus {
  background-color: #d6d6d6;
  color: rgba(0, 0, 0, 0.87);
}
.j-forms .widget .addon-btn:hover i,
.j-forms .widget .addon-btn:focus i {
  color: rgba(0, 0, 0, 0.61);
}
.j-forms .widget .adn-left {
  left: 0;
}
.j-forms .widget .adn-right {
  right: 0;
}
.j-forms .widget .addon i,
.j-forms .widget .addon-btn i {
  color: rgba(0, 0, 0, 0.34);
  font-size: 17px;
  z-index: 2;
}
.j-forms .widget .adn-50 {
  width: 50px;
}
.j-forms .widget .adn-130 {
  width: 130px;
}
.j-forms .widget.right-50 .input {
  padding-right: 50px;
}
.j-forms .widget.left-50 .input {
  padding-left: 50px;
}
.j-forms .widget.right-130 .input {
  padding-right: 130px;
}
.j-forms .widget.left-130 .input {
  padding-left: 130px;
}
.j-forms .widget .adn-left,
.j-forms .widget.right-50 .input input,
.j-forms .widget.right-130 .input input {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.j-forms .widget .adn-right,
.j-forms .widget.left-50 .input input,
.j-forms .widget.left-130 .input input {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.j-forms .widget.left-50.right-50 .input input,
.j-forms .widget.left-50.right-130 .input input,
.j-forms .widget.left-130.right-50 .input input,
.j-forms .widget.left-130.right-130 .input input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
/* Inputs
=============================== */
.j-forms input[type="text"],
.j-forms input[type="password"],
.j-forms input[type="email"],
.j-forms input[type="search"],
.j-forms input[type="url"],
.j-forms textarea,
.j-forms select {
  -webkit-transition: all.4s;
  -moz-transition: all.4s;
  -ms-transition: all.4s;
  -o-transition: all.4s;
  transition: all.4s;
}
.j-forms .input textarea {
  height: 112px;
  overflow: auto;
  min-height: 52px;
  resize: vertical;
}
.j-forms .input textarea:focus {
  height: 128px;
}
/* Placeholders
=============================== */
.j-forms input::-webkit-input-placeholder,
.j-forms textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.54);
}
.j-forms input::-moz-placeholder,
.j-forms textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.54);
}
.j-forms input:-moz-placeholder,
.j-forms textarea:-moz-placeholder {
  color: rgba(0, 0, 0, 0.54);
}
.j-forms input:-ms-input-placeholder,
.j-forms textarea:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.54);
}
.j-forms input:focus::-webkit-input-placeholder,
.j-forms textarea:focus::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.36);
}
.j-forms input:focus::-moz-placeholder,
.j-forms textarea:focus::-moz-placeholder {
  color: rgba(0, 0, 0, 0.36);
}
.j-forms input:focus:-moz-placeholder,
.j-forms textarea:focus:-moz-placeholder {
  color: rgba(0, 0, 0, 0.36);
}
.j-forms input:focus:-ms-input-placeholder,
.j-forms textarea:focus:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.36);
}
/* Select
=============================== */
.j-forms select {
  padding-left: 13px;
}
.j-forms .multiple-select select {
  height: auto;
}
.j-forms .select i {
  background: #fff;
  height: 20px;
  position: absolute;
  pointer-events: none;
  top: 9px;
  right: 9px;
  width: 14px;
}
.j-forms .select i:after,
.j-forms .select i:before {
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: '';
  position: absolute;
  right: 3px;
}
.j-forms .select i:after {
  border-top: 6px solid rgba(0, 0, 0, 0.4);
  bottom: 1px;
}
.j-forms .select i:before {
  border-bottom: 6px solid rgba(0, 0, 0, 0.4);
  top: 3px;
}
.j-forms .select {
  position: relative;
}
/* Icons
=============================== */
.j-forms .icon-left,
.j-forms .icon-right {
  color: rgba(0, 0, 0, 0.24);
  font-size: 17px;
  height: 37px;
  line-height: 36px !important;
  opacity: .6;
  position: absolute;
  text-align: center;
  top: 1px;
  width: 42px;
  z-index: 2;
}
.j-forms .icon-left {
  border-right: 1px solid rgba(0, 0, 0, 0.24);
  left: 3px;
}
.j-forms .icon-right {
  border-left: 1px solid rgba(0, 0, 0, 0.24);
  right: 3px;
}
.j-forms .icon-left ~ input,
.j-forms .icon-left ~ textarea {
  padding-left: 58px;
}
.j-forms .icon-right ~ input,
.j-forms .icon-right ~ textarea {
  padding-right: 58px;
}
/* File for upload
=============================== */
.j-forms .file-button input {
  bottom: -1px;
  font-size: 34px;
  opacity: 0;
  position: absolute;
  width: 108px;
  z-index: 0;
}
.j-forms .prepend-small-btn .file-button input,
.j-forms .prepend-big-btn .file-button input {
  left: 0;
}
.j-forms .append-small-btn .file-button input,
.j-forms .append-big-btn .file-button input {
  right: 0;
}
.j-forms .prepend-small-btn .file-button,
.j-forms .append-small-btn .file-button {
  width: 64px;
}
.j-forms .prepend-big-btn .file-button,
.j-forms .append-big-btn .file-button {
  width: 106px;
}
.j-forms .prepend-small-btn .file-button,
.j-forms .prepend-big-btn .file-button {
  left: 4px;
}
.j-forms .append-small-btn .file-button,
.j-forms .append-big-btn .file-button {
  right: 4px;
}
.j-forms .append-small-btn .file-button,
.j-forms .append-big-btn .file-button,
.j-forms .prepend-small-btn .file-button,
.j-forms .prepend-big-btn .file-button {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.j-forms .prepend-big-btn input[type="text"] {
  padding-left: 123px;
}
.j-forms .append-big-btn input[type="text"] {
  padding-right: 123px;
}
.j-forms .prepend-small-btn input[type="text"] {
  padding-left: 81px;
}
.j-forms .append-small-btn input[type="text"] {
  padding-right: 81px;
}
.j-forms .input input[type="file"] {
  cursor: pointer;
}
/* Buttons
=============================== */
.j-forms .primary-btn,
.j-forms .secondary-btn {
  border: none;
  color: #fff;
  display: block;
  cursor: pointer;
  float: right;
  margin: 0px 0 0px 10px;
  outline: none;
  white-space: nowrap;
}
.j-forms .primary-btn {
  position: relative;
}
.j-forms .form-content .primary-btn,
.j-forms .form-content .secondary-btn {
  margin: 0 0 20px 20px;
}
.j-forms .file-button {
  color: #fff;
  display: block;
  font-size: 12px;
  height: 31px;
  line-height: 31px;
  outline: none;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 4px;
  z-index: 1;
  background-color: #17bab8;
}
.j-forms .primary-btn,
.j-forms .file-button,
.j-forms .secondary-btn {
  -webkit-transition: background.2s;
  -moz-transition: background.2s;
  -ms-transition: background.2s;
  -o-transition: background.2s;
  transition: background.2s;
}
.j-forms .primary-btn:hover.processing {
  cursor: wait;
}
.j-forms .file-button:hover + input {
  border: 1px solid #17bab8;
}
.j-forms .secondary-btn,
.j-forms .secondary-btn:hover,
.j-forms .secondary-btn:active {
  opacity: .5;
}
.j-forms .primary-btn.processing:before {
  background: rgba(255, 255, 255, 0.4);
  content: '';
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-animation: processing 3s ease-in-out infinite;
  -moz-animation: processing 3s ease-in-out infinite;
  -ms-animation: processing 3s ease-in-out infinite;
  -o-animation: processing 3s ease-in-out infinite;
  animation: processing 3s ease-in-out infinite;
}
@-webkit-keyframes processing {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes processing {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-ms-keyframes processing {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-o-keyframes processing {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes processing {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
/* Tooltip
=============================== */
.j-forms .tooltip,
.j-forms .tooltip-image {
  background-color: #455a64;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  display: block;
  left: -9999px;
  opacity: 0;
  position: absolute;
  z-index: 100;
}
.j-forms .tooltip {
  color: #fff;
  line-height: 20px;
  padding: 5px 10px;
}
.j-forms .tooltip-image {
  padding: 2px 2px 1px;
}
.j-forms .input input:focus + .tooltip,
.j-forms .input textarea:focus + .tooltip,
.j-forms .select select:focus + .tooltip,
.j-forms .input input:focus + .tooltip-image,
.j-forms .input textarea:focus + .tooltip-image,
.j-forms .select select:focus + .tooltip-image {
  opacity: 1;
  z-index: 5;
}
.j-forms .tooltip-left-top {
  bottom: 100%;
  margin-bottom: 8px;
}
.j-forms .tooltip-left-top:before {
  border-color: #455a64 transparent;
  border-style: solid;
  border-width: 8px 7px 0;
  bottom: -6px;
  content: "";
  left: 16px;
  position: absolute;
}
.j-forms .input input:focus + .tooltip-left-top,
.j-forms .input textarea:focus + .tooltip-left-top,
.j-forms .select select:focus + .tooltip-left-top {
  left: 0;
  right: auto;
}
.j-forms .tooltip-right-top {
  bottom: 100%;
  margin-bottom: 8px;
}
.j-forms .tooltip-right-top:before {
  border-color: #455a64 transparent;
  border-style: solid;
  border-width: 8px 7px 0;
  bottom: -6px;
  content: "";
  position: absolute;
  right: 16px;
}
.j-forms .input input:focus + .tooltip-right-top,
.j-forms .input textarea:focus + .tooltip-right-top,
.j-forms .select select:focus + .tooltip-right-top {
  left: auto;
  right: 0;
}
.j-forms .tooltip-left-bottom {
  margin-top: 8px;
  top: 100%;
}
.j-forms .tooltip-left-bottom:before {
  border-color: #455a64 transparent;
  border-style: solid;
  border-width: 0 7px 8px;
  top: -6px;
  content: "";
  left: 16px;
  position: absolute;
}
.j-forms .input input:focus + .tooltip-left-bottom,
.j-forms .input textarea:focus + .tooltip-left-bottom,
.j-forms .select select:focus + .tooltip-left-bottom {
  left: 0;
  right: auto;
}
.j-forms .tooltip-right-bottom {
  margin-top: 8px;
  top: 100%;
}
.j-forms .tooltip-right-bottom:before {
  border-color: #455a64 transparent;
  border-style: solid;
  border-width: 0 7px 8px;
  top: -6px;
  content: "";
  right: 16px;
  position: absolute;
}
.j-forms .input input:focus + .tooltip-right-bottom,
.j-forms .input textarea:focus + .tooltip-right-bottom,
.j-forms .select select:focus + .tooltip-right-bottom {
  left: auto;
  right: 0;
}
.j-forms .tooltip-right-side {
  margin-left: 8px;
  top: 8px;
  white-space: nowrap;
}
.j-forms .tooltip-right-side:before {
  border-color: transparent #455a64;
  border-style: solid;
  border-width: 7px 8px 7px 0;
  content: "";
  left: -6px;
  position: absolute;
  top: 8px;
}
.j-forms .input input:focus + .tooltip-right-side,
.j-forms .input textarea:focus + .tooltip-right-side,
.j-forms .select select:focus + .tooltip-right-side {
  left: 100%;
}
.j-forms .tooltip-left-side {
  margin-right: 8px;
  top: 8px;
  white-space: nowrap;
}
.j-forms .tooltip-left-side:before {
  border-color: transparent #455a64;
  border-style: solid;
  border-width: 7px 0 7px 8px;
  content: "";
  right: -6px;
  position: absolute;
  top: 8px;
}
.j-forms .input input:focus + .tooltip-left-side,
.j-forms .input textarea:focus + .tooltip-left-side,
.j-forms .select select:focus + .tooltip-left-side {
  left: auto;
  right: 100%;
}
/* Status message
=============================== */
.j-forms .error-message,
.j-forms .success-message,
.j-forms .info-message,
.j-forms .warning-message {
  border: 1px solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  display: block;
  padding: 15px;
}
.j-forms .error-message i,
.j-forms .success-message i,
.j-forms .info-message i,
.j-forms .warning-message i {
  font-size: 18px;
  float: left;
  height: 24px;
  line-height: 24px;
  padding-right: 10px;
}
.j-forms .error-message ul,
.j-forms .success-message ul,
.j-forms .info-message ul,
.j-forms .warning-message ul {
  margin: 0;
}
.j-forms span.error-view,
.j-forms span.success-view,
.j-forms span.warning-view,
.j-forms span.info-view {
  display: block;
  font-size: 14px;
  height: 14px;
  line-height: 14px;
  margin-top: 5px;
  padding: 0 2px;
}
.j-forms span.hint {
  display: block;
  font-size: 13px;
  color: inherit;
  height: 13px;
  line-height: 13px;
  margin-top: 5px;
  padding: 0 2px;
}
/* Disabled state
=============================== */
.j-forms .widget.disabled-view,
.j-forms .input.disabled-view,
.j-forms .select.disabled-view,
.j-forms .checkbox.disabled-view,
.j-forms .radio.disabled-view,
.j-forms .checkbox-toggle.disabled-view,
.j-forms .radio-toggle.disabled-view,
.j-forms .primary-btn.disabled-view,
.j-forms .secondary-btn.disabled-view,
.j-forms .file-button.disabled-view {
  cursor: default;
  opacity: .5;
}
.j-forms .input.disabled-view input[type="file"] {
  cursor: default;
}
.j-forms .widget.disabled-view input,
.j-forms .input.disabled-view input,
.j-forms .input.disabled-view textarea,
.j-forms .select.disabled-view select {
  border-color: rgba(0, 0, 0, 0.12) !important;
}
.j-forms .checkbox.disabled-view i,
.j-forms .radio.disabled-view i,
.j-forms .checkbox-toggle.disabled-view i,
.j-forms .radio-toggle.disabled-view i {
  border-color: rgba(0, 0, 0, 0.26) !important;
}
.j-forms .primary-btn.disabled-view,
.j-forms .secondary-btn.disabled-view,
.j-forms .disabled-view .file-button {
  background: #17bab8;
}
.j-forms .widget.disabled-view .addon-btn:hover,
.j-forms .widget.disabled-view .addon-btn:focus {
  background: #e0e0e0;
  cursor: default;
  color: rgba(0, 0, 0, 0.56);
}
.j-forms .widget.disabled-view .addon-btn i {
  color: rgba(0, 0, 0, 0.24) !important;
}
/* Error state
=============================== */
.j-forms .error-view .checkbox i,
.j-forms .error-view .radio i,
.j-forms .error-view .checkbox-toggle i,
.j-forms .error-view .radio-toggle i,
.j-forms .error-view input,
.j-forms .error-view select,
.j-forms .error-view textarea {
  background: #ffebee !important;
}
.j-forms .select.error-view i {
  background-color: #ffebee;
}
.j-forms .error-view .icon-left,
.j-forms .error-view .icon-right {
  border-color: #e57373;
}
.j-forms .error-view .icon-left,
.j-forms .error-view .icon-right,
.j-forms span.error-view,
.j-forms .error-message i {
  color: #ef5350;
}
.j-forms .error-message {
  background: #ffebee;
  border-color: #ef9a9a;
  color: #ef5350;
}
/* Success state
=============================== */
.j-forms .success-view .checkbox i,
.j-forms .success-view .radio i,
.j-forms .success-view .checkbox-toggle i,
.j-forms .success-view .radio-toggle i,
.j-forms .success-view input,
.j-forms .success-view select,
.j-forms .success-view textarea {
  background: #e8f5e9 !important;
}
.j-forms .select.success-view i {
  background-color: #e8f5e9;
}
.j-forms .success-view .icon-left,
.j-forms .success-view .icon-right {
  border-color: #81c784;
}
.j-forms .success-view .icon-left,
.j-forms .success-view .icon-right,
.j-forms span.success-view,
.j-forms .success-message i {
  color: #2e7d32;
}
.j-forms .success-message {
  background: #e8f5e9;
  border-color: #81c784;
  color: #2e7d32;
}
/* Warning state
=============================== */
.j-forms .warning-view .checkbox i,
.j-forms .warning-view .radio i,
.j-forms .warning-view .checkbox-toggle i,
.j-forms .warning-view .radio-toggle i,
.j-forms .warning-view input,
.j-forms .warning-view select,
.j-forms .warning-view textarea {
  background: #fff8e1 !important;
}
.j-forms .select.warning-view i {
  background-color: #fff8e1;
  -webkit-box-shadow: 0 0 0 12px #fff8e1;
  -moz-box-shadow: 0 0 0 12px #fff8e1;
  -o-box-shadow: 0 0 0 12px #fff8e1;
  box-shadow: 0 0 0 12px #fff8e1;
}
.j-forms .warning-view .icon-left,
.j-forms .warning-view .icon-right {
  border-color: #f9a825;
}
.j-forms .warning-view .icon-left,
.j-forms .warning-view .icon-right,
.j-forms span.warning-view,
.j-forms .warning-message i {
  color: #f57f17;
}
.j-forms .warning-message {
  background: #fff8e1;
  border-color: #f57f17;
  color: #f57f17;
}
/* Info state
=============================== */
.j-forms .info-view .checkbox i,
.j-forms .info-view .radio i,
.j-forms .info-view .checkbox-toggle i,
.j-forms .info-view .radio-toggle i,
.j-forms .info-view input,
.j-forms .info-view select,
.j-forms .info-view textarea {
  background: #e1f5fe !important;
}
.j-forms .select.info-view i {
  background-color: #e1f5fe;
  -webkit-box-shadow: 0 0 0 12px #e1f5fe;
  -moz-box-shadow: 0 0 0 12px #e1f5fe;
  -o-box-shadow: 0 0 0 12px #e1f5fe;
  box-shadow: 0 0 0 12px #e1f5fe;
}
.j-forms .info-view .icon-left,
.j-forms .info-view .icon-right {
  border-color: #0288d1;
}
.j-forms .info-view .icon-left,
.j-forms .info-view .icon-right,
.j-forms span.info-view,
.j-forms .info-message i {
  color: #01579b;
}
.j-forms .info-message {
  background: #e1f5fe;
  border-color: #01579b;
  color: #01579b;
}
/* Ratings
==================================== */
.j-forms .rating-group {
  color: rgba(0, 0, 0, 0.87);
  height: 30px;
  line-height: 30px;
  margin-bottom: 4px;
}
.j-forms .rating-group:last-child {
  margin-bottom: 0;
}
.j-forms .rating-group .label {
  float: left;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  margin-bottom: 0;
}
.j-forms .rating-group .ratings {
  float: right;
  height: 30px;
  line-height: 30px;
}
.j-forms .ratings input {
  left: -9999px;
  position: absolute;
}
.j-forms .ratings input + label {
  color: rgba(0, 0, 0, 0.26);
  cursor: pointer;
  font-size: 20px;
  float: right;
  padding: 0 2px;
  -webkit-transition: color.2s;
  -moz-transition: color.2s;
  -ms-transition: color.2s;
  -o-transition: color.2s;
  transition: color.2s;
}
.j-forms .ratings input + label:hover,
.j-forms .ratings input + label:hover ~ label,
.j-forms .ratings input:checked + label,
.j-forms .ratings input:checked + label ~ label {
  color: #17bab8;
}
/* Social links
==================================== */
.j-forms .social-btn,
.j-forms .social-icon {
  margin-bottom: 6px;
  position: relative;
}
.j-forms .social-icon {
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px;
}
.j-forms .social-center {
  text-align: center;
}
.j-forms .social-btn i,
.j-forms .social-icon i {
  background-color: rgba(0, 0, 0, 0.15);
  color: #fff;
  cursor: pointer;
  font-size: 22px;
  left: 0;
  line-height: 48px;
  position: absolute;
  text-align: center;
  width: 48px;
  z-index: 2;
}
.j-forms .social-btn i {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.j-forms .social-icon i {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.j-forms .social-btn button,
.j-forms .social-icon button {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: none;
  color: #fff;
  cursor: pointer;
  font: 16px 'Open Sans', Helvetica, Arial, sans-serif;
  padding: 0 0 0 48px;
  outline: none;
  overflow: hidden;
  height: 48px;
  white-space: nowrap;
  -webkit-transition: background.2s;
  -moz-transition: background.2s;
  -ms-transition: background.2s;
  -o-transition: background.2s;
  transition: background.2s;
}
.j-forms .social-btn button {
  width: 100%;
}
.j-forms .social-icon button {
  width: 48px;
}
.j-forms .social-btn.vk button,
.j-forms .social-icon.vk button {
  background: #2f5070;
}
.j-forms .social-btn.vk:hover button,
.j-forms .social.vk:hover button {
  background: rgba(47, 80, 112, 0.85);
}
.j-forms .social-btn.skype button,
.j-forms .social-icon.skype button {
  background: #13b0ed;
}
.j-forms .social-btn.skype:hover button,
.j-forms .social-icon.skype:hover button {
  background: rgba(19, 176, 237, 0.85);
}
.j-forms .social-btn.yahoo button,
.j-forms .social-icon.yahoo button {
  background: #700e9c;
}
.j-forms .social-btn.yahoo:hover button,
.j-forms .social-icon.yahoo:hover button {
  background: rgba(112, 14, 156, 0.85);
}
.j-forms .social-btn.flickr button,
.j-forms .social-icon.flickr button {
  background: #fe3b93;
}
.j-forms .social-btn.flickr:hover button,
.j-forms .social-icon.flickr:hover button {
  background: rgba(254, 59, 147, 0.85);
}
.j-forms .social-btn.tumblr button,
.j-forms .social-icon.tumblr button {
  background: #384853;
}
.j-forms .social-btn.tumblr:hover button,
.j-forms .social-icon.tumblr:hover button {
  background: rgba(56, 72, 83, 0.85);
}
.j-forms .social-btn.google button,
.j-forms .social-icon.google button {
  background: #0868b9;
}
.j-forms .social-btn.google:hover button,
.j-forms .social-icon.google:hover button {
  background: rgba(8, 104, 185, 0.85);
}
.j-forms .social-btn.twitter button,
.j-forms .social-icon.twitter button {
  background: #2ca8d2;
}
.j-forms .social-btn.twitter:hover button,
.j-forms .social-icon.twitter:hover button {
  background: rgba(44, 168, 210, 0.85);
}
.j-forms .social-btn.youtube button,
.j-forms .social-icon.youtube button {
  background: #ce332c;
}
.j-forms .social-btn.youtube:hover button,
.j-forms .social-icon.youtube:hover button {
  background: rgba(206, 51, 44, 0.85);
}
.j-forms .social-btn.facebook button,
.j-forms .social-icon.facebook button {
  background: #305891;
}
.j-forms .social-btn.facebook:hover button,
.j-forms .social-icon.facebook:hover button {
  background: rgba(48, 88, 145, 0.85);
}
.j-forms .social-btn.linkedin button,
.j-forms .social-icon.linkedin button {
  background: #4498c8;
}
.j-forms .social-btn.linkedin:hover button,
.j-forms .social-icon.linkedin:hover button {
  background: rgba(68, 152, 200, 0.85);
}
.j-forms .social-btn.pinterest button,
.j-forms .social-icon.pinterest button {
  background: #c82828;
}
.j-forms .social-btn.pinterest:hover button,
.j-forms .social-icon.pinterest:hover button {
  background: rgba(200, 40, 40, 0.85);
}
.j-forms .social-btn.google-plus button,
.j-forms .social-icon.google-plus button {
  background: #ce4d39;
}
.j-forms .social-btn.google-plus:hover button,
.j-forms .social-icon.google-plus:hover button {
  background: rgba(206, 77, 57, 0.85);
}
/* Captcha
=============================== */
.j-forms .captcha-group {
  position: relative;
}
.j-forms .captcha-group .captcha {
  background-color: #e0e0e0;
  border: none;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  height: 48px;
  line-height: 48px;
  position: absolute;
  outline: none;
  text-align: center;
  top: 0;
  width: 90px;
}
.j-forms .captcha-group .input {
  padding-left: 90px;
}
.j-forms .captcha-group .input input {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
/* Stepper
=============================== */
.j-forms .stepper {
  position: relative;
  padding-right: 40px;
}
.j-forms .stepper input {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.j-forms .stepper .stepper-wrapper {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  bottom: 0;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  width: 40px;
}
.j-forms .stepper input::-webkit-inner-spin-button,
.j-forms .stepper input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.j-forms .stepper .stepper-arrow {
  background-color: #e0e0e0;
  cursor: pointer;
  display: block;
  height: 50%;
  -webkit-transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  -ms-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.j-forms .stepper .stepper-arrow:hover {
  background-color: #d6d6d6;
}
.j-forms .stepper .stepper-arrow.down {
  bottom: 0;
}
.j-forms .stepper .stepper-arrow.up:after,
.j-forms .stepper .stepper-arrow.down:after {
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: '';
  position: absolute;
  right: 16px;
  -webkit-transition: all.4s;
  -moz-transition: all.4s;
  -ms-transition: all.4s;
  -o-transition: all.4s;
  transition: all.4s;
}
.j-forms .stepper .stepper-arrow.down:after {
  border-top: 7px solid rgba(0, 0, 0, 0.56);
  bottom: 10px;
}
.j-forms .stepper .stepper-arrow.up:after {
  border-bottom: 7px solid rgba(0, 0, 0, 0.56);
  top: 10px;
}
.j-forms .stepper .stepper-arrow:hover.down:after {
  border-top: 7px solid rgba(0, 0, 0, 0.87);
}
.j-forms .stepper .stepper-arrow:hover.up:after {
  border-bottom: 7px solid rgba(0, 0, 0, 0.87);
}
/* Datapicker and Timepicker
=============================== */
.ui-datepicker {
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 10px rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.54);
  display: none;
  text-align: center;
  padding: 10px 0;
  width: 240px;
  z-index: 11 !important;
}
.ui-datepicker-header {
  background-color: #fff;
  line-height: 1.5;
  margin: -2px 0 12px;
  padding: 6px 10px 18px 10px;
  position: relative;
  border-bottom: #eee 1px solid;
  font-size: 16px;
}
.ui-datepicker-prev,
.ui-datepicker-next {
  cursor: pointer;
  display: block;
  font-size: 18px;
  height: 30px;
  position: absolute;
  text-decoration: none;
  top: 6px;
  width: 40px;
  color: #666;
  border: 0px !important;
}
.ui-datepicker-prev {
  border-right: 1px solid;
  left: 0;
}
.ui-datepicker-next {
  border-left: 1px solid;
  right: 0;
}
.ui-datepicker-calendar {
  border-collapse: collapse;
  line-height: 1.5;
  width: 100%;
}
.ui-datepicker-calendar th span {
  color: rgba(0, 0, 0, 0.26);
  font-weight: lighter;
  font-size: 14px;
  text-align: center;
  font-weight: 500;
}
.ui-datepicker-calendar a,
.ui-datepicker-calendar span {
  color: rgba(0, 0, 0, 0.54);
  display: block;
  font-size: 14px;
  margin: 0 auto;
  text-decoration: none;
  width: 28px;
  padding: 3px 0px;
  margin-bottom: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.ui-datepicker-calendar a:hover,
.ui-datepicker-calendar .ui-state-active {
  background-color: #e0e0e0;
  color: #444;
  text-decoration: none;
}
.ui-datepicker-today a {
  background-color: #17bab8;
  color: #fff;
}
.ui-datepicker-inline {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  width: 100%;
}
.ui-state-disabled span {
  color: rgba(0, 0, 0, 0.26);
}
.ui-timepicker-div .ui-widget-header {
  background-color: #f0f0f0;
  margin-bottom: 8px;
  padding: 10px 0;
}
.ui-timepicker-div dl {
  text-align: left;
}
.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px;
}
.ui-timepicker-div td {
  font-size: 90%;
}
.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
.ui-timepicker-rtl {
  direction: rtl;
}
.ui-timepicker-rtl dl {
  text-align: right;
  padding: 0 5px 0 0;
}
.ui-timepicker-rtl dl dt {
  float: right;
  clear: right;
}
.ui-timepicker-rtl dl dd {
  margin: 0 40% 10px 10px;
}
.ui-timepicker-div {
  font-size: 15px;
}
.ui-timepicker-div dl {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 16px 5px;
  margin: 16px 0 0;
}
.ui-timepicker-div .ui_tpicker_time {
  margin: 0 10px 10px 40%;
}
.ui-timepicker-div .ui_tpicker_hour,
.ui-timepicker-div .ui_tpicker_minute {
  margin: 22px 10px 10px 40%;
}
.ui-datepicker-buttonpane {
  border-top: 1px solid rgba(0, 0, 0, 0.26);
}
.ui-datepicker-buttonpane button {
  background: #e0e0e0;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: rgba(0, 0, 0, 0.56);
  cursor: pointer;
  padding: 8px 15px;
  margin: 10px 5px 0;
  -webkit-transition: all.15s;
  -moz-transition: all.15s;
  -ms-transition: all.15s;
  -o-transition: all.15s;
  transition: all.15s;
  outline: none;
}
.ui-datepicker-buttonpane button:hover {
  background: #d6d6d6;
  color: rgba(0, 0, 0, 0.87);
}
/* jQuery Slider
=============================== */
.ui-slider {
  position: relative;
}
.ui-slider .ui-slider-range {
  border: none;
  display: block;
  font-size: 11px;
  position: absolute;
  overflow: hidden;
  z-index: 1;
}
.ui-slider .ui-slider-handle {
  background-color: #e0e0e0;
  border: 1px solid rgba(0, 0, 0, 0.36);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  cursor: pointer;
  height: 16px;
  position: absolute;
  outline: none;
  left: -5px;
  width: 16px;
  z-index: 2;
}
.ui-slider-horizontal {
  height: 6px;
}
.ui-slider-vertical {
  height: 100px;
  width: 6px;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -6px;
  margin-left: -10px;
}
.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 .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider.ui-widget-content {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.ui-slider-vertical .ui-widget-header,
.ui-slider-horizontal .ui-widget-header {
  background-color: #f0f0f0;
}
.j-forms .slider-group {
  font: 15px 'Open Sans', Helvetica, Arial, sans-serif;
  height: 48px;
  line-height: 48px;
  padding: 0 2px;
  margin-bottom: 5px;
  white-space: nowrap;
}
.j-forms .slider-group label {
  display: inline-block;
  color: rgba(0, 0, 0, 0.87);
  padding: 0 4px;
}
/* Multistep form
=============================== */
.j-forms fieldset {
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  position: absolute;
  opacity: 0;
  left: -9999px;
  top: 0;
  -webkit-transform: translateY(-4%);
  -moz-transform: translateY(-4%);
  -ms-transform: translateY(-4%);
  -o-transform: translateY(-4%);
  transform: translateY(-4%);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  -ms-transition: opacity 0.3s, -ms-transform 0.3s;
  -o-transition: opacity 0.3s, -o-transform 0.3s;
  transition: opacity.3s, transform.3s;
}
.j-forms .wizard-breadcrumb {
  margin-bottom: 30px;
}
.j-forms .wizard-breadcrumb.default-style .steps {
  border: 1px solid #eee;
  padding: 15px;
  background-color: #f5f5f5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  -webkit-transition: all.3s;
  -moz-transition: all.3s;
  -ms-transition: all.3s;
  -o-transition: all.3s;
  transition: all.3s;
}
.j-forms .wizard-breadcrumb.default-style .steps p {
  color: #444;
  font-size: 16px;
  padding: 10px 0px 0px 0px;
  margin-bottom: 0px;
}
.j-forms .wizard-breadcrumb.default-style .steps span {
  color: #444;
  font-size: 14px;
}
.j-forms .wizard-breadcrumb.default-style .active-step .steps {
  background-color: #17bab8;
  border: 1px solid #17bab8;
}
.j-forms .wizard-breadcrumb.default-style .active-step .steps p {
  color: #fff;
}
.j-forms .wizard-breadcrumb.default-style .active-step .steps span {
  color: #fff;
}
.j-forms .wizard-breadcrumb.default-style .passed-step .steps {
  background-color: #17bab8;
  border: 1px solid #17bab8;
}
.j-forms .wizard-breadcrumb.default-style .passed-step .steps p {
  color: #fff;
}
.j-forms .wizard-breadcrumb.default-style .passed-step .steps span {
  color: #fff;
}
.j-forms .wizard-breadcrumb {
  margin-bottom: 30px;
}
.j-forms .wizard-breadcrumb.tab-style {
  margin-left: -30px;
  margin-right: -30px;
  margin-top: -30px;
  border-bottom: #eee 2px solid;
}
.j-forms .wizard-breadcrumb.tab-style .steps {
  padding: 15px;
  text-align: center;
  -webkit-transition: all.3s;
  -moz-transition: all.3s;
  -ms-transition: all.3s;
  -o-transition: all.3s;
  transition: all.3s;
  margin-bottom: -2px;
}
.j-forms .wizard-breadcrumb.tab-style .steps p {
  color: #444;
  font-size: 16px;
  padding: 10px 0px 0px 0px;
  margin-bottom: 0px;
}
.j-forms .wizard-breadcrumb.tab-style .steps span {
  color: #444;
  font-size: 14px;
}
.j-forms .wizard-breadcrumb.tab-style .active-step .steps {
  border-bottom: #17bab8 2px solid;
}
.j-forms .wizard-breadcrumb.tab-style .passed-step .steps {
  border-bottom: #17bab8 2px solid;
}
.j-forms .wizard-breadcrumb {
  margin-bottom: 30px;
}
.j-forms .wizard-breadcrumb.number-style .steps {
  position: relative;
  padding: 15px;
  text-align: center;
  -webkit-transition: all.3s;
  -moz-transition: all.3s;
  -ms-transition: all.3s;
  -o-transition: all.3s;
  transition: all.3s;
  z-index: 10;
}
.j-forms .wizard-breadcrumb.number-style .steps p {
  color: #444;
  font-size: 14px;
  padding: 10px 0px 0px 0px;
  margin-bottom: 0px;
}
.j-forms .wizard-breadcrumb.number-style .steps .step-number {
  width: 40px;
  height: 40px;
  display: inline-block;
  line-height: 40px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-color: #eee;
  color: #666;
  position: relative;
  z-index: 6;
}
.j-forms .wizard-breadcrumb.number-style .active-step .steps .step-number {
  background-color: #17bab8;
  color: #fff;
}
.j-forms .wizard-breadcrumb.number-style .active-step .steps:before {
  background-color: #17bab8 !important;
}
.j-forms .wizard-breadcrumb.number-style .passed-step .steps .step-number {
  background-color: #17bab8;
  color: #fff;
}
.j-forms .wizard-breadcrumb.number-style .passed-step .steps:after,
.j-forms .wizard-breadcrumb.number-style .passed-step .steps:before {
  background-color: #17bab8 !important;
}
.j-forms .wizard-breadcrumb.number-style .step .steps:after {
  content: "";
  height: 3px;
  background-color: #eee;
  width: 50%;
  position: absolute;
  top: 34px;
}
.j-forms .wizard-breadcrumb.number-style .step .steps:before {
  content: "";
  height: 3px;
  background-color: #eee;
  width: 60%;
  position: absolute;
  top: 34px;
  left: -30px;
}
.j-forms .wizard-breadcrumb.number-style .step:first-child .steps:after {
  content: "";
  height: 3px;
  background-color: #eee;
  width: 50%;
  position: absolute;
  top: 34px;
}
.j-forms .wizard-breadcrumb.number-style .step:first-child .steps:before {
  display: none !important;
}
.j-forms .wizard-breadcrumb.number-style .step:last-child .steps:after {
  display: none !important;
}
.j-forms .wizard-breadcrumb {
  list-style: none;
  padding: 0px;
}
.j-forms .wizard-breadcrumb.list-style > li {
  display: inline-block;
}
.j-forms .wizard-breadcrumb.list-style .steps {
  display: inline-block;
  border: 1px solid #eee;
  padding: 10px 15px;
  background-color: #f5f5f5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 25px;
  text-align: center;
  -webkit-transition: all.3s;
  -moz-transition: all.3s;
  -ms-transition: all.3s;
  -o-transition: all.3s;
  transition: all.3s;
}
.j-forms .wizard-breadcrumb.list-style .steps p {
  color: #444;
  font-size: 16px;
  height: 36px;
  line-height: 36px;
  margin: 0;
  padding: 0;
}
.j-forms .wizard-breadcrumb.list-style .steps span {
  color: #444;
  font-size: 13px;
  height: 13px;
  line-height: 13px;
}
.j-forms .wizard-breadcrumb.list-style .active-step .steps {
  background-color: #17bab8;
  border: 1px solid #17bab8;
}
.j-forms .wizard-breadcrumb.list-style .active-step .steps p {
  color: #fff;
}
.j-forms .wizard-breadcrumb.list-style .active-step .steps span {
  color: #fff;
}
.j-forms .wizard-breadcrumb.list-style .passed-step .steps {
  border: 1px solid #17bab8;
  background-color: #17bab8;
}
.block-form-footer {
  margin-right: -30px;
  margin-left: -30px;
  margin-bottom: -30px;
  padding: 30px 30px 30px 30px;
  border-top: #eee 2px solid;
  margin-top: 5px;
}
.j-forms .active-fieldset {
  left: 0;
  position: relative;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.j-forms fieldset .unit,
.j-forms fieldset .j-row {
  display: none;
}
.j-forms .active-fieldset .unit,
.j-forms .active-fieldset .j-row {
  display: block;
}
.j-forms.j-multistep .input textarea:focus {
  height: 112px;
}
/* Modal form
=============================== */
/* Settings for block with links */
.modal-block {
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  color: rgba(0, 0, 0, 0.54);
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 15px;
  margin: 0 auto;
  max-width: 320px;
  outline: medium none;
  padding: 20px;
}
.modal-block .modal-link {
  border-bottom: 1px solid #90caf9;
  color: #1e88e5;
  font-size: 14px;
  line-height: inherit;
  text-decoration: none;
}
.modal-block .modal-link:hover {
  border-bottom: none;
}
/* Settings for modal form directly */
.modal-form {
  display: none;
  position: fixed;
  width: 100%;
  z-index: 1200;
}
.modal-fill {
  background-color: rgba(103, 119, 129, 0.5);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1100;
}
.j-forms .modal-close {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 11px;
  -webkit-transition: background-color 0.15s;
  -moz-transition: background-color 0.15s;
  -ms-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.j-forms .modal-close:hover,
.j-forms .modal-close:focus {
  background-color: rgba(0, 0, 0, 0.6);
}
.j-forms .modal-close i {
  display: block;
  height: 22px;
  width: 23px;
}
.j-forms .modal-close i:before,
.j-forms .modal-close i:after {
  background-color: #fff;
  content: '';
  height: 3px;
  position: absolute;
  right: 1px;
  top: 10px;
  width: 21px;
}
.j-forms .modal-close i:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.j-forms .modal-close i:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* Pop-up form
=============================== */
/* Popup menu forms */
.popup-menu {
  padding: 0 15px;
}
.popup-list {
  background-color: #f9fafd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  max-width: 100%;
  position: relative;
}
.popup-list:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.popup-list > ul {
  font-size: 0;
  float: right;
  outline: none;
  padding: 5px;
}
.popup-list > ul > li {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  display: inline-block;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 45px;
  padding: 0 20px;
  list-style-type: none;
}
.popup-list > ul > li:hover {
  background-color: #f5f5f5;
}
.popup-list-open {
  position: relative;
}
.popup-list-open .j-forms {
  margin: 10px auto 0;
  z-index: 999;
}
.popup-list-open .j-forms .input textarea:focus {
  height: 112px;
}
.popup-list-open .popup-list-wrapper {
  display: none;
  opacity: 0;
  position: absolute;
  left: -9999px;
  width: 400px;
  -webkit-animation: popup-list-open 0.4s both;
  -moz-animation: popup-list-open 0.4s both;
  -ms-animation: popup-list-open 0.4s both;
  -o-animation: popup-list-open 0.4s both;
  animation: popup-list-open 0.4s both;
}
@-webkit-keyframes popup-list-open {
  from {
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px);
  }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-moz-keyframes popup-list-open {
  from {
    -moz-transform: translate(0, -10px);
    transform: translate(0, -10px);
  }
  to {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-ms-keyframes popup-list-open {
  from {
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
  }
  to {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-o-keyframes popup-list-open {
  from {
    -o-transform: translate(0, -10px);
    transform: translate(0, -10px);
  }
  to {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes popup-list-open {
  from {
    transform: translate(0, -10px);
  }
  to {
    transform: translate(0, 0);
  }
}
/* Popup bottom form */
.popup-btm-400,
.popup-btm-640 {
  bottom: 0;
  position: fixed;
  -webkit-transition: width.3s;
  -moz-transition: width.3s;
  -ms-transition: width.3s;
  -o-transition: width.3s;
  transition: width.3s;
  right: 1%;
  z-index: 1000;
}
.popup-btm-400 {
  width: 400px;
}
.popup-btm-640 {
  width: 640px;
}
.popup-btm-400 #popup-input-open,
.popup-btm-400 #popup-input-close,
.popup-btm-640 #popup-input-open,
.popup-btm-640 #popup-input-close {
  display: none;
}
.popup-btm-400 .popup-btm-wrapper,
.popup-btm-640 .popup-btm-wrapper {
  bottom: -500px;
  height: auto;
  position: absolute;
  right: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  width: 100%;
  z-index: 1000;
}
.popup-btm-400 input#popup-input-open:checked ~ .popup-btm-label,
.popup-btm-640 input#popup-input-open:checked ~ .popup-btm-label {
  opacity: 0;
  cursor: default;
}
.popup-btm-400 input#popup-input-close:checked ~ .popup-btm-wrapper,
.popup-btm-640 input#popup-input-close:checked ~ .popup-btm-wrapper,
.popup-btm-400 .popup-btm-wrapper,
.popup-btm-640 .popup-btm-wrapper {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.popup-btm-400 input#popup-input-open:checked ~ .popup-btm-wrapper,
.popup-btm-640 input#popup-input-open:checked ~ .popup-btm-wrapper {
  bottom: 5px;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.popup-btm-400 .j-forms .input textarea:focus,
.popup-btm-640 .j-forms .input textarea:focus {
  height: 112px;
}
.popup-btm-400 .popup-btm-label,
.popup-btm-640 .popup-btm-label {
  background-color: #f9fafd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  bottom: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.87);
  display: block;
  font: 16px 'Open Sans', Helvetica, Arial, sans-serif;
  height: 35px;
  text-align: center;
  opacity: 1;
  line-height: 35px;
  padding: 0 30px;
  position: fixed;
  right: 1%;
  -webkit-transition: opacity 0.4s ease-in-out 0.05s;
  -moz-transition: opacity 0.4s ease-in-out 0.05s;
  -ms-transition: opacity 0.4s ease-in-out 0.05s;
  -o-transition: opacity 0.4s ease-in-out 0.05s;
  transition: opacity 0.4s ease-in-out 0.05s;
  white-space: nowrap;
  z-index: 9999;
}
.popup-btm-400 .popup-btm-close,
.popup-btm-640 .popup-btm-close {
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: -25px;
  -webkit-transition: background-color 0.15s;
  -moz-transition: background-color 0.15s;
  -ms-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.popup-btm-400 .popup-btm-close:hover,
.popup-btm-400 .popup-btm-close:focus,
.popup-btm-640 .popup-btm-close:hover,
.popup-btm-640 .popup-btm-close:focus {
  background-color: rgba(0, 0, 0, 0.8);
}
.popup-btm-400 .popup-btm-close i,
.popup-btm-640 .popup-btm-close i {
  display: block;
  height: 22px;
  width: 23px;
}
.popup-btm-400 .popup-btm-close i:before,
.popup-btm-400 .popup-btm-close i:after,
.popup-btm-640 .popup-btm-close i:before,
.popup-btm-640 .popup-btm-close i:after {
  background-color: #fff;
  content: '';
  height: 3px;
  position: absolute;
  right: 1px;
  top: 10px;
  width: 21px;
}
.popup-btm-400 .popup-btm-close i:before,
.popup-btm-640 .popup-btm-close i:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.popup-btm-400 .popup-btm-close i:after,
.popup-btm-640 .popup-btm-close i:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/*=================================================================*/
/* Grid layout */
/*=================================================================*/
.j-forms [class*="span"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}
.j-forms .span1 {
  width: 8.3333%;
}
.j-forms .span2 {
  width: 16.6666%;
}
.j-forms .span3 {
  width: 25%;
}
.j-forms .span4 {
  width: 33.3333%;
}
.j-forms .span5 {
  width: 41.6666%;
}
.j-forms .span6 {
  width: 50%;
}
.j-forms .span7 {
  width: 58.3333%;
}
.j-forms .span8 {
  width: 66.6666%;
}
.j-forms .span9 {
  width: 75%;
}
.j-forms .span10 {
  width: 83.3333%;
}
.j-forms .span11 {
  width: 91.6666%;
}
.j-forms .span12 {
  width: 100%;
}
.j-forms .offset1 {
  margin-left: 8.3333%;
}
.j-forms .offset2 {
  margin-left: 16.6666%;
}
.j-forms .offset3 {
  margin-left: 25%;
}
.j-forms .offset4 {
  margin-left: 33.3333%;
}
.j-forms .offset5 {
  margin-left: 41.6666%;
}
.j-forms .offset6 {
  margin-left: 50%;
}
.j-forms .offset7 {
  margin-left: 58.3333%;
}
.j-forms .offset8 {
  margin-left: 66.6666%;
}
.j-forms .offset9 {
  margin-left: 75%;
}
.j-forms .offset10 {
  margin-left: 83.3333%;
}
.j-forms .offset11 {
  margin-left: 91.6666%;
}
.j-forms .offset12 {
  margin-left: 100%;
}
.j-forms .j-row {
  margin: 0 -10px;
}
.j-forms .j-row:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
/* Responsiveness
==================================== */
/* Wrapper-640 */
@media all and (max-width: 620px) {
  .wrapper-640 .j-forms [class*="span"] {
    margin-right: 0;
    width: 100%;
  }
  .wrapper-640 .j-forms [class*="offset"] {
    margin-left: 0;
  }
  .wrapper-640 .j-forms .label-center {
    height: 14px;
    line-height: 14px;
    text-align: left;
    padding-bottom: 3px;
  }
  .wrapper-640 .j-forms .radio:last-child,
  .wrapper-640 .j-forms .checkbox:last-child,
  .wrapper-640 .j-forms .radio-toggle:last-child,
  .wrapper-640 .j-forms .checkbox-toggle:last-child {
    margin-bottom: 4px;
  }
  /* Popup menu forms*/
  .popup-list-open > .popup-list-wrapper {
    width: 100%;
  }
  .popup-list-open {
    position: static;
  }
}
/* Wrapper-400 */
@media all and (max-width: 380px) {
  .wrapper-400 .j-forms [class*="span"] {
    margin-right: 0;
    width: 100%;
  }
  .wrapper-400 [class*="offset"] {
    margin-left: 0;
  }
  .wrapper-400 .j-forms .label-center {
    height: 14px;
    line-height: 14px;
    text-align: left;
    padding-bottom: 3px;
  }
  .wrapper-400 .j-forms .radio:last-child,
  .wrapper-400 .j-forms .checkbox:last-child,
  .wrapper-400 .j-forms .radio-toggle:last-child,
  .wrapper-400 .j-forms .checkbox-toggle:last-child {
    margin-bottom: 4px;
  }
  /* Responsiveness inside popup menu forms */
  .popup-list-wrapper .j-forms [class*="span"] {
    margin-right: 0;
    width: 100%;
  }
  .popup-list-wrapper .j-forms [class*="offset"] {
    margin-left: 0;
  }
  .popup-list-wrapper .j-forms .label-center {
    height: 14px;
    line-height: 14px;
    text-align: left;
    padding-bottom: 3px;
  }
}
/* Popup bottom form 400 px*/
@media all and (max-width: 410px) {
  .popup-btm-400 {
    width: 320px;
  }
  .popup-btm-400 .j-forms [class*="span"] {
    margin-right: 0;
    width: 100%;
  }
  .popup-btm-400 .j-forms [class*="offset"] {
    margin-left: 0;
  }
  .popup-btm-400 .j-forms .label-center {
    height: 14px;
    line-height: 14px;
    text-align: left;
    padding-bottom: 3px;
  }
}
/* Popup bottom form 640 px*/
@media all and (max-width: 650px) {
  .popup-btm-640 {
    width: 320px;
  }
  .popup-btm-640 .j-forms [class*="span"] {
    margin-right: 0;
    width: 100%;
  }
  .popup-btm-640 .j-forms [class*="offset"] {
    margin-left: 0;
  }
  .popup-btm-640 .j-forms .label-center {
    height: 14px;
    line-height: 14px;
    text-align: left;
    padding-bottom: 3px;
  }
}
/* Bootstrap compatibility
=============================== */
.j-forms .radio,
.j-forms .checkbox,
.j-forms .radio-toggle,
.j-forms .checkbox-toggle {
  margin-top: 0;
}
.j-forms .label {
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.j-forms .radio,
.j-forms .checkbox,
.j-forms .radio-toggle,
.j-forms .checkbox-toggle,
.j-forms .radio *,
.j-forms .checkbox *,
.j-forms .radio-toggle *,
.j-forms .checkbox-toggle *,
.j-forms .radio i:after,
.j-forms .checkbox i:after,
.j-forms .radio-toggle i:after,
.j-forms .checkbox-toggle i:after,
.j-forms .radio i:before,
.j-forms .checkbox i:before,
.j-forms .radio-toggle i:before,
.j-forms .checkbox-toggle i:before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/* =============================== */
/* start */
/* Just Forms */
/* version 2.0 */
/* =============================== */
/* Form details & total price
=============================== */
.j-forms .form-details {
  margin-bottom: 5px;
}
.j-forms .form-details p {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.j-forms .form-details span {
  color: rgba(0, 0, 0, 0.87);
  padding: 0 4px;
}
.j-forms .total-price {
  background: #5ED4C9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  padding: 10px 0;
}
.j-forms .form-details.total-price span {
  font-size: 17px;
}
/* Cloned elements
=============================== */
.j-forms .form-content .clone-btn-right,
.j-forms .form-content .clone-btn-left {
  font-size: 14px;
  height: 40px;
  padding: 0;
  position: absolute;
  margin: 0;
  width: 46px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.j-forms .j-row > .clone-btn-right {
  bottom: 25px;
  right: 10px;
}
.j-forms .j-row > .clone-btn-right.delete {
  right: 60px;
}
.j-forms .unit > .clone-btn-right {
  bottom: 0;
  right: 0;
}
.j-forms .unit > .clone-btn-right.delete {
  right: 50px;
}
.j-forms .j-row > .clone-btn-left {
  bottom: 25px;
  left: 10px;
}
.j-forms .j-row > .clone-btn-left.delete {
  left: 60px;
}
.j-forms .unit > .clone-btn-left {
  bottom: 0;
  left: 0;
}
.j-forms .unit > .clone-btn-left.delete {
  left: 50px;
}
.toclone-widget-right {
  padding-right: 100px;
  position: relative;
}
.toclone-widget-left {
  padding-left: 100px;
  position: relative;
}
.j-forms .toclone .link {
  display: inline-block;
  padding-bottom: 3px;
  margin: 0 5px 5px 0;
}
/* jQuery UI Autocomplete
=============================== */
.ui-autocomplete {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.12);
  border-style: solid;
  border-width: 1px;
  cursor: default;
  display: block;
  left: 0;
  list-style: none;
  margin: 0;
  max-height: 110px;
  outline: none;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  top: 0px;
  z-index: 100;
}
.ui-autocomplete .ui-menu {
  position: absolute;
}
.ui-autocomplete .ui-menu-item {
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  cursor: pointer;
  margin: 0;
  min-height: 0;
  padding: 8px 15px;
  position: relative;
}
.ui-autocomplete .ui-menu-item:hover {
  background: rgba(0, 0, 0, 0.06);
}
.ui-helper-hidden-accessible {
  position: absolute;
  left: -999em;
}
/* TinyMCE
=============================== */
.j-forms .input .mce-tinymce {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid rgba(0, 0, 0, 0.12) !important;
  -webkit-transition: border.4s;
  -moz-transition: border.4s;
  -ms-transition: border.4s;
  -o-transition: border.4s;
  transition: border.4s;
}
.j-forms .input .mce-tinymce:hover {
  border: 1px solid rgba(48, 63, 159, 0.6) !important;
}
/* =============================== */
/* Just Forms */
/* version 2.0 */
/* end */
/* =============================== */
.captcha-group .input label {
  height: 48px !important;
  line-height: 48px !important;
}
.captcha-group .captcha-input {
  height: 49px !important;
}
/*---------------------------
2.6 Tags Input / .tagsinput
-----------------------------*/
div.tagsinput {
  border: 1px solid #e5e5e5;
  background: #FFF;
  padding: 5px;
  width: 300px;
  height: 100px;
  overflow-y: auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
div.tagsinput span.tag {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: block;
  float: left;
  padding: 6px 10px;
  text-decoration: none;
  background: #80cbc4;
  color: #444;
  margin-right: 5px;
  margin-bottom: 5px;
  font-family: helvetica;
  font-size: 13px;
}
div.tagsinput span.tag a {
  font-weight: bold;
  color: #444;
  text-decoration: none;
  font-size: 11px;
}
div.tagsinput input {
  width: 80px;
  margin: 0px;
  font-family: helvetica;
  font-size: 13px;
  border: 1px solid transparent;
  padding: 5px;
  background: transparent;
  color: #000;
  outline: 0px;
  margin-right: 5px;
  margin-bottom: 5px;
}
div.tagsinput div {
  display: block;
  float: left;
}
.tags_clear {
  clear: both;
  width: 100%;
  height: 0px;
}
.not_valid {
  background: #FBD8DB !important;
  color: #90111A !important;
}
/*---------------------------------
2.7 Spinner / .bootstrap-touchspin
----------------------------------*/
.bootstrap-touchspin .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}
.bootstrap-touchspin .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 9px 10px 10px 10px;
  margin-left: -1px;
  position: relative;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0;
  border-top-right-radius: 4px;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  margin-top: -2px;
  border-radius: 0;
  border-bottom-right-radius: 4px;
}
.bootstrap-touchspin .input-group-btn-vertical i {
  position: absolute;
  top: 4px;
  left: 5px;
  font-size: 9px;
  font-weight: normal;
}
/*---------------------------------
2.8 Icheck / .icheckbox_minimal
----------------------------------*/
/* iCheck plugin Minimal skin
----------------------------------- */
.icheckbox_minimal,
.iradio_minimal {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 18px;
  height: 18px;
  background-image: url("../images/icheck-minimal/minimal.png");
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
}
.icheckbox_minimal {
  background-position: 0 0;
}
.icheckbox_minimal.hover {
  background-position: -20px 0;
}
.icheckbox_minimal.checked {
  background-position: -40px 0;
}
.icheckbox_minimal.disabled {
  background-position: -60px 0;
  cursor: default;
}
.icheckbox_minimal.checked.disabled {
  background-position: -80px 0;
}
.iradio_minimal {
  background-position: -100px 0;
}
.iradio_minimal.hover {
  background-position: -120px 0;
}
.iradio_minimal.checked {
  background-position: -140px 0;
}
.iradio_minimal.disabled {
  background-position: -160px 0;
  cursor: default;
}
.iradio_minimal.checked.disabled {
  background-position: -180px 0;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_minimal,
  .iradio_minimal {
    background-image: url("../images/icheck-minimal/minimal@2x.png");
    -webkit-background-size: 200px 20px;
    background-size: 200px 20px;
  }
}
/* red */
.icheckbox_minimal-red,
.iradio_minimal-red {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 18px;
  height: 18px;
  background: url("../images/icheck-minimal/red.png") no-repeat;
  border: none;
  cursor: pointer;
}
.icheckbox_minimal-red {
  background-position: 0 0;
}
.icheckbox_minimal-red.hover {
  background-position: -20px 0;
}
.icheckbox_minimal-red.checked {
  background-position: -40px 0;
}
.icheckbox_minimal-red.disabled {
  background-position: -60px 0;
  cursor: default;
}
.icheckbox_minimal-red.checked.disabled {
  background-position: -80px 0;
}
.iradio_minimal-red {
  background-position: -100px 0;
}
.iradio_minimal-red.hover {
  background-position: -120px 0;
}
.iradio_minimal-red.checked {
  background-position: -140px 0;
}
.iradio_minimal-red.disabled {
  background-position: -160px 0;
  cursor: default;
}
.iradio_minimal-red.checked.disabled {
  background-position: -180px 0;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_minimal-red,
  .iradio_minimal-red {
    background-image: url("../images/icheck-minimal/red@2x.png");
    -webkit-background-size: 200px 20px;
    background-size: 200px 20px;
  }
}
/* green */
.icheckbox_minimal-green,
.iradio_minimal-green {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 18px;
  height: 18px;
  background: url("../images/icheck-minimal/green.png") no-repeat;
  border: none;
  cursor: pointer;
}
.icheckbox_minimal-green {
  background-position: 0 0;
}
.icheckbox_minimal-green.hover {
  background-position: -20px 0;
}
.icheckbox_minimal-green.checked {
  background-position: -40px 0;
}
.icheckbox_minimal-green.disabled {
  background-position: -60px 0;
  cursor: default;
}
.icheckbox_minimal-green.checked.disabled {
  background-position: -80px 0;
}
.iradio_minimal-green {
  background-position: -100px 0;
}
.iradio_minimal-green.hover {
  background-position: -120px 0;
}
.iradio_minimal-green.checked {
  background-position: -140px 0;
}
.iradio_minimal-green.disabled {
  background-position: -160px 0;
  cursor: default;
}
.iradio_minimal-green.checked.disabled {
  background-position: -180px 0;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_minimal-green,
  .iradio_minimal-green {
    background-image: url("../images/icheck-minimal/green@2x.png");
    -webkit-background-size: 200px 20px;
    background-size: 200px 20px;
  }
}
/* blue */
.icheckbox_minimal-blue,
.iradio_minimal-blue {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 18px;
  height: 18px;
  background: url("../images/icheck-minimal/blue.png") no-repeat;
  border: none;
  cursor: pointer;
}
.icheckbox_minimal-blue {
  background-position: 0 0;
}
.icheckbox_minimal-blue.hover {
  background-position: -20px 0;
}
.icheckbox_minimal-blue.checked {
  background-position: -40px 0;
}
.icheckbox_minimal-blue.disabled {
  background-position: -60px 0;
  cursor: default;
}
.icheckbox_minimal-blue.checked.disabled {
  background-position: -80px 0;
}
.iradio_minimal-blue {
  background-position: -100px 0;
}
.iradio_minimal-blue.hover {
  background-position: -120px 0;
}
.iradio_minimal-blue.checked {
  background-position: -140px 0;
}
.iradio_minimal-blue.disabled {
  background-position: -160px 0;
  cursor: default;
}
.iradio_minimal-blue.checked.disabled {
  background-position: -180px 0;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_minimal-blue,
  .iradio_minimal-blue {
    background-image: url("../images/icheck-minimal/blue@2x.png");
    -webkit-background-size: 200px 20px;
    background-size: 200px 20px;
  }
}
/* aero */
.icheckbox_minimal-aero,
.iradio_minimal-aero {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 18px;
  height: 18px;
  background: url("../images/icheck-minimal/aero.png") no-repeat;
  border: none;
  cursor: pointer;
}
.icheckbox_minimal-aero {
  background-position: 0 0;
}
.icheckbox_minimal-aero.hover {
  background-position: -20px 0;
}
.icheckbox_minimal-aero.checked {
  background-position: -40px 0;
}
.icheckbox_minimal-aero.disabled {
  background-position: -60px 0;
  cursor: default;
}
.icheckbox_minimal-aero.checked.disabled {
  background-position: -80px 0;
}
.iradio_minimal-aero {
  background-position: -100px 0;
}
.iradio_minimal-aero.hover {
  background-position: -120px 0;
}
.iradio_minimal-aero.checked {
  background-position: -140px 0;
}
.iradio_minimal-aero.disabled {
  background-position: -160px 0;
  cursor: default;
}
.iradio_minimal-aero.checked.disabled {
  background-position: -180px 0;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_minimal-aero,
  .iradio_minimal-aero {
    background-image: url("../images/icheck-minimal/aero@2x.png");
    -webkit-background-size: 200px 20px;
    background-size: 200px 20px;
  }
}
/* grey */
.icheckbox_minimal-grey,
.iradio_minimal-grey {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 18px;
  height: 18px;
  background: url("../images/icheck-minimal/grey.png") no-repeat;
  border: none;
  cursor: pointer;
}
.icheckbox_minimal-grey {
  background-position: 0 0;
}
.icheckbox_minimal-grey.hover {
  background-position: -20px 0;
}
.icheckbox_minimal-grey.checked {
  background-position: -40px 0;
}
.icheckbox_minimal-grey.disabled {
  background-position: -60px 0;
  cursor: default;
}
.icheckbox_minimal-grey.checked.disabled {
  background-position: -80px 0;
}
.iradio_minimal-grey {
  background-position: -100px 0;
}
.iradio_minimal-grey.hover {
  background-position: -120px 0;
}
.iradio_minimal-grey.checked {
  background-position: -140px 0;
}
.iradio_minimal-grey.disabled {
  background-position: -160px 0;
  cursor: default;
}
.iradio_minimal-grey.checked.disabled {
  background-position: -180px 0;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_minimal-grey,
  .iradio_minimal-grey {
    background-image: url("../images/icheck-minimal/grey@2x.png");
    -webkit-background-size: 200px 20px;
    background-size: 200px 20px;
  }
}
/* orange */
.icheckbox_minimal-orange,
.iradio_minimal-orange {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 18px;
  height: 18px;
  background: url("../images/icheck-minimal/orange.png") no-repeat;
  border: none;
  cursor: pointer;
}
.icheckbox_minimal-orange {
  background-position: 0 0;
}
.icheckbox_minimal-orange.hover {
  background-position: -20px 0;
}
.icheckbox_minimal-orange.checked {
  background-position: -40px 0;
}
.icheckbox_minimal-orange.disabled {
  background-position: -60px 0;
  cursor: default;
}
.icheckbox_minimal-orange.checked.disabled {
  background-position: -80px 0;
}
.iradio_minimal-orange {
  background-position: -100px 0;
}
.iradio_minimal-orange.hover {
  background-position: -120px 0;
}
.iradio_minimal-orange.checked {
  background-position: -140px 0;
}
.iradio_minimal-orange.disabled {
  background-position: -160px 0;
  cursor: default;
}
.iradio_minimal-orange.checked.disabled {
  background-position: -180px 0;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_minimal-orange,
  .iradio_minimal-orange {
    background-image: url("../images/icheck-minimal/orange@2x.png");
    -webkit-background-size: 200px 20px;
    background-size: 200px 20px;
  }
}
/* yellow */
.icheckbox_minimal-yellow,
.iradio_minimal-yellow {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 18px;
  height: 18px;
  background: url("../images/icheck-minimal/yellow.png") no-repeat;
  border: none;
  cursor: pointer;
}
.icheckbox_minimal-yellow {
  background-position: 0 0;
}
.icheckbox_minimal-yellow.hover {
  background-position: -20px 0;
}
.icheckbox_minimal-yellow.checked {
  background-position: -40px 0;
}
.icheckbox_minimal-yellow.disabled {
  background-position: -60px 0;
  cursor: default;
}
.icheckbox_minimal-yellow.checked.disabled {
  background-position: -80px 0;
}
.iradio_minimal-yellow {
  background-position: -100px 0;
}
.iradio_minimal-yellow.hover {
  background-position: -120px 0;
}
.iradio_minimal-yellow.checked {
  background-position: -140px 0;
}
.iradio_minimal-yellow.disabled {
  background-position: -160px 0;
  cursor: default;
}
.iradio_minimal-yellow.checked.disabled {
  background-position: -180px 0;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_minimal-yellow,
  .iradio_minimal-yellow {
    background-image: url("../images/icheck-minimal/yellow@2x.png");
    -webkit-background-size: 200px 20px;
    background-size: 200px 20px;
  }
}
/* pink */
.icheckbox_minimal-pink,
.iradio_minimal-pink {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 18px;
  height: 18px;
  background: url("../images/icheck-minimal/pink.png") no-repeat;
  border: none;
  cursor: pointer;
}
.icheckbox_minimal-pink {
  background-position: 0 0;
}
.icheckbox_minimal-pink.hover {
  background-position: -20px 0;
}
.icheckbox_minimal-pink.checked {
  background-position: -40px 0;
}
.icheckbox_minimal-pink.disabled {
  background-position: -60px 0;
  cursor: default;
}
.icheckbox_minimal-pink.checked.disabled {
  background-position: -80px 0;
}
.iradio_minimal-pink {
  background-position: -100px 0;
}
.iradio_minimal-pink.hover {
  background-position: -120px 0;
}
.iradio_minimal-pink.checked {
  background-position: -140px 0;
}
.iradio_minimal-pink.disabled {
  background-position: -160px 0;
  cursor: default;
}
.iradio_minimal-pink.checked.disabled {
  background-position: -180px 0;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_minimal-pink,
  .iradio_minimal-pink {
    background-image: url("../images/icheck-minimal/pink@2x.png");
    -webkit-background-size: 200px 20px;
    background-size: 200px 20px;
  }
}
/* purple */
.icheckbox_minimal-purple,
.iradio_minimal-purple {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 18px;
  height: 18px;
  background: url("../images/icheck-minimal/purple.png") no-repeat;
  border: none;
  cursor: pointer;
}
.icheckbox_minimal-purple {
  background-position: 0 0;
}
.icheckbox_minimal-purple.hover {
  background-position: -20px 0;
}
.icheckbox_minimal-purple.checked {
  background-position: -40px 0;
}
.icheckbox_minimal-purple.disabled {
  background-position: -60px 0;
  cursor: default;
}
.icheckbox_minimal-purple.checked.disabled {
  background-position: -80px 0;
}
.iradio_minimal-purple {
  background-position: -100px 0;
}
.iradio_minimal-purple.hover {
  background-position: -120px 0;
}
.iradio_minimal-purple.checked {
  background-position: -140px 0;
}
.iradio_minimal-purple.disabled {
  background-position: -160px 0;
  cursor: default;
}
.iradio_minimal-purple.checked.disabled {
  background-position: -180px 0;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
  .icheckbox_minimal-purple,
  .iradio_minimal-purple {
    background-image: url("../images/icheck-minimal/purple@2x.png");
    -webkit-background-size: 200px 20px;
    background-size: 200px 20px;
  }
}
/* iCheck plugin Square skin
----------------------------------- */
.icheckbox_square,
.iradio_square {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  background-image: url("../images/icheck-square/square.png");
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
}
.icheckbox_square {
  background-position: 0 0;
}
.icheckbox_square.hover {
  background-position: -24px 0;
}
.icheckbox_square.checked {
  background-position: -48px 0;
}
.icheckbox_square.disabled {
  background-position: -72px 0;
  cursor: default;
}
.icheckbox_square.checked.disabled {
  background-position: -96px 0;
}
.iradio_square {
  background-position: -120px 0;
}
.iradio_square.hover {
  background-position: -144px 0;
}
.iradio_square.checked {
  background-position: -168px 0;
}
.iradio_square.disabled {
  background-position: -192px 0;
  cursor: default;
}
.iradio_square.checked.disabled {
  background-position: -216px 0;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_square,
  .iradio_square {
    background-image: url("../images/icheck-square/square.png");
    -webkit-background-size: 240px 24px;
    background-size: 240px 24px;
  }
}
/* red */
.icheckbox_square-red,
.iradio_square-red {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  background: url("../images/icheck-square/red.png") no-repeat;
  border: none;
  cursor: pointer;
}
.icheckbox_square-red {
  background-position: 0 0;
}
.icheckbox_square-red.hover {
  background-position: -24px 0;
}
.icheckbox_square-red.checked {
  background-position: -48px 0;
}
.icheckbox_square-red.disabled {
  background-position: -72px 0;
  cursor: default;
}
.icheckbox_square-red.checked.disabled {
  background-position: -96px 0;
}
.iradio_square-red {
  background-position: -120px 0;
}
.iradio_square-red.hover {
  background-position: -144px 0;
}
.iradio_square-red.checked {
  background-position: -168px 0;
}
.iradio_square-red.disabled {
  background-position: -192px 0;
  cursor: default;
}
.iradio_square-red.checked.disabled {
  background-position: -216px 0;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_square-red,
  .iradio_square-red {
    background-image: url("../images/icheck-square/red@2x.png");
    -webkit-background-size: 240px 24px;
    background-size: 240px 24px;
  }
}
/* green */
.icheckbox_square-green,
.iradio_square-green {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  background: url("../images/icheck-square/green.png") no-repeat;
  border: none;
  cursor: pointer;
}
.icheckbox_square-green {
  background-position: 0 0;
}
.icheckbox_square-green.hover {
  background-position: -24px 0;
}
.icheckbox_square-green.checked {
  background-position: -48px 0;
}
.icheckbox_square-green.disabled {
  background-position: -72px 0;
  cursor: default;
}
.icheckbox_square-green.checked.disabled {
  background-position: -96px 0;
}
.iradio_square-green {
  background-position: -120px 0;
}
.iradio_square-green.hover {
  background-position: -144px 0;
}
.iradio_square-green.checked {
  background-position: -168px 0;
}
.iradio_square-green.disabled {
  background-position: -192px 0;
  cursor: default;
}
.iradio_square-green.checked.disabled {
  background-position: -216px 0;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_square-green,
  .iradio_square-green {
    background-image: url("../images/icheck-square/green@2x.png");
    -webkit-background-size: 240px 24px;
    background-size: 240px 24px;
  }
}
/* blue */
.icheckbox_square-blue,
.iradio_square-blue {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  background: url("../images/icheck-square/blue.png") no-repeat;
  border: none;
  cursor: pointer;
}
.icheckbox_square-blue {
  background-position: 0 0;
}
.icheckbox_square-blue.hover {
  background-position: -24px 0;
}
.icheckbox_square-blue.checked {
  background-position: -48px 0;
}
.icheckbox_square-blue.disabled {
  background-position: -72px 0;
  cursor: default;
}
.icheckbox_square-blue.checked.disabled {
  background-position: -96px 0;
}
.iradio_square-blue {
  background-position: -120px 0;
}
.iradio_square-blue.hover {
  background-position: -144px 0;
}
.iradio_square-blue.checked {
  background-position: -168px 0;
}
.iradio_square-blue.disabled {
  background-position: -192px 0;
  cursor: default;
}
.iradio_square-blue.checked.disabled {
  background-position: -216px 0;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_square-blue,
  .iradio_square-blue {
    background-image: url("../images/icheck-square/blue@2x.png");
    -webkit-background-size: 240px 24px;
    background-size: 240px 24px;
  }
}
/* aero */
.icheckbox_square-aero,
.iradio_square-aero {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  background: url("../images/icheck-square/aero.png") no-repeat;
  border: none;
  cursor: pointer;
}
.icheckbox_square-aero {
  background-position: 0 0;
}
.icheckbox_square-aero.hover {
  background-position: -24px 0;
}
.icheckbox_square-aero.checked {
  background-position: -48px 0;
}
.icheckbox_square-aero.disabled {
  background-position: -72px 0;
  cursor: default;
}
.icheckbox_square-aero.checked.disabled {
  background-position: -96px 0;
}
.iradio_square-aero {
  background-position: -120px 0;
}
.iradio_square-aero.hover {
  background-position: -144px 0;
}
.iradio_square-aero.checked {
  background-position: -168px 0;
}
.iradio_square-aero.disabled {
  background-position: -192px 0;
  cursor: default;
}
.iradio_square-aero.checked.disabled {
  background-position: -216px 0;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_square-aero,
  .iradio_square-aero {
    background-image: url("../images/icheck-square/aero@2x.png");
    -webkit-background-size: 240px 24px;
    background-size: 240px 24px;
  }
}
/* grey */
.icheckbox_square-grey,
.iradio_square-grey {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  background: url("../images/icheck-square/grey.png") no-repeat;
  border: none;
  cursor: pointer;
}
.icheckbox_square-grey {
  background-position: 0 0;
}
.icheckbox_square-grey.hover {
  background-position: -24px 0;
}
.icheckbox_square-grey.checked {
  background-position: -48px 0;
}
.icheckbox_square-grey.disabled {
  background-position: -72px 0;
  cursor: default;
}
.icheckbox_square-grey.checked.disabled {
  background-position: -96px 0;
}
.iradio_square-grey {
  background-position: -120px 0;
}
.iradio_square-grey.hover {
  background-position: -144px 0;
}
.iradio_square-grey.checked {
  background-position: -168px 0;
}
.iradio_square-grey.disabled {
  background-position: -192px 0;
  cursor: default;
}
.iradio_square-grey.checked.disabled {
  background-position: -216px 0;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_square-grey,
  .iradio_square-grey {
    background-image: url("../images/icheck-square/grey@2x.png");
    -webkit-background-size: 240px 24px;
    background-size: 240px 24px;
  }
}
/* orange */
.icheckbox_square-orange,
.iradio_square-orange {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  background: url("../images/icheck-square/orange.png") no-repeat;
  border: none;
  cursor: pointer;
}
.icheckbox_square-orange {
  background-position: 0 0;
}
.icheckbox_square-orange.hover {
  background-position: -24px 0;
}
.icheckbox_square-orange.checked {
  background-position: -48px 0;
}
.icheckbox_square-orange.disabled {
  background-position: -72px 0;
  cursor: default;
}
.icheckbox_square-orange.checked.disabled {
  background-position: -96px 0;
}
.iradio_square-orange {
  background-position: -120px 0;
}
.iradio_square-orange.hover {
  background-position: -144px 0;
}
.iradio_square-orange.checked {
  background-position: -168px 0;
}
.iradio_square-orange.disabled {
  background-position: -192px 0;
  cursor: default;
}
.iradio_square-orange.checked.disabled {
  background-position: -216px 0;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_square-orange,
  .iradio_square-orange {
    background-image: url("../images/icheck-square/orange@2x.png");
    -webkit-background-size: 240px 24px;
    background-size: 240px 24px;
  }
}
/* yellow */
.icheckbox_square-yellow,
.iradio_square-yellow {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  background: url("../images/icheck-square/yellow.png") no-repeat;
  border: none;
  cursor: pointer;
}
.icheckbox_square-yellow {
  background-position: 0 0;
}
.icheckbox_square-yellow.hover {
  background-position: -24px 0;
}
.icheckbox_square-yellow.checked {
  background-position: -48px 0;
}
.icheckbox_square-yellow.disabled {
  background-position: -72px 0;
  cursor: default;
}
.icheckbox_square-yellow.checked.disabled {
  background-position: -96px 0;
}
.iradio_square-yellow {
  background-position: -120px 0;
}
.iradio_square-yellow.hover {
  background-position: -144px 0;
}
.iradio_square-yellow.checked {
  background-position: -168px 0;
}
.iradio_square-yellow.disabled {
  background-position: -192px 0;
  cursor: default;
}
.iradio_square-yellow.checked.disabled {
  background-position: -216px 0;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_square-yellow,
  .iradio_square-yellow {
    background-image: url("../images/icheck-square/yellow@2x.png");
    -webkit-background-size: 240px 24px;
    background-size: 240px 24px;
  }
}
/* pink */
.icheckbox_square-pink,
.iradio_square-pink {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  background: url("../images/icheck-square/pink.png") no-repeat;
  border: none;
  cursor: pointer;
}
.icheckbox_square-pink {
  background-position: 0 0;
}
.icheckbox_square-pink.hover {
  background-position: -24px 0;
}
.icheckbox_square-pink.checked {
  background-position: -48px 0;
}
.icheckbox_square-pink.disabled {
  background-position: -72px 0;
  cursor: default;
}
.icheckbox_square-pink.checked.disabled {
  background-position: -96px 0;
}
.iradio_square-pink {
  background-position: -120px 0;
}
.iradio_square-pink.hover {
  background-position: -144px 0;
}
.iradio_square-pink.checked {
  background-position: -168px 0;
}
.iradio_square-pink.disabled {
  background-position: -192px 0;
  cursor: default;
}
.iradio_square-pink.checked.disabled {
  background-position: -216px 0;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_square-pink,
  .iradio_square-pink {
    background-image: url("../images/icheck-square/pink@2x.png");
    -webkit-background-size: 240px 24px;
    background-size: 240px 24px;
  }
}
/* purple */
.icheckbox_square-purple,
.iradio_square-purple {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  background: url("../images/icheck-square/purple.png") no-repeat;
  border: none;
  cursor: pointer;
}
.icheckbox_square-purple {
  background-position: 0 0;
}
.icheckbox_square-purple.hover {
  background-position: -24px 0;
}
.icheckbox_square-purple.checked {
  background-position: -48px 0;
}
.icheckbox_square-purple.disabled {
  background-position: -72px 0;
  cursor: default;
}
.icheckbox_square-purple.checked.disabled {
  background-position: -96px 0;
}
.iradio_square-purple {
  background-position: -120px 0;
}
.iradio_square-purple.hover {
  background-position: -144px 0;
}
.iradio_square-purple.checked {
  background-position: -168px 0;
}
.iradio_square-purple.disabled {
  background-position: -192px 0;
  cursor: default;
}
.iradio_square-purple.checked.disabled {
  background-position: -216px 0;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
  .icheckbox_square-purple,
  .iradio_square-purple {
    background-image: url("../images/icheck-square/purple@2x.png");
    -webkit-background-size: 240px 24px;
    background-size: 240px 24px;
  }
}
/*---------------------------------
2.9 Select2 / .select2-container
----------------------------------*/
.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: 40px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-dropdown {
  background-color: white;
  border: 1px solid #ddd;
  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: 4px;
}
.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: #fff;
  filter: alpha(opacity=0);
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 40px;
}
.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: 40px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 40px;
}
.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 #ddd;
  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__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 #ddd;
  border-radius: 3px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 8px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  padding-right: 6px;
  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 #ddd 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 #ddd;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
}
.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: #17bab8;
  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 #ddd;
  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='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #17bab8;
}
.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 #ddd;
  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 #ddd;
  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 #17bab8;
}
.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='#FFFFFFFF', 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='#FFFFFFFF', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #17bab8;
}
.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 #ddd;
  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;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  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 #17bab8;
}
.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 #ddd;
  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: #17bab8;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #17bab8;
}
.select2-bootstrap-prepend .select2-container--default .select2-selection--single {
  border-radius: 0px 4px 4px 0px ;
}
.select2-search__field:focus,
.select2:focus {
  outline: 0px;
}
.select2-bootstrap-append .select2-container--default .select2-selection--single {
  border-radius: 4px 0px 0px 4px ;
}
.select2-bootstrap-append.btn-append .input-group-btn .btn {
  padding: 7px 12px 6px 12px !important;
}
/*!
 * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x
 *
 * Copyright 2013-2015 Dan Grossman ( http://www.dangrossman.info )
 * Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
 *
 * Built for http://www.improvely.com
 */
/*----------------------------------------------------
2.10 Date Rangepicker / .daterangepicker.dropdown-menu
-----------------------------------------------------*/
.daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 3000;
}
.daterangepicker.opensleft .ranges,
.daterangepicker.opensleft .calendar {
  float: left;
  margin: 4px;
}
.daterangepicker.opensright .ranges,
.daterangepicker.opensright .calendar,
.daterangepicker.openscenter .ranges,
.daterangepicker.openscenter .calendar {
  float: right;
  margin: 4px;
}
.daterangepicker.single .ranges,
.daterangepicker.single .calendar {
  float: none;
}
.daterangepicker .ranges {
  width: 160px;
  text-align: left;
}
.daterangepicker .ranges .range_inputs > div {
  float: left;
}
.daterangepicker .ranges .range_inputs > div:nth-child(2) {
  padding-left: 11px;
}
.daterangepicker .calendar {
  display: none;
  max-width: 270px;
}
.daterangepicker.show-calendar .calendar {
  display: block;
}
.daterangepicker .calendar.single .calendar-date {
  border: none;
}
.daterangepicker .calendar th,
.daterangepicker .calendar td {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  white-space: nowrap;
  text-align: center;
  min-width: 32px;
}
.daterangepicker .daterangepicker_start_input label,
.daterangepicker .daterangepicker_end_input label {
  color: #333;
  display: block;
  font-size: 11px;
  font-weight: normal;
  height: 20px;
  line-height: 20px;
  margin-bottom: 2px;
  text-shadow: #fff 1px 1px 0px;
  text-transform: uppercase;
  width: 74px;
}
.daterangepicker .ranges input {
  font-size: 11px;
}
.daterangepicker .ranges .input-mini {
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  display: block;
  font-size: 11px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  margin: 0 0 10px 0;
  padding: 0 6px;
  width: 74px;
}
.daterangepicker .ranges ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.daterangepicker .ranges li {
  font-size: 13px;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  color: #08c;
  padding: 3px 12px;
  margin-bottom: 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}
.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
  background: #08c;
  border: 1px solid #08c;
  color: #fff;
}
.daterangepicker .calendar-date {
  border: 1px solid #ddd;
  padding: 4px;
  border-radius: 4px;
  background: #fff;
}
.daterangepicker .calendar-time {
  text-align: center;
  margin: 8px auto 0 auto;
  line-height: 30px;
}
.daterangepicker {
  position: absolute;
  background: #fff;
  top: 100px;
  left: 20px;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.daterangepicker.opensleft:before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}
.daterangepicker.opensleft:after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}
.daterangepicker.openscenter:before {
  position: absolute;
  top: -7px;
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}
.daterangepicker.openscenter:after {
  position: absolute;
  top: -6px;
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}
.daterangepicker.opensright:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}
.daterangepicker.opensright:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}
.daterangepicker.dropup {
  margin-top: -5px;
}
.daterangepicker.dropup:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}
.daterangepicker.dropup:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}
.daterangepicker table {
  width: 100%;
  margin: 0;
}
.daterangepicker td,
.daterangepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
}
.daterangepicker td.off {
  color: #999;
}
.daterangepicker td.disabled,
.daterangepicker option.disabled {
  color: #999;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background: #eee;
}
.daterangepicker td.in-range {
  background: #ebf4f8;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.daterangepicker td.start-date {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.daterangepicker td.end-date {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.daterangepicker td.start-date.end-date {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: #3071a9;
  color: #fff;
}
.daterangepicker td.week,
.daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}
.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}
.daterangepicker select.yearselect {
  width: 40%;
}
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
  width: 50px;
  margin-bottom: 0;
}
.daterangepicker_start_input {
  float: left;
}
.daterangepicker_end_input {
  float: left;
  padding-left: 11px;
}
.daterangepicker th.month {
  width: auto;
}
/*---------------------------------
2.11 Datepicker / .datepicker
----------------------------------*/
.datepicker {
  border-radius: 3px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
  padding: 4px;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker > div {
  display: none;
}
.datepicker.days .datepicker-days,
.datepicker.months .datepicker-months,
.datepicker.years .datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #777777;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}
.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  color: #000000;
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:focus,
.datepicker table tr td.today:hover:focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today.focus,
.datepicker table tr td.today:hover.focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today.disabled:hover.focus,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td.today,
.open > .dropdown-toggle.datepicker table tr td.today:hover,
.open > .dropdown-toggle.datepicker table tr td.today.disabled,
.open > .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  color: #000000;
  background-color: #ffc966;
  border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td.today,
.open > .dropdown-toggle.datepicker table tr td.today:hover,
.open > .dropdown-toggle.datepicker table tr td.today.disabled,
.open > .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  background-image: none;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.today,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today.disabled,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover.disabled:hover,
.datepicker table tr td.today.disabled.disabled:hover,
.datepicker table tr td.today.disabled:hover.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
.datepicker table tr td.today:hover[disabled]:hover,
.datepicker table tr td.today.disabled[disabled]:hover,
.datepicker table tr td.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today:hover:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today:hover.disabled:focus,
.datepicker table tr td.today.disabled.disabled:focus,
.datepicker table tr td.today.disabled:hover.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today:hover[disabled]:focus,
.datepicker table tr td.today.disabled[disabled]:focus,
.datepicker table tr td.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today:hover.disabled.focus,
.datepicker table tr td.today.disabled.disabled.focus,
.datepicker table tr td.today.disabled:hover.disabled.focus,
.datepicker table tr td.today[disabled].focus,
.datepicker table tr td.today:hover[disabled].focus,
.datepicker table tr td.today.disabled[disabled].focus,
.datepicker table tr td.today.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus,
fieldset[disabled] .datepicker table tr td.today:hover.focus,
fieldset[disabled] .datepicker table tr td.today.disabled.focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover.focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today:hover.disabled:active,
.datepicker table tr td.today.disabled.disabled:active,
.datepicker table tr td.today.disabled:hover.disabled:active,
.datepicker table tr td.today[disabled]:active,
.datepicker table tr td.today:hover[disabled]:active,
.datepicker table tr td.today.disabled[disabled]:active,
.datepicker table tr td.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.today:active,
fieldset[disabled] .datepicker table tr td.today:hover:active,
fieldset[disabled] .datepicker table tr td.today.disabled:active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today:hover.disabled.active,
.datepicker table tr td.today.disabled.disabled.active,
.datepicker table tr td.today.disabled:hover.disabled.active,
.datepicker table tr td.today[disabled].active,
.datepicker table tr td.today:hover[disabled].active,
.datepicker table tr td.today.disabled[disabled].active,
.datepicker table tr td.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.today.active,
fieldset[disabled] .datepicker table tr td.today:hover.active,
fieldset[disabled] .datepicker table tr td.today.disabled.active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today .badge,
.datepicker table tr td.today:hover .badge,
.datepicker table tr td.today.disabled .badge,
.datepicker table tr td.today.disabled:hover .badge {
  color: #ffdb99;
  background-color: #000000;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background-color: #f7ca77;
  border-color: #f1a417;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:hover:focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today.focus,
.datepicker table tr td.range.today:hover.focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today.disabled:hover.focus,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td.range.today,
.open > .dropdown-toggle.datepicker table tr td.range.today:hover,
.open > .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open > .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background-color: #f4b747;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td.range.today,
.open > .dropdown-toggle.datepicker table tr td.range.today:hover,
.open > .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open > .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  background-image: none;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.range.today,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover.disabled:hover,
.datepicker table tr td.range.today.disabled.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
.datepicker table tr td.range.today:hover[disabled]:hover,
.datepicker table tr td.range.today.disabled[disabled]:hover,
.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today:hover.disabled:focus,
.datepicker table tr td.range.today.disabled.disabled:focus,
.datepicker table tr td.range.today.disabled:hover.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today:hover[disabled]:focus,
.datepicker table tr td.range.today.disabled[disabled]:focus,
.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today:hover.disabled.focus,
.datepicker table tr td.range.today.disabled.disabled.focus,
.datepicker table tr td.range.today.disabled:hover.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
.datepicker table tr td.range.today:hover[disabled].focus,
.datepicker table tr td.range.today.disabled[disabled].focus,
.datepicker table tr td.range.today.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus,
fieldset[disabled] .datepicker table tr td.range.today:hover.focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled.focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.focus,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today:hover.disabled:active,
.datepicker table tr td.range.today.disabled.disabled:active,
.datepicker table tr td.range.today.disabled:hover.disabled:active,
.datepicker table tr td.range.today[disabled]:active,
.datepicker table tr td.range.today:hover[disabled]:active,
.datepicker table tr td.range.today.disabled[disabled]:active,
.datepicker table tr td.range.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.today:active,
fieldset[disabled] .datepicker table tr td.range.today:hover:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today:hover.disabled.active,
.datepicker table tr td.range.today.disabled.disabled.active,
.datepicker table tr td.range.today.disabled:hover.disabled.active,
.datepicker table tr td.range.today[disabled].active,
.datepicker table tr td.range.today:hover[disabled].active,
.datepicker table tr td.range.today.disabled[disabled].active,
.datepicker table tr td.range.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.range.today.active,
fieldset[disabled] .datepicker table tr td.range.today:hover.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.range.today .badge,
.datepicker table tr td.range.today:hover .badge,
.datepicker table tr td.range.today.disabled .badge,
.datepicker table tr td.range.today.disabled:hover .badge {
  color: #f7ca77;
  background-color: #000000;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #777777;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected:hover:focus,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected:hover.focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.disabled:hover.focus,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td.selected,
.open > .dropdown-toggle.datepicker table tr td.selected:hover,
.open > .dropdown-toggle.datepicker table tr td.selected.disabled,
.open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #5e5e5e;
  border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td.selected,
.open > .dropdown-toggle.datepicker table tr td.selected:hover,
.open > .dropdown-toggle.datepicker table tr td.selected.disabled,
.open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  background-image: none;
}
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover.disabled:hover,
.datepicker table tr td.selected.disabled.disabled:hover,
.datepicker table tr td.selected.disabled:hover.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected:hover[disabled]:hover,
.datepicker table tr td.selected.disabled[disabled]:hover,
.datepicker table tr td.selected.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected:hover:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected:hover.disabled:focus,
.datepicker table tr td.selected.disabled.disabled:focus,
.datepicker table tr td.selected.disabled:hover.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected:hover[disabled]:focus,
.datepicker table tr td.selected.disabled[disabled]:focus,
.datepicker table tr td.selected.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected:hover.disabled.focus,
.datepicker table tr td.selected.disabled.disabled.focus,
.datepicker table tr td.selected.disabled:hover.disabled.focus,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected:hover[disabled].focus,
.datepicker table tr td.selected.disabled[disabled].focus,
.datepicker table tr td.selected.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected:hover.focus,
fieldset[disabled] .datepicker table tr td.selected.disabled.focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover.focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected:hover.disabled:active,
.datepicker table tr td.selected.disabled.disabled:active,
.datepicker table tr td.selected.disabled:hover.disabled:active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected:hover[disabled]:active,
.datepicker table tr td.selected.disabled[disabled]:active,
.datepicker table tr td.selected.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected:hover:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected:hover.disabled.active,
.datepicker table tr td.selected.disabled.disabled.active,
.datepicker table tr td.selected.disabled:hover.disabled.active,
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected:hover[disabled].active,
.datepicker table tr td.selected.disabled[disabled].active,
.datepicker table tr td.selected.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected:hover.active,
fieldset[disabled] .datepicker table tr td.selected.disabled.active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
  background-color: #777777;
  border-color: #555555;
}
.datepicker table tr td.selected .badge,
.datepicker table tr td.selected:hover .badge,
.datepicker table tr td.selected.disabled .badge,
.datepicker table tr td.selected.disabled:hover .badge {
  color: #777777;
  background-color: #ffffff;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #139c9b;
  border-color: #118684;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active:hover.focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.disabled:hover.focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td.active,
.open > .dropdown-toggle.datepicker table tr td.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active.disabled,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #0e6f6e;
  border-color: #0a4f4e;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td.active,
.open > .dropdown-toggle.datepicker table tr td.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active.disabled,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  background-image: none;
}
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.disabled,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover.disabled:hover,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active.disabled:hover.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active:hover[disabled]:hover,
.datepicker table tr td.active.disabled[disabled]:hover,
.datepicker table tr td.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:hover:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active:hover.disabled:focus,
.datepicker table tr td.active.disabled.disabled:focus,
.datepicker table tr td.active.disabled:hover.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active:hover[disabled]:focus,
.datepicker table tr td.active.disabled[disabled]:focus,
.datepicker table tr td.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active:hover.disabled.focus,
.datepicker table tr td.active.disabled.disabled.focus,
.datepicker table tr td.active.disabled:hover.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active:hover[disabled].focus,
.datepicker table tr td.active.disabled[disabled].focus,
.datepicker table tr td.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active:hover.focus,
fieldset[disabled] .datepicker table tr td.active.disabled.focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active:hover.disabled:active,
.datepicker table tr td.active.disabled.disabled:active,
.datepicker table tr td.active.disabled:hover.disabled:active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active:hover[disabled]:active,
.datepicker table tr td.active.disabled[disabled]:active,
.datepicker table tr td.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active:hover:active,
fieldset[disabled] .datepicker table tr td.active.disabled:active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active:hover.disabled.active,
.datepicker table tr td.active.disabled.disabled.active,
.datepicker table tr td.active.disabled:hover.disabled.active,
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active:hover[disabled].active,
.datepicker table tr td.active.disabled[disabled].active,
.datepicker table tr td.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active:hover.active,
fieldset[disabled] .datepicker table tr td.active.disabled.active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
  background-color: #139c9b;
  border-color: #118684;
}
.datepicker table tr td.active .badge,
.datepicker table tr td.active:hover .badge,
.datepicker table tr td.active.disabled .badge,
.datepicker table tr td.active.disabled:hover .badge {
  color: #139c9b;
  background-color: #ffffff;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #139c9b;
  border-color: #118684;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td span.active,
.open > .dropdown-toggle.datepicker table tr td span.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #0e6f6e;
  border-color: #0a4f4e;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td span.active,
.open > .dropdown-toggle.datepicker table tr td span.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  background-image: none;
}
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
  background-color: #139c9b;
  border-color: #118684;
}
.datepicker table tr td span.active .badge,
.datepicker table tr td span.active:hover .badge,
.datepicker table tr td span.active.disabled .badge,
.datepicker table tr td span.active.disabled:hover .badge {
  color: #139c9b;
  background-color: #ffffff;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #777777;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child .cw {
  cursor: default;
  background-color: transparent;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.input-daterange {
  width: 100%;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 1.846;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: solid #cccccc;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}
/*!
 * Bootstrap Colorpicker
 * http://mjolnic.github.io/bootstrap-colorpicker/
 *
 * Originally written by (c) 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0.txt
 *
 */
/*---------------------------------
2.12 Colorpicker / .colorpicker
----------------------------------*/
.colorpicker-saturation {
  width: 100px;
  height: 100px;
  background-image: url("../images/saturation.png");
  cursor: crosshair;
  float: left;
}
.colorpicker-saturation i {
  display: block;
  height: 5px;
  width: 5px;
  border: 1px solid #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  margin: -4px 0 0 -4px;
}
.colorpicker-saturation i b {
  display: block;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.colorpicker-hue,
.colorpicker-alpha {
  width: 15px;
  height: 100px;
  float: left;
  cursor: row-resize;
  margin-left: 4px;
  margin-bottom: 4px;
}
.colorpicker-hue i,
.colorpicker-alpha i {
  display: block;
  height: 1px;
  background: #000;
  border-top: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -1px;
}
.colorpicker-hue {
  background-image: url("../images/hue.png");
}
.colorpicker-alpha {
  background-image: url("../images/alpha.png");
  display: none;
}
.colorpicker-saturation,
.colorpicker-hue,
.colorpicker-alpha {
  background-size: contain;
}
.colorpicker {
  *zoom: 1;
  top: 0;
  left: 0;
  padding: 4px;
  min-width: 130px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  z-index: 8000;
}
.colorpicker:before,
.colorpicker:after {
  display: table;
  content: "";
  line-height: 0;
}
.colorpicker:after {
  clear: both;
}
.colorpicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.colorpicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.colorpicker div {
  position: relative;
}
.colorpicker.colorpicker-with-alpha {
  min-width: 140px;
}
.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
  display: block;
}
.colorpicker-color {
  height: 10px;
  margin-top: 5px;
  clear: both;
  background-image: url("../images/alpha.png");
  background-position: 0 100%;
}
.colorpicker-color div {
  height: 10px;
}
.colorpicker-element .input-group-addon i,
.colorpicker-element .add-on i {
  display: inline-block;
  cursor: pointer;
  height: 16px;
  vertical-align: text-top;
  width: 16px;
}
.colorpicker.colorpicker-inline {
  position: relative;
  display: inline-block;
  float: none;
  z-index: auto;
}
.colorpicker.colorpicker-horizontal {
  width: 110px;
  min-width: 110px;
  height: auto;
}
.colorpicker.colorpicker-horizontal .colorpicker-saturation {
  margin-bottom: 4px;
}
.colorpicker.colorpicker-horizontal .colorpicker-color {
  width: 100px;
}
.colorpicker.colorpicker-horizontal .colorpicker-hue,
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
  width: 100px;
  height: 15px;
  float: left;
  cursor: col-resize;
  margin-left: 0px;
  margin-bottom: 4px;
}
.colorpicker.colorpicker-horizontal .colorpicker-hue i,
.colorpicker.colorpicker-horizontal .colorpicker-alpha i {
  display: block;
  height: 15px;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  border: none;
  margin-top: 0px;
}
.colorpicker.colorpicker-horizontal .colorpicker-hue {
  background-image: url("../images/hue-horizontal.png");
}
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
  background-image: url("../images/alpha-horizontal.png");
}
.colorpicker.colorpicker-hidden {
  display: none;
}
.colorpicker.colorpicker-visible {
  display: block;
}
.colorpicker-inline.colorpicker-visible {
  display: inline-block;
}
.colorpicker-right:before {
  left: auto;
  right: 6px;
}
.colorpicker-right:after {
  left: auto;
  right: 7px;
}
.elem-color {
  position: relative;
  display: inline-block;
  width: 50px;
  padding: 4px;
  height: 33px;
  border-radius: 4px;
  background: #eee;
  border: #eee 1px solid;
}
/***
Spectrum Colorpicker v1.5.1
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/
.sp-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  z-index: 9999994;
  overflow: hidden;
}
.sp-container.sp-flat {
  position: relative;
}
.sp-container,
.sp-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.sp-top {
  position: relative;
  width: 100%;
  display: inline-block;
}
.sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sp-color {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 20%;
}
.sp-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 100%;
}
.sp-clear-enabled .sp-hue {
  top: 33px;
  height: 77.5%;
}
.sp-fill {
  padding-top: 80%;
}
.sp-sat,
.sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.sp-alpha-enabled .sp-top {
  margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
  display: block;
}
.sp-alpha-handle {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 6px;
  left: 50%;
  cursor: pointer;
  border: 1px solid black;
  background: white;
  opacity: .8;
}
.sp-alpha {
  display: none;
  position: absolute;
  bottom: -14px;
  right: 0;
  left: 0;
  height: 8px;
}
.sp-alpha-inner {
  border: solid 1px #333;
}
.sp-clear {
  display: none;
}
.sp-clear.sp-clear-display {
  background-position: center;
}
.sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 28px;
}
.sp-container,
.sp-replacer,
.sp-preview,
.sp-dragger,
.sp-slider,
.sp-alpha,
.sp-clear,
.sp-alpha-handle,
.sp-container.sp-dragging .sp-input,
.sp-container button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}
.sp-container.sp-input-disabled .sp-input-container {
  display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
  display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
  display: none;
}
.sp-palette-only .sp-picker-container {
  display: none;
}
.sp-palette-disabled .sp-palette-container {
  display: none;
}
.sp-initial-disabled .sp-initial {
  display: none;
}
.sp-sat {
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ffffff), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to right, #ffffff, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to top, #000000, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}
.sp-hue {
  background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
  background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}
.sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}
.sp-hidden {
  display: none !important;
}
.sp-cf:before,
.sp-cf:after {
  content: "";
  display: table;
}
.sp-cf:after {
  clear: both;
}
.sp-cf {
  *zoom: 1;
}
@media (max-device-width: 480px) {
  .sp-color {
    right: 40%;
  }
  .sp-hue {
    left: 63%;
  }
  .sp-fill {
    padding-top: 60%;
  }
}
.sp-dragger {
  border-radius: 5px;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  background: #000;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}
.sp-slider {
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 3px;
  left: -1px;
  right: -1px;
  border: 1px solid #000;
  background: white;
  opacity: .8;
}
.sp-container {
  border-radius: 0;
  background-color: #ECECEC;
  border: solid 1px #f0c49B;
  padding: 0;
}
.sp-container,
.sp-container button,
.sp-container input,
.sp-color,
.sp-hue,
.sp-clear {
  font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.sp-top {
  margin-bottom: 3px;
}
.sp-color,
.sp-hue,
.sp-clear {
  border: solid 1px #666;
}
.sp-input-container {
  float: right;
  width: 100px;
  margin-bottom: 4px;
}
.sp-initial-disabled .sp-input-container {
  width: 100%;
}
.sp-input {
  font-size: 12px !important;
  border: 1px inset;
  padding: 4px 5px;
  margin: 0;
  width: 100%;
  background: transparent;
  border-radius: 3px;
  color: #222;
}
.sp-input:focus {
  border: 1px solid orange;
}
.sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd;
}
.sp-picker-container,
.sp-palette-container {
  float: left;
  position: relative;
  padding: 10px;
  padding-bottom: 300px;
  margin-bottom: -290px;
}
.sp-picker-container {
  width: 172px;
  border-left: solid 1px #fff;
}
.sp-palette-container {
  border-right: solid 1px #ccc;
}
.sp-palette-only .sp-palette-container {
  border: 0;
}
.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  width: 24px;
  height: 15px;
  margin: 3px;
  cursor: pointer;
  border: solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover,
.sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: orange;
}
.sp-thumb-el {
  position: relative;
}
.sp-initial {
  float: left;
  border: solid 1px #333;
}
.sp-initial span {
  width: 30px;
  height: 25px;
  border: none;
  display: block;
  float: left;
  margin: 0;
}
.sp-initial .sp-clear-display {
  background-position: center;
}
.sp-palette-button-container,
.sp-button-container {
  float: right;
}
.sp-replacer:hover,
.sp-replacer.sp-active {
  color: rgba(0, 0, 0, 0.87);
}
.sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver;
}
.sp-dd {
  padding: 2px 0;
  height: 16px;
  line-height: 16px;
  float: left;
  font-size: 10px;
}
.sp-preview {
  position: relative;
  width: 25px;
  height: 20px;
  border: solid 1px #222;
  margin-right: 5px;
  float: left;
  z-index: 0;
}
.sp-palette {
  *width: 220px;
  max-width: 220px;
}
.sp-palette .sp-thumb-el {
  width: 16px;
  height: 16px;
  margin: 2px 1px;
  border: solid 1px #d0d0d0;
}
.sp-container {
  padding-bottom: 0;
}
.sp-container button {
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}
.sp-container button:hover {
  background-color: #dddddd;
  background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
  border: 1px solid #bbb;
  border-bottom: 1px solid #999;
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
  border: 1px solid #aaa;
  border-bottom: 1px solid #888;
  -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
  font-size: 11px;
  color: #d93f3f !important;
  margin: 0;
  padding: 2px;
  margin-right: 5px;
  vertical-align: middle;
  text-decoration: none;
}
.sp-cancel:hover {
  color: #d93f3f !important;
  text-decoration: underline;
}
.sp-palette span:hover,
.sp-palette span.sp-thumb-active {
  border-color: #000;
}
.sp-preview,
.sp-alpha,
.sp-thumb-el {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner,
.sp-alpha-inner,
.sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sp-palette .sp-thumb-inner {
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}
.sp-clear-display {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
/*///////////////////////*/
/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
  background-color: #e0e0e0;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  border: none;
  bottom: 0;
  cursor: pointer;
  display: block;
  outline: none;
  padding-left: 16px;
  padding-top: 13px;
  position: absolute;
  right: 0;
  top: 0;
  width: 54px;
  color: rgba(0, 0, 0, 0.56);
  -webkit-transition: color.4s;
  -moz-transition: color.4s;
  -ms-transition: color.4s;
  -o-transition: color.4s;
  transition: color.4s;
}
.j-forms .color-group input {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.j-forms .color-group {
  position: relative;
  padding-right: 70px;
  display: block;
}
.j-forms .color-group .sp-replacer {
  width: 70px;
  padding-top: 10px;
}
/*---------------------------------
2.13 Footable / .footable
----------------------------------*/
.footable {
  width: 100%;
  /** SORTING **/
  /** PAGINATION **/
}
.footable.breakpoint > tbody > tr.footable-detail-show > td {
  border-bottom: none;
}
.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\f273";
}
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
  cursor: pointer;
}
.footable.breakpoint > tbody > tr > td.footable-cell-detail {
  background: #eee;
  border-top: none;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle {
  display: inline-block;
  font-family: Material-Design-Iconic-Font;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  padding-right: 5px;
  font-size: 14px;
  color: #888888;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
  content: "\f278";
}
.footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e005";
}
.footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before {
  content: "\e004";
}
.footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e003";
}
.footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before {
  content: "\e002";
}
.footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e007";
}
.footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before {
  content: "\e006";
}
.footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e009";
}
.footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before {
  content: "\e008";
}
.footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e00f";
}
.footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before {
  content: "\e011";
}
.footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\f2f9";
}
.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before {
  content: "\e015";
}
.footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e01b";
}
.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before {
  content: "\e01d";
}
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e00b";
}
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before {
  content: "\e00d";
}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e01f";
}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before {
  content: "\e021";
}
.footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e017";
}
.footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before {
  content: "\e019";
}
.footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle {
  font-size: 18px;
}
.footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle {
  font-size: 24px;
}
.footable > thead > tr > th {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.footable > thead > tr > th.footable-sortable:hover {
  cursor: pointer;
}
.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {
  content: "\f2f9";
}
.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {
  content: "\f2fc";
}
.footable > thead > tr > th > span.footable-sort-indicator {
  display: inline-block;
  font-family: Material-Design-Iconic-Font;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  padding-left: 5px;
}
.footable > thead > tr > th > span.footable-sort-indicator:before {
  content: "\f312";
}
.footable > tfoot .pagination {
  margin: 0;
}
.footable.no-paging .hide-if-no-paging {
  display: none;
}
.footable-row-detail-inner {
  display: table;
}
.footable-row-detail-row {
  display: table-row;
  line-height: 1.5em;
}
.footable-row-detail-group {
  display: block;
  line-height: 2em;
  font-size: 1.2em;
  font-weight: bold;
}
.footable-row-detail-name {
  display: table-cell;
  font-weight: bold;
  padding-right: 0.5em;
}
.footable-row-detail-value {
  display: table-cell;
}
.footable-odd {
  background-color: #f7f7f7;
}
.status-metro {
  display: inline-block;
  padding: 2px 5px;
  color: #fff;
}
th {
  font-weight: 500;
}
div.dataTables_length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}
div.dataTables_length select {
  width: 75px;
  display: inline-block;
}
div.dataTables_filter {
  text-align: right;
}
div.dataTables_filter label {
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
}
div.dataTables_filter input {
  margin-left: 0.5em;
  display: inline-block;
  width: auto;
}
div.dataTables_info {
  padding-top: 8px;
  white-space: nowrap;
}
div.dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right;
}
div.dataTables_paginate ul.pagination {
  margin: 2px 0;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  div.dataTables_wrapper > div.row > div,
  div.dataTables_length,
  div.dataTables_filter,
  div.dataTables_info,
  div.dataTables_paginate {
    text-align: center;
  }
  div.DTTT {
    margin-bottom: 0.5em;
  }
}
table.dataTable td,
table.dataTable th {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
table.dataTable {
  clear: both;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  max-width: none !important;
}
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:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
  position: absolute;
  top: 6px;
  right: 8px;
  display: block;
  font-family: "Material-Design-Iconic-Font";
  opacity: 0.5;
  font-size: 18px;
}
table.dataTable thead .sorting:after {
  opacity: 0.2;
  content: "\f312";
  /* sort */
}
table.dataTable thead .sorting_asc:after {
  content: "\f2fc";
  /* sort-by-attributes */
}
table.dataTable thead .sorting_desc:after {
  content: "\f2f9";
  /* sort-by-attributes-alt */
}
div.dataTables_scrollBody table.dataTable thead .sorting:after,
div.dataTables_scrollBody table.dataTable thead .sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead .sorting_desc:after {
  display: none;
}
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  color: #eee;
}
table.dataTable thead > tr > th {
  padding-right: 30px;
}
table.dataTable th:active {
  outline: none;
}
/* Condensed */
table.dataTable.table-condensed thead > tr > th {
  padding-right: 20px;
}
table.dataTable.table-condensed thead .sorting:after,
table.dataTable.table-condensed thead .sorting_asc:after,
table.dataTable.table-condensed thead .sorting_desc:after {
  top: 6px;
  right: 6px;
}
/* Scrolling */
div.dataTables_scrollHead table {
  margin-bottom: 0 !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
div.dataTables_scrollHead table thead tr:last-child th:first-child,
div.dataTables_scrollHead table thead tr:last-child td:first-child {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
div.dataTables_scrollBody table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
div.dataTables_scrollBody tbody tr:first-child th,
div.dataTables_scrollBody tbody tr:first-child td {
  border-top: none;
}
div.dataTables_scrollFoot table {
  margin-top: 0 !important;
  border-top: none;
}
/* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
   width calculations when using scrolling impossible to align columns. We have
   to use separate
 */
table.table-bordered.dataTable {
  border-collapse: separate !important;
}
table.table-bordered thead th,
table.table-bordered thead td {
  border-left-width: 0;
  border-top-width: 0;
}
table.table-bordered tbody th,
table.table-bordered tbody td {
  border-left-width: 0;
  border-bottom-width: 0;
}
table.table-bordered tfoot th,
table.table-bordered tfoot td {
  border-left-width: 0;
  border-bottom-width: 0;
}
table.table-bordered th:last-child,
table.table-bordered td:last-child {
  border-right-width: 0;
}
div.dataTables_scrollHead table.table-bordered {
  border-bottom-width: 0;
}
/*
 * TableTools styles
 */
.table.dataTable tbody tr.active td,
.table.dataTable tbody tr.active th {
  background-color: #08C;
  color: white;
}
.table.dataTable tbody tr.active:hover td,
.table.dataTable tbody tr.active:hover th {
  background-color: #0075b0 !important;
}
.table.dataTable tbody tr.active th > a,
.table.dataTable tbody tr.active td > a {
  color: white;
}
.table-striped.dataTable tbody tr.active:nth-child(odd) td,
.table-striped.dataTable tbody tr.active:nth-child(odd) th {
  background-color: #017ebc;
}
table.DTTT_selectable tbody tr {
  cursor: pointer;
}
div.DTTT .btn:hover {
  text-decoration: none !important;
}
ul.DTTT_dropdown.dropdown-menu {
  z-index: 2003;
}
ul.DTTT_dropdown.dropdown-menu a {
  color: #333 !important;
  /* needed only when demo_page.css is included */
}
ul.DTTT_dropdown.dropdown-menu li {
  position: relative;
}
ul.DTTT_dropdown.dropdown-menu li:hover a {
  background-color: #0088cc;
  color: white !important;
}
div.DTTT_collection_background {
  z-index: 2002;
}
/* TableTools information display */
div.DTTT_print_info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  height: 150px;
  margin-left: -200px;
  margin-top: -75px;
  text-align: center;
  color: #333;
  padding: 10px 30px;
  opacity: 0.95;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
}
div.DTTT_print_info h6 {
  font-weight: normal;
  font-size: 28px;
  line-height: 28px;
  margin: 1em;
}
div.DTTT_print_info p {
  font-size: 14px;
  line-height: 20px;
}
div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 60px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
/*
 * FixedColumns styles
 */
div.DTFC_LeftHeadWrapper table,
div.DTFC_LeftFootWrapper table,
div.DTFC_RightHeadWrapper table,
div.DTFC_RightFootWrapper table,
table.DTFC_Cloned tr.even {
  background-color: white;
  margin-bottom: 0;
}
div.DTFC_RightHeadWrapper table,
div.DTFC_LeftHeadWrapper table {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
div.DTFC_RightBodyWrapper table,
div.DTFC_LeftBodyWrapper table {
  border-top: none;
  margin: 0 !important;
}
div.DTFC_RightBodyWrapper tbody tr:first-child th,
div.DTFC_RightBodyWrapper tbody tr:first-child td,
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
  border-top: none;
}
div.DTFC_RightFootWrapper table,
div.DTFC_LeftFootWrapper table {
  border-top: none;
  margin-top: 0 !important;
}
div.DTFC_LeftBodyWrapper table.dataTable thead .sorting:after,
div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_asc:after,
div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_desc:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting_asc:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting_desc:after {
  display: none;
}
/*
 * FixedHeader styles
 */
div.FixedHeader_Cloned table {
  margin: 0 !important;
}
/*
 * File:        TableTools.css
 * Description: Styles for TableTools 2
 * Author:      Allan Jardine (www.sprymedia.co.uk)
 * Language:    Javascript
 * License:     GPL v2 / 3 point BSD
 * Project:     DataTables
 *
 * Copyright 2009-2012 Allan Jardine, all rights reserved.
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * CSS name space:
 *   DTTT                  DataTables TableTools
 *
 * Style sheet provides:
 *   CONTAINER             TableTools container element and styles applying to all components
 *   BUTTON_STYLES         Action specific button styles
 *   SELECTING             Row selection styles
 *   COLLECTIONS           Drop down list (collection) styles
 *   PRINTING              Print display styles
 */
/*
 * CONTAINER
 * TableTools container element and styles applying to all components
 */
div.DTTT_container {
  position: relative;
  float: right;
  margin-bottom: 1em;
}
@media screen and (max-width: 640px) {
  div.DTTT_container {
    float: none !important;
    text-align: center;
  }
  div.DTTT_container:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
  }
}
button.DTTT_button,
div.DTTT_button,
a.DTTT_button {
  position: relative;
  display: inline-block;
  margin-right: 3px;
  padding: 5px 8px;
  border: 1px solid #999;
  cursor: pointer;
  *cursor: hand;
  font-size: 0.88em;
  color: black !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 3px #ccc;
  -moz-box-shadow: 1px 1px 3px #ccc;
  -ms-box-shadow: 1px 1px 3px #ccc;
  -o-box-shadow: 1px 1px 3px #ccc;
  box-shadow: 1px 1px 3px #ccc;
  /* Generated by http://www.colorzilla.com/gradient-editor/ */
  background: #ffffff;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* Opera 11.10+ */
  background: linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
  /* IE6-9 */
}
/* Buttons are cunning border-box sizing - we can't just use that for A and DIV due to IE6/7 */
button.DTTT_button {
  height: 30px;
  padding: 3px 8px;
}
.DTTT_button embed {
  outline: none;
}
button.DTTT_button:hover:not(.DTTT_disabled),
div.DTTT_button:hover:not(.DTTT_disabled),
a.DTTT_button:hover:not(.DTTT_disabled) {
  border: 1px solid #666;
  text-decoration: none !important;
  -webkit-box-shadow: 1px 1px 3px #999;
  -moz-box-shadow: 1px 1px 3px #999;
  -ms-box-shadow: 1px 1px 3px #999;
  -o-box-shadow: 1px 1px 3px #999;
  box-shadow: 1px 1px 3px #999;
  background: #f3f3f3;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
  /* Opera 11.10+ */
  background: linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4', GradientType=0);
  /* IE6-9 */
}
button.DTTT_button:focus,
div.DTTT_button:focus,
a.DTTT_button:focus {
  border: 1px solid #426c9e;
  text-shadow: 0 1px 0 #c4def1;
  outline: none;
  background-color: #a3d0ef 100%;
  background-image: -webkit-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
  background-image: -moz-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
  background-image: -ms-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
  background-image: -o-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
  background-image: linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#a3d0ef', EndColorStr='#a3d0ef');
}
button.DTTT_button:active:not(.DTTT_disabled),
div.DTTT_button:active:not(.DTTT_disabled),
a.DTTT_button:active:not(.DTTT_disabled) {
  -webkit-box-shadow: inset 1px 1px 3px #999999;
  -moz-box-shadow: inset 1px 1px 3px #999999;
  box-shadow: inset 1px 1px 3px #999999;
}
button.DTTT_disabled,
div.DTTT_disabled,
a.DTTT_disabled {
  color: #999 !important;
  border: 1px solid #d0d0d0;
  cursor: default;
  background: #ffffff;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%);
  /* Opera 11.10+ */
  background: linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0);
  /* IE6-9 */
}
/*
 * BUTTON_STYLES
 * Action specific button styles
 * If you want images - comment this back in

a.DTTT_button_csv,
a.DTTT_button_xls,
a.DTTT_button_copy,
a.DTTT_button_pdf,
a.DTTT_button_print {
	padding-right: 0px;
}

a.DTTT_button_csv span,
a.DTTT_button_xls span,
a.DTTT_button_copy span,
a.DTTT_button_pdf span,
a.DTTT_button_print span {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	padding-right: 30px;
}


a.DTTT_button_csv span { background: url(../images/csv.png) no-repeat bottom right; }
a.DTTT_button_csv:hover span { background: url(../images/csv_hover.png) no-repeat center right; }

a.DTTT_button_xls span { background: url(../images/xls.png) no-repeat center right; }
a.DTTT_button_xls:hover span { background: #f0f0f0 url(../images/xls_hover.png) no-repeat center right; }

a.DTTT_button_copy span { background: url(../images/copy.png) no-repeat center right; }
a.DTTT_button_copy:hover span { background: #f0f0f0 url(../images/copy_hover.png) no-repeat center right; }

a.DTTT_button_pdf span { background: url(../images/pdf.png) no-repeat center right; }
a.DTTT_button_pdf:hover span { background: #f0f0f0 url(../images/pdf_hover.png) no-repeat center right; }

a.DTTT_button_print span { background: url(../images/print.png) no-repeat center right; }
a.DTTT_button_print:hover span { background: #f0f0f0 url(../images/print_hover.png) no-repeat center right; }

 */
button.DTTT_button_collection span {
  padding-right: 17px;
  background: url(../images/collection.png) no-repeat center right;
}
button.DTTT_button_collection:hover span {
  padding-right: 17px;
  background: #f0f0f0 url(../images/collection_hover.png) no-repeat center right;
}
/*
 * SELECTING
 * Row selection styles
 */
table.DTTT_selectable tbody tr {
  cursor: pointer;
  *cursor: hand;
}
table.dataTable tr.DTTT_selected.odd {
  background-color: #9FAFD1;
}
table.dataTable tr.DTTT_selected.odd td.sorting_1 {
  background-color: #9FAFD1;
}
table.dataTable tr.DTTT_selected.odd td.sorting_2 {
  background-color: #9FAFD1;
}
table.dataTable tr.DTTT_selected.odd td.sorting_3 {
  background-color: #9FAFD1;
}
table.dataTable tr.DTTT_selected.even {
  background-color: #B0BED9;
}
table.dataTable tr.DTTT_selected.even td.sorting_1 {
  background-color: #B0BED9;
}
table.dataTable tr.DTTT_selected.even td.sorting_2 {
  background-color: #B0BED9;
}
table.dataTable tr.DTTT_selected.even td.sorting_3 {
  background-color: #B0BED9;
}
/*
 * COLLECTIONS
 * Drop down list (collection) styles
 */
div.DTTT_collection {
  width: 150px;
  padding: 8px 8px 4px 8px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: #f3f3f3;
  background-color: rgba(255, 255, 255, 0.3);
  overflow: hidden;
  z-index: 2002;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}
div.DTTT_collection_background {
  background: black;
  z-index: 2001;
}
div.DTTT_collection button.DTTT_button,
div.DTTT_collection div.DTTT_button,
div.DTTT_collection a.DTTT_button {
  position: relative;
  left: 0;
  right: 0;
  display: block;
  float: none;
  margin-bottom: 4px;
  -webkit-box-shadow: 1px 1px 3px #999;
  -moz-box-shadow: 1px 1px 3px #999;
  -ms-box-shadow: 1px 1px 3px #999;
  -o-box-shadow: 1px 1px 3px #999;
  box-shadow: 1px 1px 3px #999;
}
/*
 * PRINTING
 * Print display styles
 */
.DTTT_print_info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  height: 150px;
  margin-left: -200px;
  margin-top: -75px;
  text-align: center;
  color: #333;
  padding: 10px 30px;
  background: #ffffff;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* Opera 11.10+ */
  background: linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
  /* IE6-9 */
  opacity: 0.95;
  border: 1px solid black;
  border: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
}
.DTTT_print_info h6 {
  font-weight: normal;
  font-size: 28px;
  line-height: 28px;
  margin: 1em;
}
.DTTT_print_info p {
  font-size: 14px;
  line-height: 20px;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  top: 10px;
  left: 4px;
  height: 20px;
  width: 20px;
  display: block;
  position: absolute;
  color: white;
  border-radius: 3px;
  text-align: center;
  line-height: 18px;
  box-sizing: content-box;
  content: '+';
  background-color: #17bab8;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child.dataTables_empty:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child.dataTables_empty:before {
  display: none;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: '-';
  background-color: #d33333;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before {
  display: none;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
  padding-left: 27px;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
  top: 5px;
  left: 4px;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  line-height: 12px;
}
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
  position: relative;
  cursor: pointer;
}
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  top: 50%;
  left: 50%;
  height: 16px;
  width: 16px;
  margin-top: -10px;
  margin-left: -10px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 16px;
  text-align: center;
  line-height: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  content: '+';
  background-color: #17bab8;
}
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  content: '-';
  background-color: #d33333;
}
table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}
table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}
table.dataTable > tbody > tr.child ul {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
table.dataTable > tbody > tr.child ul li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}
table.dataTable > tbody > tr.child ul li:first-child {
  padding-top: 0;
}
table.dataTable > tbody > tr.child ul li:last-child {
  border-bottom: none;
}
table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}
.table-filter-header {
  padding: 25px 0px;
  border-bottom: #eee 1px solid;
}
.table-filter-header .tfh-label {
  display: block;
}
.data-action-bar .widget-header {
  margin-bottom: 0px;
}
.row-delete {
  display: inline-block;
  padding: 0px 10px;
}
.row-delete span {
  font-size: 20px !important;
}
.row-edit {
  display: inline-block;
  padding: 0px 10px;
}
.row-edit span {
  font-size: 16px !important;
}
.td-right {
  text-align: right;
}
.td-right .btn-toolbar > .btn-group {
  float: none;
}
.table .btn-toolbar {
  margin-top: -4px;
  position: relative;
  top: 1px;
}
.table > tfoot > tr > td {
  padding: 0px;
}
.table > tfoot .pagination {
  margin-bottom: 0px;
}
.table > tfoot .pagination ul {
  display: inline-block;
  padding-left: 0;
  margin: 25px 0;
  border-radius: 3px;
  margin-bottom: 0px;
}
.table > tfoot .pagination ul > li {
  display: inline;
}
.table > tfoot .pagination ul > li > a,
.table > tfoot .pagination ul > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.846;
  text-decoration: none;
  color: #139c9b;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px;
}
.table > tfoot .pagination ul > li:first-child > a,
.table > tfoot .pagination ul > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.table > tfoot .pagination ul > li:last-child > a,
.table > tfoot .pagination ul > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.table > tfoot .pagination ul > li > a:hover,
.table > tfoot .pagination ul > li > span:hover,
.table > tfoot .pagination ul > li > a:focus,
.table > tfoot .pagination ul > li > span:focus {
  color: #0b5857;
  background-color: #eeeeee;
  border-color: #dddddd;
}
.table > tfoot .pagination ul > .active > a,
.table > tfoot .pagination ul > .active > span,
.table > tfoot .pagination ul > .active > a:hover,
.table > tfoot .pagination ul > .active > span:hover,
.table > tfoot .pagination ul > .active > a:focus,
.table > tfoot .pagination ul > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #17bab8;
  border-color: #17bab8;
  cursor: default;
}
.table > tfoot .pagination ul > .disabled > span,
.table > tfoot .pagination ul > .disabled > span:hover,
.table > tfoot .pagination ul > .disabled > span:focus,
.table > tfoot .pagination ul > .disabled > a,
.table > tfoot .pagination ul > .disabled > a:hover,
.table > tfoot .pagination ul > .disabled > a:focus {
  color: #777777;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}
.table .td-profile-thumb {
  width: 30px;
  height: 30px;
  display: inline-block;
}
.table .td-profile-thumb img {
  width: 30px;
  height: 30px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.widget-wrap.material-table-widget {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.widget-wrap.material-table-widget .data-action-bar {
  padding: 0px 30px 25px 30px;
  border-bottom: #eee 1px solid;
}
.widget-wrap.material-table-widget .data-action-bar .widget-header {
  margin-bottom: 0px;
}
.widget-wrap.material-table-widget .table-filter-header {
  padding: 20px 30px 25px 30px;
  background-color: #f5f5f5;
}
.widget-wrap.material-table-widget .pagination {
  padding-left: 30px;
  padding-right: 30px;
}
.widget-wrap.material-table-widget .table thead tr > th {
  padding: 12px 15px;
}
.widget-wrap.material-table-widget .table thead tr > th:first-child {
  padding: 12px 15px 12px 30px;
}
.widget-wrap.material-table-widget .table thead tr > th:last-child {
  padding: 12px 30px 12px 15px;
}
.widget-wrap.material-table-widget .table tbody tr > td {
  padding: 12px 20px;
}
.widget-wrap.material-table-widget .table tbody tr > td:first-child {
  padding: 12px 15px 12px 30px;
}
.widget-wrap.material-table-widget .table tbody tr > td:last-child {
  padding: 12px 30px 12px 15px;
}
.widget-wrap.material-table-widget .table tfoot tr > td {
  padding: 0px;
}
.widget-wrap.material-table-widget .footable-row-detail-cell {
  padding: 12px 15px 12px 30px !important;
}
.data-tbl {
  width: 100% !important;
}
.r-label {
  padding-left: 6px;
}
.material-table-widget .dataTables_length,
.material-table-widget .dataTables_filter {
  padding: 30px 30px 0px 30px;
}
.material-table-widget .dataTables_info {
  padding: 40px 30px 0px 30px;
}
.material-table-widget .dataTables_paginate {
  padding-top: 30px;
}
.material-table-widget table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
.material-table-widget table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  top: 17px;
  left: 29px;
}
.tbl-action-toolbar > ul {
  padding: 0px;
  margin: 0px;
}
.tbl-action-toolbar > ul > li {
  list-style: none;
  display: inline-block;
}
.tbl-action-toolbar > ul > li .dropdown-menu {
  display: block;
  visibility: hidden;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(0);
  -webkit-transform: scale(0);
  transform-origin: right top;
  -webkit-transform-origin: right top;
  right: 0px;
  border: #eee 1px solid;
  margin-top: 3px;
  left: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: none;
}
.tbl-action-toolbar > ul > li .dropdown-menu > li > a {
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  padding: 6px 15px;
  color: #868686;
}
.tbl-action-toolbar > ul > li .dropdown-menu > li > a:hover,
.tbl-action-toolbar > ul > li .dropdown-menu > li > a:focus {
  color: #17bab8;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.tbl-action-toolbar > ul > li .dropdown-menu > li > a i {
  padding-right: 6px;
}
.tbl-action-toolbar > ul > li.open .dropdown-menu {
  visibility: visible;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(1);
  -webkit-transform: scale(1);
}
/*--------------------
3.0 Widgets
----------------------*/
.padding-top-2 {
  padding-top: 2px;
}
.padding-top-4 {
  padding-top: 4px;
}
.padding-top-6 {
  padding-top: 6px;
}
.padding-top-10 {
  padding-top: 10px;
}
.padding-bottom-30 {
  padding-bottom: 30px;
}
.margin-bottom-10 {
  padding-bottom: 10px;
}
.components-container {
  margin-top: 30px;
}
.components-container a {
  margin-bottom: 8px;
}
.btn-ex-container a {
  margin-bottom: 8px;
  display: block;
}
.btn-ex-container a.btn.disabled {
  height: 38px;
}
.ex-container {
  margin-top: 30px;
}
.border-right {
  border-right: #eee 1px solid;
}
.widget-wrap {
  background-color: #fff;
  margin-bottom: 30px;
  padding: 30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.widget-wrap .widget-header h1,
.widget-wrap .widget-header h2,
.widget-wrap .widget-header h3,
.widget-wrap .widget-header h4,
.widget-wrap .widget-header h5,
.widget-wrap .widget-header h6 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}
.widget-wrap .widget-header p {
  margin-top: 6px;
  margin-bottom: 0px;
  font-size: 12px;
}
.widget-wrap .widget-container {
  margin-top: 30px;
}
.widget-wrap.w-fullscreen {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 1400;
  overflow-y: auto;
}
.section-header {
  margin-bottom: 20px;
  border-bottom: #eee 1px solid;
}
.section-header h1,
.section-header h2,
.section-header h3,
.section-header h4,
.section-header h5,
.section-header h6 {
  margin-top: 0px;
  font-size: 24px;
  font-weight: 300;
}
.widget-header {
  margin-bottom: 30px;
}
.widget-header.block-header {
  border-bottom: #eee 1px solid;
  padding-bottom: 30px;
  margin-left: -30px;
  margin-right: -30px;
  padding-left: 30px;
  padding-right: 30px;
}
.widget-header .widget-action-bar {
  list-style: none;
  padding: 0px;
  margin: 0px;
  text-align: right;
}
.widget-header .widget-action-bar > li {
  display: inline-block;
}
.widget-header .widget-action-bar > li > .dropdown-menu {
  min-width: 174px !important;
  right: 47px;
  left: auto;
  top: -4px;
  display: block;
  visibility: hidden;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(0);
  -webkit-transform: scale(0);
  transform-origin: right top;
  -webkit-transform-origin: right top;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 0px !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
  margin-top: 3px;
  border: #eee 1px solid;
}
.widget-header .widget-action-bar > li > .dropdown-menu > li {
  display: inline-block;
  float: left;
}
.widget-header .widget-action-bar > li > .dropdown-menu > li > a {
  padding: 0px;
  width: 43px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  border-right: #eee 1px solid;
}
.widget-header .widget-action-bar > li > .dropdown-menu > li > a i {
  font-size: 16px;
}
.widget-header .widget-action-bar > li > .dropdown-menu > li:last-child a {
  border-right: 0px;
}
.widget-header .widget-action-bar > li.open .dropdown-menu {
  visibility: visible;
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(1);
  -webkit-transform: scale(1);
}
.widget-header .widget-action-bar > li > a {
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 47px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #868686;
  background-color: #f5f5f5;
  border: #eee 1px solid;
}
.widget-header .widget-action-bar > li > a:hover,
.widget-header .widget-action-bar > li > a:focus {
  color: #17bab8;
}
.widget-header .widget-action-bar > li > a i {
  font-size: 20px;
}
.widget-header.single-line-h {
  position: relative;
}
.widget-header.single-line-h h1,
.widget-header.single-line-h h2,
.widget-header.single-line-h h3,
.widget-header.single-line-h h4,
.widget-header.single-line-h h5,
.widget-header.single-line-h h6 {
  margin-top: 15px;
}
.w-section-header {
  margin-bottom: 20px;
  border-bottom: #eee 1px solid;
}
.w-section-header h1,
.w-section-header h2,
.w-section-header h3,
.w-section-header h4,
.w-section-header h5,
.w-section-header h6 {
  margin-top: 0px;
  font-weight: 300;
  font-size: 20px;
}
.margin-top-0 {
  margin-top: 0px !important;
}
.margin-bottom-0 {
  margin-bottom: 0px !important;
}
.td-center {
  text-align: center;
}
.td-center .btn-toolbar .btn-group {
  float: none;
}
.widget-content table {
  margin-bottom: 0px;
}
.stats-widget {
  background-color: #fff;
  margin-bottom: 30px;
  padding: 30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.stats-widget.overflow-hidden {
  overflow: hidden;
}
.stats-widget > .widget-header {
  margin-bottom: 14px;
}
.stats-widget > .widget-header h1,
.stats-widget > .widget-header h2,
.stats-widget > .widget-header h3,
.stats-widget > .widget-header h4,
.stats-widget > .widget-header h5,
.stats-widget > .widget-header h6 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}
.stats-widget > .widget-header p {
  margin-top: 6px;
  margin-bottom: 0px;
  font-size: 12px;
}
.stats-widget .sparkline {
  margin-left: -30px;
  margin-right: -32px;
  margin-bottom: -10px;
  margin-top: 20px;
}
.stats-widget .stats-chart-container {
  margin-top: 20px;
  padding: 20px 20px 30px 20px;
  margin-left: -30px;
  margin-right: -30px;
  margin-bottom: -30px;
  border-radius: 0px 0px 3px 3px;
  -webkit-border-radius: 0px 0px 3px 3px;
}
.stats-widget .stats-chart {
  height: 80px;
}
.stats-widget .widget-stats-list ul {
  margin: 0px;
  padding: 0px;
}
.stats-widget .widget-stats-list ul li {
  list-style: none;
}
.stats-widget .widget-stats-list ul li label {
  font-weight: normal;
  margin: 0px;
  color: #777;
}
#main-chart-legend,
#combine-chart-legend,
#line-chart-legend,
#multi-spline-chart-legend,
#spline-chart-legend,
#curved-line-chart-legend,
#area-chart-legend,
#reatime-chart-legend,
#pie-chart-legend {
  margin-bottom: 30px;
  margin-left: 0px;
}
#main-chart-legend .legendColorBox > div,
#combine-chart-legend .legendColorBox > div,
#line-chart-legend .legendColorBox > div,
#multi-spline-chart-legend .legendColorBox > div,
#spline-chart-legend .legendColorBox > div,
#curved-line-chart-legend .legendColorBox > div,
#area-chart-legend .legendColorBox > div,
#reatime-chart-legend .legendColorBox > div,
#pie-chart-legend .legendColorBox > div {
  border: 0px !important;
}
#main-chart-legend .legendColorBox > div > div,
#combine-chart-legend .legendColorBox > div > div,
#line-chart-legend .legendColorBox > div > div,
#multi-spline-chart-legend .legendColorBox > div > div,
#spline-chart-legend .legendColorBox > div > div,
#curved-line-chart-legend .legendColorBox > div > div,
#area-chart-legend .legendColorBox > div > div,
#reatime-chart-legend .legendColorBox > div > div,
#pie-chart-legend .legendColorBox > div > div {
  width: 14px !important;
  height: 12px !important;
  border-width: 7px !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#main-chart-legend .legendLabel,
#combine-chart-legend .legendLabel,
#line-chart-legend .legendLabel,
#multi-spline-chart-legend .legendLabel,
#spline-chart-legend .legendLabel,
#curved-line-chart-legend .legendLabel,
#area-chart-legend .legendLabel,
#reatime-chart-legend .legendLabel,
#pie-chart-legend .legendLabel {
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  padding-left: 5px;
  padding-right: 10px;
}
.main-chart-info {
  border-top: #eee 1px solid;
  margin-left: -30px;
  margin-bottom: -30px;
  margin-right: -30px;
  border-radius: 0px 0px 3px 3px;
  -webkit-border-radius: 0px 0px 3px 3px;
}
.main-chart-info ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  text-align: center;
}
.main-chart-info ul li {
  display: inline-block;
}
.main-chart-info ul li a {
  padding: 20px;
  border-right: #eee 1px solid;
  display: inline-block;
  color: #666;
}
.main-chart-info ul li a:hover,
.main-chart-info ul li a:focus {
  text-decoration: none;
}
.main-chart-info ul li:last-child a {
  border-right: 0px;
}
.main-chart-info .chart-info-icon {
  display: block;
  font-size: 18px;
}
.main-chart-info .main-chart-stat-label {
  display: block;
}
.flot-chart {
  height: 230px;
}
.tabby-analytics .nav-tabs {
  background-color: #f5f5f5;
  border-bottom: #eee 1px solid;
  margin-left: -30px;
  margin-right: -30px;
}
.tabby-analytics .nav-tabs > li > a {
  padding: 15px 30px;
}
#main-chart {
  height: 250px;
}
.MainFlotTip,
.StatsFlotTip {
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  border: rgba(0, 0, 0, 0.2) 1px solid !important;
  background-color: rgba(255, 255, 255, 0.8) !important;
}
.analytics-container {
  padding: 30px 0px;
}
.stats-meta {
  padding: 30px 0px 10px 0px;
}
.stats-meta h1,
.stats-meta h2,
.stats-meta h3,
.stats-meta h4,
.stats-meta h5,
.stats-meta h6 {
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
}
.stats-meta ul {
  list-style: none;
  margin: 0px 0px 20px 0px;
  padding: 0px;
  text-align: center;
}
.stats-meta ul li {
  font-size: 12px;
}
.stats-meta ul li a {
  display: inline-block;
  color: #666;
}
.stats-meta ul li a:hover,
.stats-meta ul li a:focus {
  text-decoration: none;
}
.regional-analytics {
  padding: 0px 0px;
  margin-left: -30px;
  margin-right: -30px;
  height: 400px;
}
.regional-map-stats {
  border-top: #eee 1px solid;
  background-color: #f9f9f9;
  padding: 0px 15px;
  border-radius: 0px 0px 3px 3px;
  -webkit-border-radius: 0px 0px 3px 3px;
  margin-left: -30px;
  margin-bottom: -30px;
  margin-right: -30px;
}
.regional-map-stats .map-stats-container {
  padding: 30px 15px;
}
.regional-map-stats h1,
.regional-map-stats h2,
.regional-map-stats h3,
.regional-map-stats h4,
.regional-map-stats h5,
.regional-map-stats h6 {
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 300;
}
.regional-map-stats .progress {
  height: 4px;
  margin-bottom: 8px;
}
.regional-map-stats .progress .progress-bar:last-child:before {
  background-color: #eee;
}
.regional-map-stats .progress .progress-bar {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.regional-map-stats .progress .progress-bar.p-most-visited {
  background-color: #039be5 !important;
}
.regional-map-stats .progress .progress-bar.p-reg-visited {
  background-color: #ef9a9a !important;
}
.regional-map-stats .progress .progress-bar.p-rep-visited {
  background-color: #ff5722 !important;
}
.regional-map-stats .visit-progress-info {
  color: #888;
  font-size: 12px;
}
.regional-map-stats .visit-progress-info .v-more,
.regional-map-stats .visit-progress-info .v-less {
  font-size: 14px;
  padding-right: 4px;
}
.regional-map-stats .visit-progress-info .v-more {
  color: #388e3c;
}
.regional-map-stats .visit-progress-info .v-less {
  color: #ff5252;
}
.regional-map-stats .visit-progress-info .v-percent {
  font-weight: 500;
  font-size: 14px;
  color: #666;
}
.activities-container {
  margin-left: -30px;
  margin-right: -30px;
  margin-bottom: -30px;
}
.activities-container .activities-list {
  margin: 0px 30px;
}
.activities-container .btn-loadmore {
  border-top: #eee 1px solid;
  padding: 20px 30px 24px 30px;
  color: #868686;
  background-color: #f5f5f5;
  text-transform: uppercase;
}
.activities-container .btn-loadmore:hover,
.activities-container .btn-loadmore:focus {
  border-top: #17bab8 1px solid;
  color: #fff;
  background-color: #17bab8;
  border-radius: 0px 0px 3px 3px;
  -webkit-border-radius: 0px 0px 3px 3px;
}
.recent-users-list {
  margin-left: -30px;
  margin-right: -30px;
  margin-bottom: -30px;
}
.recent-users-list > .individual-user {
  border-bottom: #eee 1px solid;
}
.recent-users-list > .individual-user:hover,
.recent-users-list > .individual-user:focus {
  background-color: #f9f9f9;
}
.recent-users-list .user-intro {
  display: table;
  width: 100%;
  padding: 15px 30px;
  position: relative;
}
.recent-users-list .user-intro .user-details-toggle {
  width: 30px;
  height: 30px;
  background-color: #f5f5f5;
  display: inline-block;
  position: absolute;
  top: 25px;
  right: 30px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.recent-users-list .user-intro .user-details-toggle:hover,
.recent-users-list .user-intro .user-details-toggle:focus {
  background-color: #17bab8;
  color: #fff;
  cursor: pointer;
}
.recent-users-list .user-intro .user-details-toggle:hover i,
.recent-users-list .user-intro .user-details-toggle:focus i {
  color: #fff;
}
.recent-users-list .user-intro .user-details-toggle i {
  width: 30px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  font-size: 16px;
  color: #888;
}
.recent-users-list .user-intro .user-thumb {
  width: 50px;
  height: 50px;
  display: table-cell;
  vertical-align: middle;
}
.recent-users-list .user-intro .user-thumb img {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.recent-users-list .user-intro .users-info {
  display: table-cell;
  vertical-align: middle;
  padding-right: 40px;
}
.recent-users-list .user-intro .users-info ul {
  margin: 0px;
  padding: 0px;
}
.recent-users-list .user-intro .users-info ul li {
  list-style: none;
  line-height: normal;
}
.recent-users-list .user-intro .users-info .u-name {
  font-size: 16px;
  font-weight: 300;
}
.recent-users-list .user-intro .users-info .u-name a {
  color: #444;
}
.recent-users-list .user-intro .users-info .u-name a:hover,
.recent-users-list .user-intro .users-info .u-name a:focus {
  text-decoration: none;
  color: #17bab8;
}
.recent-users-list .user-intro .users-info .u-location {
  font-size: 12px;
  color: #888;
  margin-top: 4px;
}
.recent-users-list .users-details {
  display: none;
  padding-bottom: 15px;
  margin-left: 80px;
}
.recent-users-list .users-details ul {
  margin: 0px;
  padding: 0px;
}
.recent-users-list .users-details ul li {
  list-style: none;
  line-height: normal;
  color: #666;
}
.recent-users-list .users-details ul li label {
  font-weight: 400;
  padding-right: 6px;
  text-transform: uppercase;
  font-size: 12px;
}
.recent-users-list .users-details ul li .label {
  font-size: 12px;
  color: #fff;
  text-transform: none;
}
.recent-users-list .info-expand .users-details {
  display: block;
}
.recent-users-list .btn-loadmore {
  margin-top: -1px;
  border-top: #eee 1px solid;
  padding: 20px 30px 24px 30px;
  color: #868686;
  background-color: #f5f5f5;
  text-transform: uppercase;
}
.recent-users-list .btn-loadmore:hover,
.recent-users-list .btn-loadmore:focus {
  border-top: #17bab8 1px solid;
  color: #fff;
  background-color: #17bab8;
  border-radius: 0px 0px 3px 3px;
  -webkit-border-radius: 0px 0px 3px 3px;
}
.recent-comments-list {
  margin-left: -30px;
  margin-right: -30px;
  margin-bottom: -30px;
}
.recent-comments-list .recent-comments {
  border-bottom: #eee 1px solid;
}
.recent-comments-list .recent-comment-meta {
  display: table;
  width: 100%;
  position: relative;
  padding: 15px 30px 0px 30px;
}
.recent-comments-list .recent-comment-meta .comment-user-thumb {
  display: table-cell;
  vertical-align: middle;
  width: 50px;
}
.recent-comments-list .recent-comment-meta .comment-user-thumb img {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.recent-comments-list .recent-comment-meta .comment-user-info {
  padding: 15px 0px;
  display: table-cell;
  vertical-align: middle;
}
.recent-comments-list .recent-comment-meta .comment-user-info ul {
  margin: 0px;
  padding: 0px;
}
.recent-comments-list .recent-comment-meta .comment-user-info ul li {
  list-style: none;
  line-height: normal;
  color: #666;
}
.recent-comments-list .recent-comment-meta .comment-user-info .u-name a {
  color: #444;
}
.recent-comments-list .recent-comment-meta .comment-user-info .u-name a:hover,
.recent-comments-list .recent-comment-meta .comment-user-info .u-name a:focus {
  text-decoration: none;
  color: #17bab8;
}
.recent-comments-list .recent-comment-meta .comment-user-info .p-time {
  font-size: 12px;
}
.recent-comments-list .comment-text {
  padding: 0px 30px;
  margin-bottom: 25px;
  color: #666;
  font-size: 12px;
}
.recent-comments-list .comments-reply {
  width: 30px;
  height: 30px;
  background-color: #f5f5f5;
  display: inline-block;
  position: absolute;
  top: 25px;
  right: 30px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.recent-comments-list .comments-reply:hover,
.recent-comments-list .comments-reply:focus {
  background-color: #17bab8;
  color: #fff;
  cursor: pointer;
}
.recent-comments-list .comments-reply:hover i,
.recent-comments-list .comments-reply:focus i {
  color: #fff;
}
.recent-comments-list .comments-reply i {
  width: 30px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  font-size: 16px;
  color: #888;
}
.recent-comments-list .btn-loadmore {
  margin-top: -1px;
  border-top: #eee 1px solid;
  padding: 20px 30px 24px 30px;
  color: #868686;
  background-color: #f5f5f5;
  text-transform: uppercase;
}
.recent-comments-list .btn-loadmore:hover,
.recent-comments-list .btn-loadmore:focus {
  border-top: #17bab8 1px solid;
  color: #fff;
  background-color: #17bab8;
  border-radius: 0px 0px 3px 3px;
  -webkit-border-radius: 0px 0px 3px 3px;
}
.widget-task-list {
  margin-left: -30px;
  margin-right: -30px;
  margin-bottom: -30px;
}
.widget-task-list .task-entry {
  padding: 15px 30px;
  border-bottom: #eee 1px solid;
}
.widget-task-list .task-entry .task-intro {
  display: table;
  width: 100%;
  position: relative;
}
.widget-task-list .task-entry .task-action {
  width: 30px;
  display: table-cell;
  vertical-align: middle;
}
.widget-task-list .task-entry .task-title {
  cursor: pointer;
}
.widget-task-list .task-entry .task-details {
  font-size: 12px;
  padding-top: 3px;
  display: none;
  margin-left: 30px;
}
.widget-task-list .task-entry .task-details p {
  margin-bottom: 3px;
}
.widget-task-list .task-entry .task-details .todo-date {
  margin-top: 3px;
}
.widget-task-list .task-entry .task-details .todo-date .todo-due-date i {
  padding-right: 6px;
}
.widget-task-list .task-entry.task-done {
  opacity: .7;
}
.widget-task-list .task-entry.task-done .task-title {
  text-decoration: line-through;
}
.widget-task-list .task-entry:hover,
.widget-task-list .task-entry:focus {
  background-color: #f5f5f5;
}
.widget-task-list > div:last-child {
  border-bottom: 0px;
}
.loadmask {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  -moz-opacity: 0.5;
  opacity: .50;
  filter: alpha(opacity=50);
  background-color: #333;
  width: 100%;
  height: 100%;
  zoom: 1;
}
.loadmask-msg {
  z-index: 1000;
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  margin-top: -30px;
  margin-left: -40px;
  background: transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.loadmask-msg .w-mask-label {
  float: left;
  position: relative;
  top: 4px;
}
.loadmask-msg > div {
  padding: 10px 12px;
  font-size: 13px;
  color: #fff;
  cursor: wait;
}
.masked {
  overflow: hidden !important;
}
.masked-relative {
  position: relative !important;
}
.masked-hidden {
  visibility: hidden !important;
}
.w-loader {
  width: 30px;
  float: left;
  display: inline-block;
  margin-right: 6px;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  border-left: 3px solid #17bab8;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.w-loader,
.w-loader:after {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.iconic-alert {
  display: table;
  width: 100%;
  padding: 20px 40px 20px 20px !important;
}
.iconic-alert .alerts-icon {
  display: table-cell;
  vertical-align: top;
  width: 50px;
}
.iconic-alert .alerts-icon i {
  font-size: 40px;
}
.iconic-alert .alerts-details {
  display: table-cell;
  vertical-align: top;
}
.alert h1,
.alert h2,
.alert h3,
.alert h4,
.alert h5,
.alert h6 {
  font-size: 16px;
  font-weight: 500;
}
.alert p {
  line-height: normal;
  font-size: 14px;
  margin-bottom: 0px;
}
.alert .btn {
  margin-top: 15px;
}
.apps-quick-access {
  background-color: #fff;
  padding: 30px;
  position: fixed;
  left: 0px;
  top: 60px;
  width: 100%;
  height: 230px;
  overflow-y: auto;
  z-index: 1000;
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  transform: translate(0, -100%);
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.apps-quick-access.quick-access-toggle {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.quick-access-text h1,
.quick-access-text h2,
.quick-access-text h3,
.quick-access-text h4,
.quick-access-text h5,
.quick-access-text h6 {
  margin-top: 0px;
  margin-bottom: 20px;
}
.dashboard-shortcut .apps-shortcut-container {
  border: #eee 1px solid;
}
.dashboard-shortcut h1,
.dashboard-shortcut h2,
.dashboard-shortcut h3,
.dashboard-shortcut h4,
.dashboard-shortcut h5,
.dashboard-shortcut h6 {
  margin-top: 0px;
  margin-bottom: 20px;
}
.dashboard-shortcut .apps-shortcut {
  list-style: none;
  padding: 0px;
  margin: 0px;
  margin-right: -1px;
  margin-bottom: -1px;
}
.dashboard-shortcut .apps-shortcut > li {
  width: 12.5%;
  height: 120px;
  float: left;
  display: inline-block;
}
.dashboard-shortcut .apps-shortcut > li > a {
  position: relative;
  width: 100%;
  height: 120px;
  background-color: #f9f9f9;
  border-right: #eee 1px solid;
  border-bottom: #eee 1px solid;
  color: #666;
  display: inline-block;
  float: left;
  text-align: center;
}
.dashboard-shortcut .apps-shortcut > li > a .apps-label {
  display: block;
  font-size: 12px;
}
.dashboard-shortcut .apps-shortcut > li > a .apps-noty {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  right: 7px;
  top: 6px;
  display: inline-block;
  padding: 3px 4px;
  font-size: 10px;
  background-color: #ff5252;
  position: absolute;
  font-weight: 600;
  color: #ffffff;
}
.dashboard-shortcut .apps-shortcut > li > a i {
  width: 100%;
  height: 70px;
  padding-top: 6px;
  margin-bottom: 3px;
  display: inline-block;
  line-height: 70px;
  font-size: 32px;
}
.dashboard-shortcut .apps-shortcut > li > a:hover,
.dashboard-shortcut .apps-shortcut > li > a:focus,
.dashboard-shortcut .apps-shortcut > li > a:active,
.dashboard-shortcut .apps-shortcut > li > a.active {
  background-color: #f1f1f1;
  color: #17bab8;
  text-decoration: none;
}
.spark-line-chart {
  position: relative;
}
.jqstooltip {
  border: 0px #000 solid !important;
  background-color: #353535 !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.jqstooltip * {
  font-size: 12px !important;
}
.spark-header {
  margin-top: 10px;
  font-size: 20px;
}
#nvd-barline-chart svg {
  height: 400px;
  width: 100%;
}
.nvd3-chart {
  margin: 0px;
  padding: 0px;
  height: 400px !important;
  width: 100%;
}
.nvd3-chart svg {
  display: block;
  margin: 0px;
  padding: 0px;
  height: 400px;
  width: 100%;
}
.dashed {
  stroke-dasharray: 3,3;
}
.canvas-container {
  text-align: center;
}
#js-line-chart-legend,
#js-curved-line-legend {
  margin-bottom: 20px;
}
#js-line-chart-legend ul,
#js-curved-line-legend ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
#js-line-chart-legend ul li > span,
#js-curved-line-legend ul li > span {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 6px;
  position: relative;
  top: 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.fc-row.fc-rigid {
  overflow: visible !important;
}
.fc-view-container .fc-widget-header tr th {
  padding: 15px 0px;
  background-color: #f5f5f5;
}
.fc-view-container .popover {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  z-index: 800;
}
.fc-toolbar {
  margin-bottom: 30px !important;
}
.select-cal-view {
  text-align: center;
}
.fc-day-grid-event {
  margin: 1px 2px 0 !important;
  padding: 4px 6px !important;
  font-size: 12px !important;
  font-weight: 400;
}
.calendar-toolbar {
  padding-bottom: 30px;
}
/*
  Docs at http://http://simpleweatherjs.com

  Look inspired by http://www.degreees.com/
  Used for demo purposes.

  Weather icon font from http://fonts.artill.de/collection/artill-weather-icons

  DO NOT hotlink the assets/font included in this demo. If you wish to use the same font icon then download it to your local assets at the link above. If you use the links below odds are at some point they will be removed and your version will break.
*/
@font-face {
  font-family: 'weather';
  src: url('../fonts/artill_clean_icons-webfont.eot');
  src: url('../fonts/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/artill_clean_icons-webfont.woff') format('woff'), url('../fonts/artill_clean_icons-webfont.ttf') format('truetype'), url('../fonts/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.weather-widget {
  background-color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 30px;
}
.weather-widget-wall {
  text-align: center;
  color: #fff;
  padding: 30px;
  border-radius: 4px 4px 0px 0px;
  -webkit-border-radius: 4px 4px 0px 0px;
}
.weather-widget-wall .weather-icon {
  margin: 30px auto;
  display: inline-block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.weather-widget-wall .weather-icon i {
  font-family: weather;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: normal !important;
  font-size: 150px;
  line-height: normal;
  position: relative;
}
.forecast .sun-r-s {
  padding: 10px 30px;
  text-align: center;
  border-bottom: #eee 1px solid;
  background-color: #f9f9f9;
  color: #666;
}
.forecast .sun-r-s > span {
  padding-right: 10px;
}
.forecast .sun-r-s label {
  text-transform: uppercase;
  font-weight: 400;
  margin: 0px;
}
.forecast > ul {
  padding: 0px 15px;
  margin: 0px;
  list-style: none;
  text-align: center;
}
.forecast > ul > li {
  padding: 15px 24px;
  display: inline-block;
  text-align: center;
  border-right: rgba(0, 0, 0, 0.08) 1px solid;
  color: #666;
}
.forecast > ul > li:last-child {
  border-right: 0px;
}
.forecast > ul > li > span {
  display: block;
  text-align: center;
  text-transform: capitalize;
}
.forecast .day-w-icon i {
  font-family: weather;
  font-weight: normal;
  font-style: normal;
  font-size: 32px;
  line-height: normal;
}
.temperature {
  display: table;
  width: 100%;
}
.temperature .date-time {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
}
.temperature .date-time > span {
  display: block;
  text-align: center;
}
.temperature .w-meter {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.temperature .w-meter > span {
  width: 50%;
  line-height: normal;
  display: table-cell;
  vertical-align: middle;
}
.temperature .temperature-f {
  font-size: 44px;
}
.temperature .temperature-c {
  font-size: 20px;
}
.icon-0:before {
  content: ":";
}
.icon-1:before {
  content: "p";
}
.icon-2:before {
  content: "S";
}
.icon-3:before {
  content: "Q";
}
.icon-4:before {
  content: "S";
}
.icon-5:before {
  content: "W";
}
.icon-6:before {
  content: "W";
}
.icon-7:before {
  content: "W";
}
.icon-8:before {
  content: "W";
}
.icon-9:before {
  content: "I";
}
.icon-10:before {
  content: "W";
}
.icon-11:before {
  content: "I";
}
.icon-12:before {
  content: "I";
}
.icon-13:before {
  content: "I";
}
.icon-14:before {
  content: "I";
}
.icon-15:before {
  content: "W";
}
.icon-16:before {
  content: "I";
}
.icon-17:before {
  content: "W";
}
.icon-18:before {
  content: "U";
}
.icon-19:before {
  content: "Z";
}
.icon-20:before {
  content: "Z";
}
.icon-21:before {
  content: "Z";
}
.icon-22:before {
  content: "Z";
}
.icon-23:before {
  content: "Z";
}
.icon-24:before {
  content: "E";
}
.icon-25:before {
  content: "E";
}
.icon-26:before {
  content: "3";
}
.icon-27:before {
  content: "a";
}
.icon-28:before {
  content: "A";
}
.icon-29:before {
  content: "a";
}
.icon-30:before {
  content: "A";
}
.icon-31:before {
  content: "6";
}
.icon-32:before {
  content: "1";
}
.icon-33:before {
  content: "6";
}
.icon-34:before {
  content: "1";
}
.icon-35:before {
  content: "W";
}
.icon-36:before {
  content: "1";
}
.icon-37:before {
  content: "S";
}
.icon-38:before {
  content: "S";
}
.icon-39:before {
  content: "S";
}
.icon-40:before {
  content: "M";
}
.icon-41:before {
  content: "W";
}
.icon-42:before {
  content: "I";
}
.icon-43:before {
  content: "W";
}
.icon-44:before {
  content: "a";
}
.icon-45:before {
  content: "S";
}
.icon-46:before {
  content: "U";
}
.icon-47:before {
  content: "S";
}
.theme-switcher {
  width: 270px;
  -webkit-transform: translate(270px, 0);
  -moz-transform: translate(270px, 0);
  -o-transform: translate(270px, 0);
  -ms-transform: translate(270px, 0);
  transform: translate(270px, 0);
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  background-color: #fff;
  height: 100%;
  position: fixed;
  right: 0px;
  top: 0px;
  z-index: 800;
  border-left: #eee 1px solid;
  padding-top: 60px;
  padding-left: 25px;
}
.theme-switcher.theme-switcher-toggle {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.theme-switcher .theme-switcher-icon {
  cursor: pointer;
  width: 44px;
  height: 44px;
  border-left: #eee 1px solid;
  border-top: #eee 1px solid;
  border-bottom: #eee 1px solid;
  display: inline-block;
  background-color: #fff;
  position: absolute;
  left: -44px;
  top: 154px;
  z-index: 700;
}
.theme-switcher .theme-switcher-icon i {
  width: 44px;
  height: 44px;
  display: inline-block;
  line-height: 42px;
  font-size: 24px;
  text-align: center;
}
.theme-switcher .sw-layout-styles {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.theme-switcher .sw-layout-styles > li {
  padding: 5px 0px;
  display: block;
}
.theme-switcher .sw-layout-styles > li a {
  display: block;
}
.theme-switcher .layout-switch {
  margin-right: 15px;
}
.theme-switcher .switch-theme-colors {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.theme-switcher .switch-theme-colors > li .l-t-colors {
  margin-right: 10px;
  margin-bottom: 10px;
  width: 108px;
  height: 30px;
  position: relative;
}
.theme-switcher .switch-theme-colors > li .l-t-colors > span {
  width: 54px;
  height: 30px;
  display: block;
  position: absolute;
}
.theme-switcher .switch-theme-colors > li .l-t-colors > span.primary-t-color {
  left: 0px;
  top: 0px;
  background-color: #ddd;
}
.theme-switcher .switch-theme-colors > li .l-t-colors > span.sec-t-color {
  right: 0px;
  top: 0px;
  background-color: #aaa;
}
.t-sw-color {
  cursor: pointer;
}
/*---------------------
4.0 Plugins
-----------------------*/
.noty_animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.activity-item i {
  float: left;
  height: 30px;
  width: 30px;
  display: inline-block;
  margin-top: 3px;
  font-size: 24px;
}
.activity-item i.text-warning,
.activity-item i.text-error,
.activity-item i.text-info,
.activity-item i.text-success {
  color: #fff;
}
div.activity {
  margin-left: 40px;
  font-size: 13px;
  color: #444;
  font-weight: 400;
  line-height: normal;
}
div.activity a {
  font-weight: 500;
  color: #666;
}
div.activity a:hover,
div.activity a:focus {
  color: #333;
  text-decoration: none;
}
div.activity span {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  color: #666;
}
.ThemeNoty {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  position: relative;
  margin-bottom: 10px;
}
.ThemeNoty.noty_container_type_alert {
  background-color: #eceff1;
}
.ThemeNoty.noty_container_type_information {
  background-color: #b2dfdb;
}
.ThemeNoty.noty_container_type_error {
  background-color: #ffcdd2;
}
.ThemeNoty.noty_container_type_warning {
  background-color: #ffe0b2;
}
.ThemeNoty.noty_container_type_success {
  background-color: #c8e6c9;
}
.ThemeNoty.noty_container_type_confirm {
  background-color: #81c784;
}
.ThemeNoty .noty_message {
  padding: 15px 15px;
  border: rgba(0, 0, 0, 0.05) 1px solid;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 10px rgba(0, 0, 0, 0.12);
}
.ThemeNoty .noty_buttons {
  padding: 15px 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  background-color: rgba(0, 0, 0, 0.05);
}
.ThemeNoty .noty_buttons button {
  margin-right: 15px;
}
.ThemeNoty .noty_close {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 10px;
  height: 10px;
  visibility: hidden;
  opacity: 0.5;
  cursor: pointer;
}
.ThemeNoty:hover > .noty_bar > .noty_message > .noty_close {
  visibility: visible;
}
.noty_modal.ThemeNoty {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000;
  opacity: 0.6;
  display: none;
  border: none;
  left: 0;
  top: 0;
}
.ex-noty {
  margin-bottom: 10px !important;
}
svg {
  touch-action: none;
}
.jvectormap-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  touch-action: none;
}
.jvectormap-tip {
  position: absolute;
  display: none;
  border: solid 1px rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 3px 10px;
  font-size: 12px;
}
.jvectormap-zoomin,
.jvectormap-zoomout,
.jvectormap-goback {
  position: absolute;
  left: 0px;
  border-radius: 2px;
  background: #f5f5f5;
  border: #eee 1px solid;
  padding: 3px;
  color: #17bab8;
  cursor: pointer;
  line-height: 20px;
  text-align: center;
  box-sizing: content-box;
}
.jvectormap-zoomin,
.jvectormap-zoomout {
  width: 20px;
  height: 20px;
}
.jvectormap-zoomin:hover,
.jvectormap-zoomout:hover {
  background: #17bab8;
  border: #17bab8 1px solid;
  color: #fff;
}
.jvectormap-zoomin {
  top: 30px;
  left: 30px;
}
.jvectormap-zoomout {
  top: 30px;
  left: 60px;
}
.jvectormap-goback {
  bottom: 10px;
  z-index: 1000;
  padding: 6px;
}
.jvectormap-spinner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
}
.jvectormap-legend-title {
  font-weight: bold;
  font-size: 14px;
  text-align: center;
}
.jvectormap-legend-cnt {
  position: absolute;
}
.jvectormap-legend-cnt-h {
  bottom: 0;
  right: 0;
}
.jvectormap-legend-cnt-v {
  top: 0;
  right: 0;
}
.jvectormap-legend {
  background: black;
  color: white;
  border-radius: 3px;
}
.jvectormap-legend-cnt-h .jvectormap-legend {
  float: left;
  margin: 0 10px 10px 0;
  padding: 3px 3px 1px 3px;
}
.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
  float: left;
}
.jvectormap-legend-cnt-v .jvectormap-legend {
  margin: 10px 10px 0 0;
  padding: 3px;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick {
  width: 40px;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
  height: 15px;
}
.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}
.jvectormap-legend-tick-text {
  font-size: 12px;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
  text-align: center;
}
.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  padding-left: 3px;
}
/* nvd3 version 1.8.1-dev (https://github.com/novus/nvd3) 2015-08-25 */
.nvd3 .nv-axis {
  pointer-events: none;
  opacity: 1;
}
.nvd3 .nv-axis path {
  fill: none;
  stroke: #000;
  stroke-opacity: .75;
  shape-rendering: crispEdges;
}
.nvd3 .nv-axis path.domain {
  stroke-opacity: .75;
}
.nvd3 .nv-axis.nv-x path.domain {
  stroke-opacity: 0;
}
.nvd3 .nv-axis line {
  fill: none;
  stroke: #e5e5e5;
  shape-rendering: crispEdges;
}
.nvd3 .nv-axis .zero line,
.nvd3 .nv-axis line.zero {
  stroke-opacity: .75;
}
.nvd3 .nv-axis .nv-axisMaxMin text {
  font-weight: bold;
}
.nvd3 .x .nv-axis .nv-axisMaxMin text,
.nvd3 .x2 .nv-axis .nv-axisMaxMin text,
.nvd3 .x3 .nv-axis .nv-axisMaxMin text {
  text-anchor: middle;
}
.nvd3 .nv-axis.nv-disabled {
  opacity: 0;
}
.nvd3 .nv-bars rect {
  fill-opacity: .75;
  transition: fill-opacity 250ms linear;
  -moz-transition: fill-opacity 250ms linear;
  -webkit-transition: fill-opacity 250ms linear;
}
.nvd3 .nv-bars rect.hover {
  fill-opacity: 1;
}
.nvd3 .nv-bars .hover rect {
  fill: lightblue;
}
.nvd3 .nv-bars text {
  fill: rgba(0, 0, 0, 0);
}
.nvd3 .nv-bars .hover text {
  fill: #000000;
}
.nvd3 .nv-multibar .nv-groups rect,
.nvd3 .nv-multibarHorizontal .nv-groups rect,
.nvd3 .nv-discretebar .nv-groups rect {
  stroke-opacity: 0;
  transition: fill-opacity 250ms linear;
  -moz-transition: fill-opacity 250ms linear;
  -webkit-transition: fill-opacity 250ms linear;
}
.nvd3 .nv-multibar .nv-groups rect:hover,
.nvd3 .nv-multibarHorizontal .nv-groups rect:hover,
.nvd3 .nv-candlestickBar .nv-ticks rect:hover,
.nvd3 .nv-discretebar .nv-groups rect:hover {
  fill-opacity: 1;
}
.nvd3 .nv-discretebar .nv-groups text,
.nvd3 .nv-multibarHorizontal .nv-groups text {
  font-weight: bold;
  fill: #000000;
  stroke: rgba(0, 0, 0, 0);
}
/* boxplot CSS */
.nvd3 .nv-boxplot circle {
  fill-opacity: 0.5;
}
.nvd3 .nv-boxplot circle:hover {
  fill-opacity: 1;
}
.nvd3 .nv-boxplot rect:hover {
  fill-opacity: 1;
}
.nvd3 line.nv-boxplot-median {
  stroke: black;
}
.nv-boxplot-tick:hover {
  stroke-width: 2.5px;
}
/* bullet */
.nvd3.nv-bullet {
  font: 10px sans-serif;
}
.nvd3.nv-bullet .nv-measure {
  fill-opacity: .8;
}
.nvd3.nv-bullet .nv-measure:hover {
  fill-opacity: 1;
}
.nvd3.nv-bullet .nv-marker {
  stroke: #000;
  stroke-width: 2px;
}
.nvd3.nv-bullet .nv-markerTriangle {
  stroke: #000;
  fill: #fff;
  stroke-width: 1.5px;
}
.nvd3.nv-bullet .nv-tick line {
  stroke: #666;
  stroke-width: .5px;
}
.nvd3.nv-bullet .nv-range.nv-s0 {
  fill: #eee;
}
.nvd3.nv-bullet .nv-range.nv-s1 {
  fill: #ddd;
}
.nvd3.nv-bullet .nv-range.nv-s2 {
  fill: #ccc;
}
.nvd3.nv-bullet .nv-title {
  font-size: 14px;
  font-weight: bold;
}
.nvd3.nv-bullet .nv-subtitle {
  fill: #999;
}
.nvd3.nv-bullet .nv-range {
  fill: #bababa;
  fill-opacity: .4;
}
.nvd3.nv-bullet .nv-range:hover {
  fill-opacity: .7;
}
.nvd3.nv-candlestickBar .nv-ticks .nv-tick {
  stroke-width: 1px;
}
.nvd3.nv-candlestickBar .nv-ticks .nv-tick.hover {
  stroke-width: 2px;
}
.nvd3.nv-candlestickBar .nv-ticks .nv-tick.positive rect {
  stroke: #2ca02c;
  fill: #2ca02c;
}
.nvd3.nv-candlestickBar .nv-ticks .nv-tick.negative rect {
  stroke: #d62728;
  fill: #d62728;
}
.with-transitions .nv-candlestickBar .nv-ticks .nv-tick {
  transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
  -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
  -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
}
.nvd3.nv-candlestickBar .nv-ticks line {
  stroke: #333;
}
.nvd3 .nv-legend .nv-disabled rect {
  /*fill-opacity: 0;*/
}
.nvd3 .nv-check-box .nv-box {
  fill-opacity: 0;
  stroke-width: 2;
}
.nvd3 .nv-check-box .nv-check {
  fill-opacity: 0;
  stroke-width: 4;
}
.nvd3 .nv-series.nv-disabled .nv-check-box .nv-check {
  fill-opacity: 0;
  stroke-opacity: 0;
}
.nvd3 .nv-controlsWrap .nv-legend .nv-check-box .nv-check {
  opacity: 0;
}
/* line plus bar */
.nvd3.nv-linePlusBar .nv-bar rect {
  fill-opacity: .75;
}
.nvd3.nv-linePlusBar .nv-bar rect:hover {
  fill-opacity: 1;
}
.nvd3 .nv-groups path.nv-line {
  fill: none;
}
.nvd3 .nv-groups path.nv-area {
  stroke: none;
}
.nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
  fill-opacity: 0;
  stroke-opacity: 0;
}
.nvd3.nv-scatter.nv-single-point .nv-groups .nv-point {
  fill-opacity: .5 !important;
  stroke-opacity: .5 !important;
}
.with-transitions .nvd3 .nv-groups .nv-point {
  transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
  -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
  -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
}
.nvd3.nv-scatter .nv-groups .nv-point.hover,
.nvd3 .nv-groups .nv-point.hover {
  stroke-width: 7px;
  fill-opacity: .95 !important;
  stroke-opacity: .95 !important;
}
.nvd3 .nv-point-paths path {
  stroke: #aaa;
  stroke-opacity: 0;
  fill: #eee;
  fill-opacity: 0;
}
.nvd3 .nv-indexLine {
  cursor: ew-resize;
}
/********************
 * SVG CSS
 */
/********************
  Default CSS for an svg element nvd3 used
*/
svg.nvd3-svg {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: block;
  width: 100%;
  height: 100%;
}
/********************
  Box shadow and border radius styling
*/
.nvtooltip.with-3d-shadow,
.with-3d-shadow .nvtooltip {
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.nvd3 text {
  font: normal 12px Arial;
}
.nvd3 .title {
  font: bold 14px Arial;
}
.nvd3 .nv-background {
  fill: white;
  fill-opacity: 0;
}
.nvd3.nv-noData {
  font-size: 18px;
  font-weight: bold;
}
/**********
*  Brush
*/
.nv-brush .extent {
  fill-opacity: .125;
  shape-rendering: crispEdges;
}
.nv-brush .resize path {
  fill: #eee;
  stroke: #666;
}
/**********
*  Legend
*/
.nvd3 .nv-legend .nv-series {
  cursor: pointer;
}
.nvd3 .nv-legend .nv-disabled circle {
  fill-opacity: 0;
}
/* focus */
.nvd3 .nv-brush .extent {
  fill-opacity: 0 !important;
}
.nvd3 .nv-brushBackground rect {
  stroke: #000;
  stroke-width: .4;
  fill: #fff;
  fill-opacity: .7;
}
.nvd3.nv-ohlcBar .nv-ticks .nv-tick {
  stroke-width: 1px;
}
.nvd3.nv-ohlcBar .nv-ticks .nv-tick.hover {
  stroke-width: 2px;
}
.nvd3.nv-ohlcBar .nv-ticks .nv-tick.positive {
  stroke: #2ca02c;
}
.nvd3.nv-ohlcBar .nv-ticks .nv-tick.negative {
  stroke: #d62728;
}
.nvd3 .background path {
  fill: none;
  stroke: #EEE;
  stroke-opacity: .4;
  shape-rendering: crispEdges;
}
.nvd3 .foreground path {
  fill: none;
  stroke-opacity: .7;
}
.nvd3 .nv-parallelCoordinates-brush .extent {
  fill: #fff;
  fill-opacity: .6;
  stroke: gray;
  shape-rendering: crispEdges;
}
.nvd3 .nv-parallelCoordinates .hover {
  fill-opacity: 1;
  stroke-width: 3px;
}
.nvd3 .missingValuesline line {
  fill: none;
  stroke: black;
  stroke-width: 1;
  stroke-opacity: 1;
  stroke-dasharray: 5, 5;
}
.nvd3.nv-pie path {
  stroke-opacity: 0;
  transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
  -moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
  -webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
}
.nvd3.nv-pie .nv-pie-title {
  font-size: 24px;
  fill: rgba(19, 196, 249, 0.59);
}
.nvd3.nv-pie .nv-slice text {
  stroke: #000;
  stroke-width: 0;
}
.nvd3.nv-pie path {
  stroke: #fff;
  stroke-width: 1px;
  stroke-opacity: 1;
}
.nvd3.nv-pie .hover path {
  fill-opacity: .7;
}
.nvd3.nv-pie .nv-label {
  pointer-events: none;
}
.nvd3.nv-pie .nv-label rect {
  fill-opacity: 0;
  stroke-opacity: 0;
}
/* scatter */
.nvd3 .nv-groups .nv-point.hover {
  stroke-width: 20px;
  stroke-opacity: .5;
}
.nvd3 .nv-scatter .nv-point.hover {
  fill-opacity: 1;
}
.nv-noninteractive {
  pointer-events: none;
}
.nv-distx,
.nv-disty {
  pointer-events: none;
}
/* sparkline */
.nvd3.nv-sparkline path {
  fill: none;
}
.nvd3.nv-sparklineplus g.nv-hoverValue {
  pointer-events: none;
}
.nvd3.nv-sparklineplus .nv-hoverValue line {
  stroke: #333;
  stroke-width: 1.5px;
}
.nvd3.nv-sparklineplus,
.nvd3.nv-sparklineplus g {
  pointer-events: all;
}
.nvd3 .nv-hoverArea {
  fill-opacity: 0;
  stroke-opacity: 0;
}
.nvd3.nv-sparklineplus .nv-xValue,
.nvd3.nv-sparklineplus .nv-yValue {
  stroke-width: 0;
  font-size: .9em;
  font-weight: normal;
}
.nvd3.nv-sparklineplus .nv-yValue {
  stroke: #f66;
}
.nvd3.nv-sparklineplus .nv-maxValue {
  stroke: #2ca02c;
  fill: #2ca02c;
}
.nvd3.nv-sparklineplus .nv-minValue {
  stroke: #d62728;
  fill: #d62728;
}
.nvd3.nv-sparklineplus .nv-currentValue {
  font-weight: bold;
  font-size: 1.1em;
}
/* stacked area */
.nvd3.nv-stackedarea path.nv-area {
  fill-opacity: .7;
  stroke-opacity: 0;
  transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
  -moz-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
  -webkit-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
}
.nvd3.nv-stackedarea path.nv-area.hover {
  fill-opacity: .9;
}
.nvd3.nv-stackedarea .nv-groups .nv-point {
  stroke-opacity: 0;
  fill-opacity: 0;
}
.nvtooltip {
  position: absolute;
  background-color: #ffffff;
  color: #000000;
  padding: 1px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  z-index: 10000;
  display: block;
  font-family: Arial;
  font-size: 13px;
  text-align: left;
  pointer-events: none;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.nvtooltip {
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 4px;
}
/*Give tooltips that old fade in transition by
    putting a "with-transitions" class on the container div.
*/
.nvtooltip.with-transitions,
.with-transitions .nvtooltip {
  transition: opacity 50ms linear;
  -moz-transition: opacity 50ms linear;
  -webkit-transition: opacity 50ms linear;
  transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
}
.nvtooltip.x-nvtooltip,
.nvtooltip.y-nvtooltip {
  padding: 8px;
}
.nvtooltip h3 {
  margin: 0;
  padding: 4px 14px;
  line-height: 18px;
  font-weight: normal;
  background-color: rgba(247, 247, 247, 0.75);
  color: #000000;
  text-align: center;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.nvtooltip p {
  margin: 0;
  padding: 5px 14px;
  text-align: center;
}
.nvtooltip span {
  display: inline-block;
  margin: 2px 0;
}
.nvtooltip table {
  margin: 6px;
  border-spacing: 0;
}
.nvtooltip table td {
  padding: 2px 9px 2px 0;
  vertical-align: middle;
}
.nvtooltip table td.key {
  font-weight: normal;
}
.nvtooltip table td.key.total {
  font-weight: bold;
}
.nvtooltip table td.value {
  text-align: right;
  font-weight: bold;
}
.nvtooltip table tr.highlight td {
  padding: 1px 9px 1px 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-top-width: 1px;
}
.nvtooltip table td.legend-color-guide div {
  width: 8px;
  height: 8px;
  vertical-align: middle;
}
.nvtooltip table td.legend-color-guide div {
  width: 12px;
  height: 12px;
  border: 1px solid #999;
}
.nvtooltip .footer {
  padding: 3px;
  text-align: center;
}
.nvtooltip-pending-removal {
  pointer-events: none;
  display: none;
}
/****
Interactive Layer
*/
.nvd3 .nv-interactiveGuideLine {
  pointer-events: none;
}
.nvd3 line.nv-guideline {
  stroke: #ccc;
}
body.stop-scrolling {
  height: 100%;
  overflow: hidden;
}
.sweet-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000;
}
.sweet-alert {
  background-color: white;
  font-family: 'Roboto', sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 4px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999;
}
@media all and (max-width: 540px) {
  .sweet-alert {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    left: 15px;
    right: 15px;
  }
}
.sweet-alert h2 {
  color: #575757;
  font-size: 30px;
  text-align: center;
  font-weight: 300;
  text-transform: none;
  position: relative;
  margin: 20px 0;
  padding: 0;
  line-height: 40px;
  display: block;
}
.sweet-alert p {
  color: #797979;
  font-size: 14px;
  text-align: center;
  font-weight: 400;
  position: relative;
  text-align: inherit;
  float: none;
  margin: 0;
  padding: 0;
  line-height: normal;
}
.sweet-alert fieldset {
  border: none;
  position: relative;
}
.sweet-alert .sa-error-container {
  background-color: #ffebee;
  margin-left: -17px;
  margin-right: -17px;
  overflow: hidden;
  padding: 0 10px;
  max-height: 0;
  webkit-transition: padding 0.15s, max-height 0.15s;
  transition: padding 0.15s, max-height 0.15s;
}
.sweet-alert .sa-error-container.show {
  padding: 10px 0;
  max-height: 100px;
  webkit-transition: padding 0.2s, max-height 0.2s;
  transition: padding 0.25s, max-height 0.25s;
}
.sweet-alert .sa-error-container .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ea7d7d;
  color: white;
  line-height: 24px;
  text-align: center;
  margin-right: 3px;
}
.sweet-alert .sa-error-container p {
  display: inline-block;
}
.sweet-alert .sa-input-error {
  position: absolute;
  top: 23px;
  right: 14px;
  width: 20px;
  height: 20px;
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.sweet-alert .sa-input-error::before,
.sweet-alert .sa-input-error::after {
  content: "";
  width: 20px;
  height: 6px;
  background-color: #f06e57;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 50%;
  margin-left: -9px;
}
.sweet-alert .sa-input-error::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.sweet-alert .sa-input-error::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sweet-alert .sa-input-error.show {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.sweet-alert input {
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  height: 43px;
  margin-top: 10px;
  margin-bottom: 17px;
  font-size: 18px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
  padding: 0 12px;
  display: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.sweet-alert input:focus {
  outline: none;
  box-shadow: 0px 0px 3px #c4e6f5;
  border: 1px solid #b4dbed;
}
.sweet-alert input:focus::-moz-placeholder {
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5;
}
.sweet-alert input:focus:-ms-input-placeholder {
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5;
}
.sweet-alert input:focus::-webkit-input-placeholder {
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5;
}
.sweet-alert input::-moz-placeholder {
  color: #bdbdbd;
}
.sweet-alert input:-ms-input-placeholder {
  color: #bdbdbd;
}
.sweet-alert input::-webkit-input-placeholder {
  color: #bdbdbd;
}
.sweet-alert.show-input input {
  display: block;
}
.sweet-alert button {
  background-color: #81d4fa;
  color: white;
  border: none;
  box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 10px 32px;
  margin: 26px 5px 0 5px;
  cursor: pointer;
  box-shadow: none !important;
}
.sweet-alert button:focus {
  outline: none;
  box-shadow: none !important;
}
.sweet-alert button:hover {
  background-color: #a1d9f2;
}
.sweet-alert button:active {
  background-color: #81ccee;
}
.sweet-alert button.cancel {
  background-color: #757575;
}
.sweet-alert button.cancel:hover {
  background-color: #616161;
}
.sweet-alert button.cancel:active {
  background-color: #b6b6b6;
}
.sweet-alert button.cancel:focus {
  box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
}
.sweet-alert button::-moz-focus-inner {
  border: 0;
}
.sweet-alert[data-has-cancel-button=false] button {
  box-shadow: none !important;
}
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
  padding-bottom: 40px;
}
.sweet-alert .sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  margin: 20px auto;
  padding: 0;
  position: relative;
  box-sizing: content-box;
}
.sweet-alert .sa-icon.sa-error {
  border-color: #F27474;
}
.sweet-alert .sa-icon.sa-error .sa-x-mark {
  position: relative;
  display: block;
}
.sweet-alert .sa-icon.sa-error .sa-line {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #F27474;
  display: block;
  top: 37px;
  border-radius: 2px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 17px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 16px;
}
.sweet-alert .sa-icon.sa-warning {
  border-color: #F8BB86;
}
.sweet-alert .sa-icon.sa-warning .sa-body {
  position: absolute;
  width: 5px;
  height: 47px;
  left: 50%;
  top: 10px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #F8BB86;
}
.sweet-alert .sa-icon.sa-warning .sa-dot {
  position: absolute;
  width: 7px;
  height: 7px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-left: -3px;
  left: 50%;
  bottom: 10px;
  background-color: #F8BB86;
}
.sweet-alert .sa-icon.sa-info {
  border-color: #C9DAE1;
}
.sweet-alert .sa-icon.sa-info::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 29px;
  left: 50%;
  bottom: 17px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #C9DAE1;
}
.sweet-alert .sa-icon.sa-info::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  top: 19px;
  background-color: #C9DAE1;
}
.sweet-alert .sa-icon.sa-success {
  border-color: #A5DC86;
}
.sweet-alert .sa-icon.sa-success::before,
.sweet-alert .sa-icon.sa-success::after {
  content: '';
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: white;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success::before {
  -webkit-border-radius: 120px 0 0 120px;
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
}
.sweet-alert .sa-icon.sa-success::after {
  -webkit-border-radius: 0 120px 120px 0;
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0px 60px;
  transform-origin: 0px 60px;
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(165, 220, 134, 0.2);
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: white;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #A5DC86;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-custom {
  background-size: contain;
  border-radius: 0;
  border: none;
  background-position: center center;
  background-repeat: no-repeat;
}
/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}
@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}
@-webkit-keyframes slideFromTop {
  0% {
    top: 0%;
  }
  100% {
    top: 50%;
  }
}
@keyframes slideFromTop {
  0% {
    top: 0%;
  }
  100% {
    top: 50%;
  }
}
@-webkit-keyframes slideToTop {
  0% {
    top: 50%;
  }
  100% {
    top: 0%;
  }
}
@keyframes slideToTop {
  0% {
    top: 50%;
  }
  100% {
    top: 0%;
  }
}
@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%;
  }
  100% {
    top: 50%;
  }
}
@keyframes slideFromBottom {
  0% {
    top: 70%;
  }
  100% {
    top: 50%;
  }
}
@-webkit-keyframes slideToBottom {
  0% {
    top: 50%;
  }
  100% {
    top: 70%;
  }
}
@keyframes slideToBottom {
  0% {
    top: 50%;
  }
  100% {
    top: 70%;
  }
}
.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s;
}
.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none;
}
.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s;
}
.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s;
}
.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s;
}
.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none;
}
.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s;
}
.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s;
}
@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}
@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}
.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s;
}
.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s;
}
.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in;
}
@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}
@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}
.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s;
}
@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}
.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s;
}
@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486;
  }
  100% {
    border-color: #F8BB86;
  }
}
@keyframes pulseWarning {
  0% {
    border-color: #F8D486;
  }
  100% {
    border-color: #F8BB86;
  }
}
.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate;
}
@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486;
  }
  100% {
    background-color: #F8BB86;
  }
}
@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486;
  }
  100% {
    background-color: #F8BB86;
  }
}
.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate;
}
/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg);
}
/* Success icon */
.sweet-alert .sa-icon.sa-success {
  border-color: transparent;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg);
}
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
  direction: ltr;
}
.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
}
.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}
.noUi-handle {
  position: relative;
  z-index: 1;
}
.noUi-stacking .noUi-handle {
  /* This class is applied to the lower origin when
   its values is > 50%. */
  z-index: 10;
}
.noUi-stacking + .noUi-origin {
  /* Fix stacking order in IE7, which incorrectly
   creates a new context for the origins. */
  *z-index: -1;
}
.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 4px;
}
.noUi-horizontal .noUi-handle {
  width: 20px;
  height: 20px;
  left: -17px;
  top: -8px;
}
.noUi-vertical {
  width: 4px;
}
.noUi-vertical .noUi-handle {
  width: 20px;
  height: 20px;
  left: -8px;
  top: -17px;
}
/* Styling;
 */
.noUi-background {
  background-color: #eee;
}
.noUi-connect {
  background: #17bab8;
  -webkit-transition: background 450ms;
  transition: background 450ms;
}
.noUi-origin {
  border-radius: 0px;
}
.noUi-target {
  border-radius: 0px;
  background-color: #eee;
}
.noUi-target.noUi-connect {
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #bbbbbb;
}
/* Handles and cursors;
 */
.noUi-dragable {
  cursor: w-resize;
}
.noUi-vertical .noUi-dragable {
  cursor: n-resize;
}
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 100%;
  background: #FFF;
  cursor: default;
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  cursor: pointer;
}
.noUi-active {
  transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  font: 400 12px Arial;
  color: #999;
}
/* Values;
 *
 */
.noUi-value {
  width: 40px;
  position: absolute;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 50px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  margin-left: -20px;
  padding-top: 20px;
}
.noUi-value-horizontal.noUi-value-sub {
  padding-top: 15px;
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 1px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  width: 15px;
  margin-left: 20px;
  margin-top: -5px;
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 1px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noui-slider-ex {
  padding: 20px;
}
.vertical .noUi-target {
  height: 200px;
}
.slider-input-range span {
  display: block;
  margin-bottom: 4px;
  color: #666;
}
.range-slider-con {
  margin-bottom: 40px;
}
.pricing-range-bar {
  height: 40px;
  margin-bottom: 20px;
}
.switch-button-label {
  float: left;
  font-size: 10pt;
  cursor: pointer;
}
.switch-button-label.off {
  color: #adadad;
}
.switch-button-label.on {
  color: #17bab8;
}
.switch-button-background {
  float: left;
  position: relative;
  background: #dfdfdf;
  border: 1px solid #dfdfdf;
  margin: 1px 0px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  cursor: pointer;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: background 0.1s ease-in-out;
  -moz-transition: background 0.1s ease-in-out;
  -o-transition: background 0.1s ease-in-out;
  transition: background 0.1s ease-in-out;
}
.switch-button-background.checked {
  background: #17bab8;
  border: #17bab8 1px solid;
}
.switch-button-button {
  position: absolute;
  left: -1px;
  top: 0px;
  background: #FAFAFA;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: background 0.1s ease-in-out;
  -moz-transition: background 0.1s ease-in-out;
  -o-transition: background 0.1s ease-in-out;
  transition: background 0.1s ease-in-out;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.check-square > .switch-button-background {
  float: left;
  position: relative;
  background: #dfdfdf;
  border: 1px solid #dfdfdf;
  margin: 1px 0px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: background 0.1s ease-in-out;
  -moz-transition: background 0.1s ease-in-out;
  -o-transition: background 0.1s ease-in-out;
  transition: background 0.1s ease-in-out;
}
.check-square .switch-button-button {
  position: absolute;
  left: -1px;
  top: -1px;
  background: #FAFAFA;
  border: 1px solid #dfdfdf;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-transition: background 0.1s ease-in-out;
  -moz-transition: background 0.1s ease-in-out;
  -o-transition: background 0.1s ease-in-out;
  transition: background 0.1s ease-in-out;
}
/*
 *
 * Main stylesheet for Switchery.
 * http://abpetkov.github.io/switchery/
 *
 */
/* Switchery defaults. */
.switchery {
  background-color: #fff;
  border: 2px solid #dfdfdf;
  border-radius: 20px;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  position: relative;
  vertical-align: middle;
  width: 50px;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: content-box;
  background-clip: content-box;
}
.switchery > small {
  background: #fff;
  border-radius: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  height: 30px;
  position: absolute;
  top: 0;
  width: 30px;
}
/* Switchery sizes. */
.switchery-small {
  border-radius: 20px;
  height: 20px;
  width: 33px;
}
.switchery-small > small {
  height: 20px;
  width: 20px;
}
.switchery-large {
  border-radius: 40px;
  height: 40px;
  width: 66px;
}
.switchery-large > small {
  height: 40px;
  width: 40px;
}
/*!
 * FullCalendar v2.4.0 Stylesheet
 * Docs & License: http://fullcalendar.io/
 * (c) 2015 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-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
  border-color: #ddd;
}
.fc-unthemed .fc-popover {
  background-color: #fff;
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header {
  background: #eee;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}
.fc-unthemed .fc-today {
  background: #fcf8e3;
}
.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
  filter: alpha(opacity=30);
  /* for IE */
}
.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
  filter: alpha(opacity=30);
  /* for IE */
}
.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}
/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  width: 1em;
  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;
}
/*
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:after {
  position: relative;
  margin: 0 -1em;
  /* ensures character will be centered, regardless of width */
}
.fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
  left: 3%;
}
.fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
  left: -3%;
}
.fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}
.fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}
.fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
  left: -2%;
}
.fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
  left: 2%;
}
.fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}
.fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}
/* 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;
}
/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}
.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;
  filter: alpha(opacity=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,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}
.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}
/* unthemed */
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}
/* jqui themed */
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}
/* 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%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}
.fc th {
  text-align: center;
}
.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}
.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}
/* 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 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 */
}
/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative;
}
.fc-row .fc-bg {
  z-index: 1;
}
/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}
.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}
.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}
.fc-row .fc-bgevent-skeleton {
  z-index: 2;
}
.fc-row .fc-highlight-skeleton {
  z-index: 3;
}
/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.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;
}
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* 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 {
  /* this class goes on elements for guaranteed vertical scrollbars */
  overflow-y: scroll;
  overflow-x: hidden;
}
.fc-scroller > * {
  /* we expect an immediate inner element */
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
  overflow: hidden;
  /* don't let negative margins or absolute positioning create further scroll */
}
/* 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;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  background-color: #3a87ad;
  /* default BACKGROUND color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}
/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
  color: #fff;
  /* 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-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: #fff;
  opacity: .25;
  filter: alpha(opacity=25);
  /* for IE */
}
.fc-event .fc-content {
  position: relative;
  z-index: 2;
}
.fc-event .fc-resizer {
  position: absolute;
  z-index: 3;
}
/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* 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 */
.fc-h-event .fc-resizer {
  /* positioned it to overcome the event's borders */
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  width: 5px;
}
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-ltr .fc-h-event .fc-start-resizer:before,
.fc-ltr .fc-h-event .fc-start-resizer:after,
.fc-rtl .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-end-resizer:before,
.fc-rtl .fc-h-event .fc-end-resizer:after {
  right: auto;
  /* ignore the right and only use the left */
  cursor: w-resize;
}
/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-ltr .fc-h-event .fc-end-resizer:before,
.fc-ltr .fc-h-event .fc-end-resizer:after,
.fc-rtl .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-start-resizer:before,
.fc-rtl .fc-h-event .fc-start-resizer:after {
  left: auto;
  /* ignore the left and only use the right */
  cursor: e-resize;
}
/* 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;
}
.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;
}
.fc-day-grid-event .fc-resizer {
  /* enlarge the default hit area */
  left: -3px;
  right: -3px;
  width: 7px;
}
/* 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;
}
/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  text-align: center;
  margin-bottom: 1em;
}
.fc-toolbar .fc-left {
  float: left;
}
.fc-toolbar .fc-right {
  float: right;
}
.fc-toolbar .fc-center {
  display: inline-block;
}
/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}
/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}
/* title text */
.fc-toolbar h2 {
  margin: 0;
}
/* button layering (for border precedence) */
.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;
}
/* 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 *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fc-view,
.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 {
  /* we are sure there are no day numbers in these views, so... */
  padding-top: 1px;
  /* add a pixel to make sure there are 2px padding above events */
  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-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 0 2px;
}
.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
  padding-top: 2px;
  padding-bottom: 2px;
}
.fc-basic-view .fc-week-number {
  text-align: center;
}
.fc-basic-view .fc-week-number span {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}
.fc-ltr .fc-basic-view .fc-day-number {
  text-align: right;
}
.fc-rtl .fc-basic-view .fc-day-number {
  text-align: left;
}
.fc-day-number.fc-other-month {
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* for IE */
  /* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
}
/* 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-top: 1px;
  /* add a pixel to make sure there are 2px padding above events */
  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;
}
.ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}
/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}
.fc-time-grid {
  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-bgevent-skeleton,
.fc-time-grid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.fc-time-grid .fc-bgevent-skeleton {
  z-index: 3;
}
.fc-time-grid .fc-highlight-skeleton {
  z-index: 4;
}
.fc-time-grid .fc-content-skeleton {
  z-index: 5;
}
.fc-time-grid .fc-helper-skeleton {
  z-index: 6;
}
/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.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-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}
/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.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 */
}
/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-event-container,
.fc-time-grid .fc-bgevent-container {
  /* a div within a cell within the fc-bgevent-skeleton */
  position: relative;
}
.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,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}
.fc-time-grid .fc-bgevent {
  /* 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-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px;
}
.fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}
/* short mode, where time and title are on the same line */
.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: "\000A0-\000A0";
  /* 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 */
}
/* resizer */
.fc-time-grid-event .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-resizer:after {
  content: "=";
}
/*---------------------
5.0 Plugins
-----------------------*/
.login-page {
  padding-top: 0px;
  background-image: url("../images/whitey.png");
  background-repeat: repeat;
  background-attachment: fixed;
}
.login-container {
  margin-top: 60px;
}
.login-form-header {
  padding: 15px 30px;
}
.login-form-header .logo {
  text-align: center;
}
.login-input .login-frm-input {
  height: 50px;
}
.login-input .icon-left {
  height: 48px;
  line-height: 47px !important;
}
.login-form-footer .btn {
  padding: 10px 20px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}
.btn-login {
  padding: 10px 20px !important;
  background-color: #fff !important;
  border: #bbb 1px solid !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 10px rgba(0, 0, 0, 0.12) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}
.btn-login:hover {
  background-color: #17bab8 !important;
  border: #17bab8 1px solid !important;
  box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2), 0 8px 17px rgba(0, 0, 0, 0.2), 0 6px 20px rgba(0, 0, 0, 0.19), 0 6px 20px rgba(0, 0, 0, 0.19), 0 8px 17px rgba(0, 0, 0, 0.2), 0 8px 17px rgba(0, 0, 0, 0.2), 0 6px 20px rgba(0, 0, 0, 0.19), 0 6px 20px rgba(0, 0, 0, 0.19) !important;
  color: #fff !important;
}
.btn-login:focus {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 10px rgba(0, 0, 0, 0.12) !important;
}
.login-page-footer {
  margin-top: 30px;
  text-align: center;
}
.boxed-login .login-form-container {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 10px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  padding: 25px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.boxed-login .login-form-header {
  -webkit-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
  padding: 15px 0px 0px 0px;
  margin-left: -25px;
  margin-right: -25px;
  margin-top: -25px;
  margin-bottom: 25px;
}
.boxed-login .login-form-header .logo {
  text-align: center;
}
.boxed-login .login-form-footer {
  padding: 25px;
  margin-top: 25px;
  margin-left: -25px;
  margin-right: -25px;
  margin-bottom: -25px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.boxed-login .login-form-footer .btn {
  padding: 10px 20px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}
.social-login {
  padding: 40px 0px;
}
.social-login > .login-container {
  margin-top: 0px !important;
}
.social-login .login-form-footer {
  margin-bottom: 25px !important;
}
.error-code {
  margin-bottom: 30px;
  font-size: 150px;
  text-align: center;
  font-family: 'Kranky', cursive;
}
.error-code > div {
  position: relative;
  display: inline-block;
  background-color: #fff;
  padding: 0px 30px;
  border-radius: 100px 60px 40px 0px;
  -moz-border-radius: 100px 60px 40px 0px;
  -webkit-border-radius: 100px 60px 40px 0px;
  line-height: normal;
}
.error-code > div > span {
  color: #17bab8;
}
.error-code > div:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 60px solid #fff;
  border-right: 60px solid transparent;
  position: absolute;
  left: 0px;
  bottom: -40px;
}
.error-message {
  margin-bottom: 40px;
  text-align: right;
}
.error-message h4 {
  font-size: 32px;
  font-weight: 300;
  color: #e57373;
}
.error-body {
  margin-bottom: 60px;
}
.error-footer-container {
  margin-top: 30px;
  padding: 15px;
  color: #666;
}
.error-footer-container a {
  color: #868686;
}
.error-footer-container a:hover,
.error-footer-container a:focus {
  text-decoration: none;
}
.error-footer-container .footer-right {
  text-align: right;
}
.error-footer-container .footer-right .footer-meta i {
  color: #00bcd4;
}
/*---------------------
6.0 Bootstrap Extended
-----------------------*/
body {
  font-family: 'Roboto', sans-serif;
}
a {
  color: #139c9b;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #0b5857;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.846;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333333;
  text-decoration: none;
  outline: none !Important;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  -moz-opacity: 0.65;
  -khtml-opacity: 0.65;
  -webkit-opacity: 0.65;
  opacity: 0.65;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #dddddd;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #bebebe;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #dddddd;
}
.btn-default .badge {
  color: #ffffff;
  background-color: #333333;
}
.btn-primary {
  color: #ffffff;
  background-color: #139c9b;
  border-color: #118684;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #0e6f6e;
  border-color: #0a4f4e;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #139c9b;
  border-color: #118684;
}
.btn-primary .badge {
  color: #139c9b;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #66bb6a;
  border-color: #54b359;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #49a54e;
  border-color: #3e8c42;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #66bb6a;
  border-color: #54b359;
}
.btn-success .badge {
  color: #66bb6a;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #ffb300;
  border-color: #e6a100;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #cc8f00;
  border-color: #a87600;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #ffb300;
  border-color: #e6a100;
}
.btn-warning .badge {
  color: #ffb300;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}
.btn-link {
  color: #139c9b;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #0b5857;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 3px;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 2px;
}
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 2px;
}
.form-control {
  display: block;
  width: 100%;
  height: 39px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.846;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-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-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
  -moz-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
  -o-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
  transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
}
.form-control:focus {
  border-color: #139c9b;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(19, 156, 155, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(19, 156, 155, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(19, 156, 155, 0.6);
}
.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
.form-control:focus {
  box-shadow: none;
}
.tooltip-inner {
  padding: 8px 12px !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.btn-default {
  background-size: 200%;
  background-position: 50%;
  outline: none;
}
.btn-default:hover,
.btn-default:active:hover,
.btn-default:focus {
  outline: none;
  background-color: #f0f0f0;
}
.btn-default:active {
  background-color: #f0f0f0;
  background-image: -webkit-radial-gradient(circle, #f0f0f0 10%, #ffffff 11%);
  background-image: radial-gradient(circle, #f0f0f0 10%, #ffffff 11%);
  background-repeat: no-repeat;
  background-size: 1000%;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
.btn-primary {
  background-size: 200%;
  background-position: 50%;
  outline: none;
}
.btn-primary:hover,
.btn-primary:active:hover,
.btn-primary:focus {
  outline: none;
  background-color: #108180;
}
.btn-primary:active {
  background-color: #108180;
  background-image: -webkit-radial-gradient(circle, #108180 10%, #139c9b 11%);
  background-image: radial-gradient(circle, #108180 10%, #139c9b 11%);
  background-repeat: no-repeat;
  background-size: 1000%;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
.btn-success {
  background-size: 200%;
  background-position: 50%;
  outline: none;
}
.btn-success:hover,
.btn-success:active:hover,
.btn-success:focus {
  outline: none;
  background-color: #51b255;
}
.btn-success:active {
  background-color: #51b255;
  background-image: -webkit-radial-gradient(circle, #51b255 10%, #66bb6a 11%);
  background-image: radial-gradient(circle, #51b255 10%, #66bb6a 11%);
  background-repeat: no-repeat;
  background-size: 1000%;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
.btn-info {
  background-size: 200%;
  background-position: 50%;
  outline: none;
}
.btn-info:hover,
.btn-info:active:hover,
.btn-info:focus {
  outline: none;
  background-color: #42b6d9;
}
.btn-info:active {
  background-color: #42b6d9;
  background-image: -webkit-radial-gradient(circle, #42b6d9 10%, #5bc0de 11%);
  background-image: radial-gradient(circle, #42b6d9 10%, #5bc0de 11%);
  background-repeat: no-repeat;
  background-size: 1000%;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
.btn-warning {
  background-size: 200%;
  background-position: 50%;
  outline: none;
}
.btn-warning:hover,
.btn-warning:active:hover,
.btn-warning:focus {
  outline: none;
  background-color: #e09e00;
}
.btn-warning:active {
  background-color: #e09e00;
  background-image: -webkit-radial-gradient(circle, #e09e00 10%, #ffb300 11%);
  background-image: radial-gradient(circle, #e09e00 10%, #ffb300 11%);
  background-repeat: no-repeat;
  background-size: 1000%;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
.btn-danger {
  background-size: 200%;
  background-position: 50%;
  outline: none;
}
.btn-danger:hover,
.btn-danger:active:hover,
.btn-danger:focus {
  outline: none;
  background-color: #d43a36;
}
.btn-danger:active {
  background-color: #d43a36;
  background-image: -webkit-radial-gradient(circle, #d43a36 10%, #d9534f 11%);
  background-image: radial-gradient(circle, #d43a36 10%, #d9534f 11%);
  background-repeat: no-repeat;
  background-size: 1000%;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
.btn {
  border-right: none;
  border-bottom: none;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition: all all 0.2s ease-out;
  -moz-transition: all all 0.2s ease-out;
  -o-transition: all all 0.2s ease-out;
  transition: all all 0.2s ease-out;
}
.btn-link {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-link:hover,
.btn-link:focus {
  color: #139c9b;
  text-decoration: none;
}
.btn-default.disabled {
  border: 1px solid #dddddd;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: 0;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 3px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 4px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 3px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #139c9b;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #139c9b;
  background-color: #ffffff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #139c9b;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #0e6f6e;
}
.label-success {
  background-color: #66bb6a;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #49a54e;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #ffb300;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #cc8f00;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.list-group-item:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
a.list-group-item {
  color: #555555;
}
a.list-group-item .list-group-item-heading {
  color: #333333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  color: #555555;
  background-color: #f5f5f5;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #139c9b;
  border-color: #139c9b;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #8bf1ef;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.panel-default {
  border-color: #dddddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #dddddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #dddddd;
}
.panel-primary {
  border-color: #139c9b;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #139c9b;
  border-color: #139c9b;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #139c9b;
}
.panel-primary > .panel-heading .badge {
  color: #139c9b;
  background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #139c9b;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 25px 0;
  border-radius: 3px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.846;
  text-decoration: none;
  color: #139c9b;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #0b5857;
  background-color: #eeeeee;
  border-color: #dddddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #139c9b;
  border-color: #139c9b;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.progress {
  overflow: hidden;
  height: 25px;
  margin-bottom: 25px;
  background-color: #f5f5f5;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 25px;
  color: #ffffff;
  text-align: center;
  background-color: #139c9b;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
  -webkit-transition: all width 0.6s ease ease-out;
  -moz-transition: all width 0.6s ease ease-out;
  -o-transition: all width 0.6s ease ease-out;
  transition: all width 0.6s ease ease-out;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #66bb6a;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #ffb300;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 25px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.846;
  vertical-align: top;
  border-top: 1px solid #eeeeee;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #eeeeee;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #eeeeee;
}
.table .table {
  background-color: #ffffff;
}
body {
  -webkit-font-smoothing: antialiased;
  letter-spacing: .1px;
}
p {
  margin: 0 0 1em;
}
input,
button {
  -webkit-font-smoothing: antialiased;
  letter-spacing: .1px;
}
a {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition: all all 0.2s ease-out;
  -moz-transition: all all 0.2s ease-out;
  -o-transition: all all 0.2s ease-out;
  transition: all all 0.2s ease-out;
}
.table-hover > tbody > tr,
.table-hover > tbody > tr > th,
.table-hover > tbody > tr > td {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition: all all 0.2s ease-out;
  -moz-transition: all all 0.2s ease-out;
  -o-transition: all all 0.2s ease-out;
  transition: all all 0.2s ease-out;
}
.material-form label {
  font-weight: normal;
}
.material-form textarea,
.material-form textarea.form-control,
.material-form input.form-control,
.material-form input[type=text],
.material-form input[type=password],
.material-form input[type=email],
.material-form input[type=number],
.material-form [type=text].form-control,
.material-form [type=password].form-control,
.material-form [type=email].form-control,
.material-form [type=tel].form-control,
.material-form [contenteditable].form-control {
  padding: 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -webkit-box-shadow: inset 0 -1px 0 #dddddd;
  -moz-box-shadow: inset 0 -1px 0 #dddddd;
  box-shadow: inset 0 -1px 0 #dddddd;
  font-size: 16px;
}
.material-form textarea:focus,
.material-form textarea.form-control:focus,
.material-form input.form-control:focus,
.material-form input[type=text]:focus,
.material-form input[type=password]:focus,
.material-form input[type=email]:focus,
.material-form input[type=number]:focus,
.material-form [type=text].form-control:focus,
.material-form [type=password].form-control:focus,
.material-form [type=email].form-control:focus,
.material-form [type=tel].form-control:focus,
.material-form [contenteditable].form-control:focus {
  -webkit-box-shadow: inset 0 -2px 0 #139c9b;
  -moz-box-shadow: inset 0 -2px 0 #139c9b;
  box-shadow: inset 0 -2px 0 #139c9b;
}
.material-form textarea[disabled],
.material-form textarea.form-control[disabled],
.material-form input.form-control[disabled],
.material-form input[type=text][disabled],
.material-form input[type=password][disabled],
.material-form input[type=email][disabled],
.material-form input[type=number][disabled],
.material-form [type=text].form-control[disabled],
.material-form [type=password].form-control[disabled],
.material-form [type=email].form-control[disabled],
.material-form [type=tel].form-control[disabled],
.material-form [contenteditable].form-control[disabled],
.material-form textarea[readonly],
.material-form textarea.form-control[readonly],
.material-form input.form-control[readonly],
.material-form input[type=text][readonly],
.material-form input[type=password][readonly],
.material-form input[type=email][readonly],
.material-form input[type=number][readonly],
.material-form [type=text].form-control[readonly],
.material-form [type=password].form-control[readonly],
.material-form [type=email].form-control[readonly],
.material-form [type=tel].form-control[readonly],
.material-form [contenteditable].form-control[readonly] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px dotted #ddd;
}
.material-form textarea.input-sm,
.material-form textarea.form-control.input-sm,
.material-form input.form-control.input-sm,
.material-form input[type=text].input-sm,
.material-form input[type=password].input-sm,
.material-form input[type=email].input-sm,
.material-form input[type=number].input-sm,
.material-form [type=text].form-control.input-sm,
.material-form [type=password].form-control.input-sm,
.material-form [type=email].form-control.input-sm,
.material-form [type=tel].form-control.input-sm,
.material-form [contenteditable].form-control.input-sm {
  font-size: 12px;
}
.material-form textarea.input-lg,
.material-form textarea.form-control.input-lg,
.material-form input.form-control.input-lg,
.material-form input[type=text].input-lg,
.material-form input[type=password].input-lg,
.material-form input[type=email].input-lg,
.material-form input[type=number].input-lg,
.material-form [type=text].form-control.input-lg,
.material-form [type=password].form-control.input-lg,
.material-form [type=email].form-control.input-lg,
.material-form [type=tel].form-control.input-lg,
.material-form [contenteditable].form-control.input-lg {
  font-size: 18px;
}
.material-form select,
.material-form select.form-control {
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 0;
  padding-right: 0\9;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-box-shadow: inset 0 -1px 0 #dddddd;
  -moz-box-shadow: inset 0 -1px 0 #dddddd;
  box-shadow: inset 0 -1px 0 #dddddd;
  font-size: 16px;
  line-height: 1.5;
}
.material-form select::-ms-expand,
.material-form select.form-control::-ms-expand {
  display: none;
}
.material-form select.input-sm,
.material-form select.form-control.input-sm {
  font-size: 12px;
}
.material-form select.input-lg,
.material-form select.form-control.input-lg {
  font-size: 18px;
}
.material-form select:focus,
.material-form select.form-control:focus {
  -webkit-box-shadow: inset 0 -2px 0 #139c9b;
  -moz-box-shadow: inset 0 -2px 0 #139c9b;
  box-shadow: inset 0 -2px 0 #139c9b;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEUhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISF8S9ewAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);
}
.material-form select[multiple],
.material-form select.form-control[multiple] {
  background: none;
}
.material-form .radio label,
.material-form .radio-inline label,
.material-form .checkbox label,
.material-form .checkbox-inline label {
  padding-left: 25px;
}
.material-form .radio input[type="radio"],
.material-form .radio-inline input[type="radio"],
.material-form .checkbox input[type="radio"],
.material-form .checkbox-inline input[type="radio"],
.material-form .radio input[type="checkbox"],
.material-form .radio-inline input[type="checkbox"],
.material-form .checkbox input[type="checkbox"],
.material-form .checkbox-inline input[type="checkbox"] {
  margin-left: -25px;
}
.material-form input[type="radio"],
.material-form .radio input[type="radio"],
.material-form .radio-inline input[type="radio"] {
  position: relative;
  margin-top: 5px;
  margin-right: 4px;
  vertical-align: -4px;
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
.material-form input[type="radio"]:focus,
.material-form .radio input[type="radio"]:focus,
.material-form .radio-inline input[type="radio"]:focus {
  outline: none;
}
.material-form input[type="radio"]:before,
.material-form .radio input[type="radio"]:before,
.material-form .radio-inline input[type="radio"]:before,
.material-form input[type="radio"]:after,
.material-form .radio input[type="radio"]:after,
.material-form .radio-inline input[type="radio"]:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin-top: -3px;
  border-radius: 50%;
  -webkit-transition: 240ms;
  -o-transition: 240ms;
  transition: 240ms;
  -webkit-transition: all 240ms ease-out;
  -moz-transition: all 240ms ease-out;
  -o-transition: all 240ms ease-out;
  transition: all 240ms ease-out;
}
.material-form input[type="radio"]:before,
.material-form .radio input[type="radio"]:before,
.material-form .radio-inline input[type="radio"]:before {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #139c9b;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.material-form input[type="radio"]:after,
.material-form .radio input[type="radio"]:after,
.material-form .radio-inline input[type="radio"]:after {
  border: 2px solid #555555;
}
.material-form input[type="radio"]:checked:before,
.material-form .radio input[type="radio"]:checked:before,
.material-form .radio-inline input[type="radio"]:checked:before {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}
.material-form input[type="radio"]:disabled:checked:before,
.material-form .radio input[type="radio"]:disabled:checked:before,
.material-form .radio-inline input[type="radio"]:disabled:checked:before {
  background-color: #777777;
}
.material-form input[type="radio"]:checked:after,
.material-form .radio input[type="radio"]:checked:after,
.material-form .radio-inline input[type="radio"]:checked:after {
  border-color: #139c9b;
}
.material-form input[type="radio"]:disabled:after,
.material-form .radio input[type="radio"]:disabled:after,
.material-form .radio-inline input[type="radio"]:disabled:after,
.material-form input[type="radio"]:disabled:checked:after,
.material-form .radio input[type="radio"]:disabled:checked:after,
.material-form .radio-inline input[type="radio"]:disabled:checked:after {
  border-color: #777777;
}
.material-form input[type="checkbox"],
.material-form .checkbox input[type="checkbox"],
.material-form .checkbox-inline input[type="checkbox"] {
  position: relative;
  vertical-align: -4px;
  border: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
.material-form input[type="checkbox"]:focus,
.material-form .checkbox input[type="checkbox"]:focus,
.material-form .checkbox-inline input[type="checkbox"]:focus {
  outline: none;
}
.material-form input[type="checkbox"]:after,
.material-form .checkbox input[type="checkbox"]:after,
.material-form .checkbox-inline input[type="checkbox"]:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin-top: -2px;
  margin-right: 5px;
  border: 2px solid #555555;
  border-radius: 2px;
  -webkit-transition: 240ms;
  -o-transition: 240ms;
  transition: 240ms;
  -webkit-transition: all 240ms ease-out;
  -moz-transition: all 240ms ease-out;
  -o-transition: all 240ms ease-out;
  transition: all 240ms ease-out;
}
.material-form input[type="checkbox"]:checked:before,
.material-form .checkbox input[type="checkbox"]:checked:before,
.material-form .checkbox-inline input[type="checkbox"]:checked:before {
  content: "";
  position: absolute;
  top: 0;
  left: 6px;
  display: table;
  width: 6px;
  height: 12px;
  border: 2px solid #fff;
  border-top-width: 0;
  border-left-width: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.material-form input[type="checkbox"]:checked:after,
.material-form .checkbox input[type="checkbox"]:checked:after,
.material-form .checkbox-inline input[type="checkbox"]:checked:after {
  background-color: #139c9b;
  border-color: #139c9b;
}
.material-form input[type="checkbox"]:disabled:after,
.material-form .checkbox input[type="checkbox"]:disabled:after,
.material-form .checkbox-inline input[type="checkbox"]:disabled:after {
  border-color: #777777;
}
.material-form input[type="checkbox"]:disabled:checked:after,
.material-form .checkbox input[type="checkbox"]:disabled:checked:after,
.material-form .checkbox-inline input[type="checkbox"]:disabled:checked:after {
  background-color: #777777;
  border-color: transparent;
}
.material-form .has-warning input:not([type=checkbox]),
.material-form .has-warning .form-control,
.material-form .has-warning input.form-control[readonly],
.material-form .has-warning input[type=text][readonly],
.material-form .has-warning [type=text].form-control[readonly],
.material-form .has-warning input:not([type=checkbox]):focus,
.material-form .has-warning .form-control:focus {
  border-bottom: none;
  -webkit-box-shadow: inset 0 -2px 0 #ffb300;
  -moz-box-shadow: inset 0 -2px 0 #ffb300;
  box-shadow: inset 0 -2px 0 #ffb300;
}
.material-form .has-error input:not([type=checkbox]),
.material-form .has-error .form-control,
.material-form .has-error input.form-control[readonly],
.material-form .has-error input[type=text][readonly],
.material-form .has-error [type=text].form-control[readonly],
.material-form .has-error input:not([type=checkbox]):focus,
.material-form .has-error .form-control:focus {
  border-bottom: none;
  -webkit-box-shadow: inset 0 -2px 0 #d9534f;
  -moz-box-shadow: inset 0 -2px 0 #d9534f;
  box-shadow: inset 0 -2px 0 #d9534f;
}
.material-form .has-success input:not([type=checkbox]),
.material-form .has-success .form-control,
.material-form .has-success input.form-control[readonly],
.material-form .has-success input[type=text][readonly],
.material-form .has-success [type=text].form-control[readonly],
.material-form .has-success input:not([type=checkbox]):focus,
.material-form .has-success .form-control:focus {
  border-bottom: none;
  -webkit-box-shadow: inset 0 -2px 0 #66bb6a;
  -moz-box-shadow: inset 0 -2px 0 #66bb6a;
  box-shadow: inset 0 -2px 0 #66bb6a;
}
.has-warning .material-form .input-group-addon,
.has-error .material-form .input-group-addon,
.has-success .material-form .input-group-addon {
  color: #555555;
  border-color: #cccccc;
  background-color: #eeeeee;
}
.close:hover,
.close:focus {
  outline: 0px;
}
.material-tabs.nav-tabs > li > a,
.material-tabs.nav-tabs > li > a:focus {
  margin-right: 0;
  background-color: transparent;
  border: none;
  color: #777777;
  -webkit-box-shadow: inset 0 -1px 0 #dddddd;
  -moz-box-shadow: inset 0 -1px 0 #dddddd;
  box-shadow: inset 0 -1px 0 #dddddd;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition: all all 0.2s ease-out;
  -moz-transition: all all 0.2s ease-out;
  -o-transition: all all 0.2s ease-out;
  transition: all all 0.2s ease-out;
}
.material-tabs.nav-tabs > li > a:hover,
.material-tabs.nav-tabs > li > a:focus:hover {
  background-color: transparent;
  -webkit-box-shadow: inset 0 -2px 0 #139c9b;
  -moz-box-shadow: inset 0 -2px 0 #139c9b;
  box-shadow: inset 0 -2px 0 #139c9b;
  color: #139c9b;
}
.material-tabs.nav-tabs > li.active > a,
.material-tabs.nav-tabs > li.active > a:focus {
  border: none;
  -webkit-box-shadow: inset 0 -2px 0 #139c9b;
  -moz-box-shadow: inset 0 -2px 0 #139c9b;
  box-shadow: inset 0 -2px 0 #139c9b;
  color: #139c9b;
}
.material-tabs.nav-tabs > li.active > a:hover,
.material-tabs.nav-tabs > li.active > a:focus:hover {
  border: none;
  color: #139c9b;
}
.material-tabs.nav-tabs > li.disabled > a {
  -webkit-box-shadow: inset 0 -1px 0 #dddddd;
  -moz-box-shadow: inset 0 -1px 0 #dddddd;
  box-shadow: inset 0 -1px 0 #dddddd;
}
.material-tabs.nav-tabs.nav-justified > li > a,
.material-tabs.nav-tabs.nav-justified > li > a:hover,
.material-tabs.nav-tabs.nav-justified > li > a:focus,
.material-tabs.nav-tabs.nav-justified > .active > a,
.material-tabs.nav-tabs.nav-justified > .active > a:hover,
.material-tabs.nav-tabs.nav-justified > .active > a:focus {
  border: none;
}
.material-tabs.nav-tabs .dropdown-menu {
  margin-top: 0;
}
.dropdown-menu {
  margin-top: 0;
  border: none;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.badge {
  padding: 3px 6px 5px;
}
label {
  font-weight: 500;
}
.progress {
  position: relative;
  z-index: 1;
  height: 6px;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.progress-bar {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.progress-bar:last-child {
  border-radius: 0 3px 3px 0;
}
.progress-bar:last-child:before {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: #74eeec;
}
.progress-bar-success:last-child.progress-bar:before {
  background-color: #e2f2e2;
}
.progress-bar-info:last-child.progress-bar:before {
  background-color: #ffffff;
}
.progress-bar-warning:last-child.progress-bar:before {
  background-color: #ffe8b3;
}
.progress-bar-danger:last-child.progress-bar:before {
  background-color: #f0b9b8;
}
.close {
  font-size: 34px;
  font-weight: 300;
  line-height: 24px;
  opacity: 0.6;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition: all all 0.2s ease-out;
  -moz-transition: all all 0.2s ease-out;
  -o-transition: all all 0.2s ease-out;
  transition: all all 0.2s ease-out;
}
.close:hover {
  opacity: 1;
}
.list-group-item {
  padding: 15px;
}
.list-group-item-text {
  color: #777777;
}
.well {
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.panel {
  border: none;
  border-radius: 2px;
}
.panel-heading {
  border-bottom: none;
}
.panel-footer {
  border-top: none;
}
.popover {
  border: none;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.carousel-caption h1,
.carousel-caption h2,
.carousel-caption h3,
.carousel-caption h4,
.carousel-caption h5,
.carousel-caption h6 {
  color: inherit;
}
.input-instruction {
  color: #999;
  padding-top: 6px;
}
.input-instruction i {
  font-size: 16px;
  position: relative;
  top: 1px;
  margin-right: 3px;
}
label {
  display: inline-block;
  font-weight: 500;
  margin-bottom: 5px;
}
input[type="radio"],
input[type="checkbox"] {
  line-height: normal;
  margin: 7px 0 0;
}
.input-sizing-list {
  padding: 0px;
  margin: 0px;
}
.input-sizing-list li {
  list-style: none;
  margin-bottom: 20px;
}
.iconic-input {
  width: 100%;
  table-layout: fixed;
}
.iconic-input .input-group-addon {
  position: relative;
  padding: 0px;
  border: 0px;
  width: 0px;
  top: 2px;
}
.iconic-input .input-group-addon + input.form-control {
  padding-left: 35px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.iconic-input .input-group-addon span.input-icon {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  padding: 6px 12px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  border: 0px;
  z-index: 5;
  background-color: transparent;
  line-height: 1.4;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  pointer-events: none;
}
.iconic-input .input-group-addon:last-child span.input-icon {
  left: auto;
  right: 0;
}
.iconic-input input.form-control {
  padding-right: 35px;
}
.iconic-input.input-group-lg .input-group-addon span.input-icon {
  line-height: 1.7;
}
.iconic-input .form-control:first-child {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.iconic-input .input-group-addon::first-child {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.form-group-input .input-group.iconic-input .form-control,
.form-group-input .form-control {
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
  margin-top: -1px;
}
.form-group-input .input-group:first-child .form-control,
.form-group-input .form-control:first-child {
  -webkit-border-radius: 4px 4px 0 0 !important;
  border-radius: 4px 4px 0 0 !important;
}
.form-group-input .input-group:last-child .form-control,
.form-group-input .form-control:last-child {
  -webkit-border-radius: 0 0 4px 4px !important;
  border-radius: 0 0 4px 4px !important;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -2px;
}
.form-group-input .form-control:focus {
  position: relative;
  z-index: 4;
}
.group-span-filestyle i {
  margin-right: 5px;
}
.icheck-input {
  margin-top: 5px;
  margin-bottom: 5px;
}
.icheck-input label {
  position: relative;
  top: 1px;
  left: 3px;
  font-weight: 400;
}
.dropdown-menu-right {
  left: auto;
  right: 0px;
}
.control-label {
  font-weight: 400;
}
.control-label .error {
  color: red;
}
.label {
  font-size: 12px;
  font-weight: 500;
}
.alert {
  padding: 15px;
  margin-bottom: 25px;
  border: 0px solid transparent;
  border-radius: 3px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
  color: #666 !important;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
.material-form textarea[disabled],
.material-form textarea.form-control[disabled],
.material-form input.form-control[disabled],
.material-form input[type=text][disabled],
.material-form input[type=password][disabled],
.material-form input[type=email][disabled],
.material-form input[type=number][disabled],
.material-form [type=text].form-control[disabled],
.material-form [type=password].form-control[disabled],
.material-form [type=email].form-control[disabled],
.material-form [type=tel].form-control[disabled],
.material-form [contenteditable].form-control[disabled],
.material-form textarea[readonly],
.material-form textarea.form-control[readonly],
.material-form input.form-control[readonly],
.material-form input[type=text][readonly],
.material-form input[type=password][readonly],
.material-form input[type=email][readonly],
.material-form input[type=number][readonly],
.material-form [type=text].form-control[readonly],
.material-form [type=password].form-control[readonly],
.material-form [type=email].form-control[readonly],
.material-form [type=tel].form-control[readonly],
.material-form [contenteditable].form-control[readonly] {
  background-color: transparent;
}
/*=== Typograhy ===*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 300;
}
b,
strong {
  font-weight: 500;
}
/*---------------------
7.0 Common Styles
-----------------------*/
body {
  position: relative;
  background-color: #e4e9f0;
  color: #444444;
  padding-top: 60px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a:active,
a:focus {
  outline: 0;
}
.main-container {
  padding: 30px 15px 0px 15px;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.bb-alert {
  display: none;
  position: fixed;
  top: 25%;
  right: 20px;
  margin-bottom: 0;
  font-size: 1.2em;
  padding: 1em 1.3em;
  z-index: 2000;
}
.show-grid [class^=col-] {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #fff;
}
.widget-wrap .show-grid [class^=col-] {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #eee;
}
#scrollTop {
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  outline: 0;
  width: 44px;
  height: 44px;
  bottom: 30px;
  right: 30px;
  z-index: 200;
  transition: all .2s linear;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#scrollTop:hover {
  background-color: #ccc;
  transition: all .2s linear;
}
#scrollTop i {
  line-height: 44px;
  width: 44px;
  height: 44px;
  text-align: center;
  font-size: 20px;
  color: #fff;
}
.w_bg_red {
  background-color: #ff8a80 !important;
}
.w_bg_pink {
  background-color: #ff80ab !important;
}
.w_bg_purple {
  background-color: #ea80fc !important;
}
.w_bg_deep_purple {
  background-color: #b388ff !important;
}
.w_bg_indigo {
  background-color: #8c9eff !important;
}
.w_bg_blue {
  background-color: #64b5f6 !important;
}
.w_bg_light_blue {
  background-color: #4fc3f7 !important;
}
.w_bg_cyan {
  background-color: #26c6da !important;
}
.w_bg_teal {
  background-color: #26a69a;
}
.w_bg_green {
  background-color: #66bb6a;
}
.w_bg_light_green {
  background-color: #8bc34a;
}
.w_bg_lime {
  background-color: #c0ca33;
}
.w_bg_yellow {
  background-color: #fdd835;
}
.w_bg_amber {
  background-color: #ffb300;
}
.w_bg_orange {
  background-color: #fb8c00;
}
.w_bg_deep_orange {
  background-color: #d84315;
}
.w_bg_brown {
  background-color: #8d6e63;
}
.w_bg_grey {
  background-color: #90a4ae;
}
.w_bg_blue_grey {
  background-color: #546e7a;
}
.data-align-right {
  text-align: right;
}

/*SystemMessages Styles */
/*--------------------
messageFolders
--------------------*/
/*
Material Design - Icons
*/

[class^=mad-icon-]{
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  background: #999 50% / cover;
  color: #000;
}
.mad-icon-24{
  width:  24px;
  height: 24px;
}
.mad-icon-32{
  width:  32px;
  height: 32px;
}
.mad-icon-40{
  width:  40px;
  height: 40px;
}

/*
Material Design - Lists
*/

ul.mad-list{
  display: table;
  width: 100%;
  padding: 2px 0; /* 8 padding T/B */
  margin: 0;
  list-style: none;
}
ul.mad-list li{
  display: table-row;
  height: 36px; /* that's actually min-height for rows */
}
ul.mad-list li.selected {
  font-weight:bold;
}
ul.mad-list li > *{
  /* Align always to middle */
  display: table-cell;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
ul.mad-list li > *:first-child{
  /* Whoever is the first child it needs 16px left space */
  padding-left: 12px;
  background: #2c2c31;
  color:white;
}
ul.mad-list li > *:last-child{
  /* Whoever is the last child it needs 16 right space */
  padding-right: 16px;
}
ul.mad-list .mad-list-icon{
  /* Always left-align! Don't center icons */
  width: 32px; /* 72-16 but we already use box-sizing */
}
ul.mad-list .mad-list-text{
  background: #3a3b44;
  color:#868686;
  padding-left:4px;
}
ul.mad-list .mad-list-icon-secundary{
  /* Secundary actions will have already 16 right padding
  since it's :last-child but it needs also a left 16*/
  padding-left: 16px;
  width: 1px; /* Always h-center align content */
  text-align: center; /* Just to make sure if we use combinations of larger icons */
  background: rgba(255,0,255,0.05)
}

/*
Special classes
*/
.border-bottom{
  border-bottom:1px solid rgba(0,0,0,0.1);
}
/*END messageFolders */
.unreadMessage{
  font-weight:bold;
}

/*END SystemMessages Styles*/
/*---------------------
8.0 Responsive
-----------------------*/
@media screen and (max-width: 1000px) {
  .leftbar-view .main-container {
    margin-left: 0px;
  }
  .leftbar-view .leftbar {
    -webkit-transform: translate3d(-250px, 0, 0);
    transform: translate3d(-250px, 0, 0);
  }
  .leftbar-view.left-aside-toggle .leftbar {
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
  }
  .leftbar-view.left-aside-toggle .main-container {
    margin-left: 0px !important;
  }
  .overlay-leftbar .main-container {
    margin-left: 0px;
  }
  .overlay-leftbar .leftbar {
    -webkit-transform: translate3d(-250px, 0, 0);
    transform: translate3d(-250px, 0, 0);
  }
  .overlay-leftbar.left-aside-toggle .leftbar {
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
  }
}
@media screen and (max-width: 767px) {
  .j-forms .wizard-breadcrumb.number-style .step .steps:after {
    display: none !important;
  }
  .j-forms .wizard-breadcrumb.number-style .step .steps:before {
    display: none !important;
  }
  .j-forms .wizard-breadcrumb.number-style .step:first-child .steps:after {
    display: none !important;
  }
  .j-forms .wizard-breadcrumb.number-style .step:first-child .steps:before {
    display: none !important;
  }
  .j-forms .wizard-breadcrumb.number-style .step:last-child .steps:after {
    display: none !important;
  }
  .page-header .list-page-breadcrumb {
    text-align: left;
  }
  .page-header .list-page-breadcrumb > li:first-child {
    padding-left: 0px;
  }
  .footer-container .footer-right {
    text-align: left;
  }
}
@media screen and (max-width: 590px) {
  .topbar-left {
    width: 100% !important;
    float: none !important;
  }
  .topbar-left .branding-right {
    display: block !important;
  }
  .topbar-left .logo {
    width: 110px;
  }
  .top-mega-menu.open > .dropdown-menu {
    left: -160px !important;
  }
  .topbar-right {
    width: 100% !important;
    float: none !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.16);
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    top: -100px;
    z-index: 20;
    position: fixed;
    left: 0px;
    background-color: #ffffff;
  }
  .topbar-right.bar-toggle {
    top: 0px !important;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
  }
  .topbar-right .left-bar-switch {
    display: block !important;
  }
}
@media screen and (max-width: 414px) {
  .main-container {
    padding: 30px 0px 0px 0px;
  }
  .page-header.full-block {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -30px;
  }
  .footer-container {
    margin-right: 0px;
    margin-left: 0px;
  }
  .recent-users-list .users-details ul li {
    overflow: hidden;
  }
  .recent-users-list .users-details {
    margin-left: 30px;
  }
  .regional-analytics {
    height: 200px;
  }
  .w-action {
    position: absolute;
    right: 30px;
    top: 0px;
  }
  .widget-wrap > .widget-header {
    position: relative;
  }
  .apps-dropdown.open .dropdown-menu {
    right: -65px;
  }
  .apps-dropdown .dropdown-menu:after,
  .more-dropdown .dropdown-menu:after,
  .apps-dropdown .dropdown-menu:before,
  .more-dropdown .dropdown-menu:before {
    left: 63%;
  }
  .notifications-dropdown.open .dropdown-menu {
    right: -48px;
    width: 300px;
  }
  .notifications-dropdown .dropdown-menu:after,
  .notifications-dropdown .dropdown-menu:before {
    left: 77%;
  }
}
/*# sourceMappingURL=style.css.map */