/*
* Author: Łukasz Holeczek
* Template: SimpliQ - Flat & Responsive Bootstrap Admin Template
* Version: 2.0.0 
* Bootstrap version: 3.0.0
* Copyright 2013 creativeLabs
* www: http://bootstrapmaster.com
* mail: lukasz@bootstrapmaster.com
* You can buy this theme on WrapBootstrap: https://wrapbootstrap.com/theme/simpliq-flat-responsive-admin-template-WB0N1X0T1
* You can find our other themes on: https://bootstrapmaster.com
*/

@import "../simpliq/jquery-ui-1.10.3.custom.css";

@import "../simpliq/fullcalendar.css";

@import "../simpliq/chosen.css";

@import "../simpliq/uniform.default.css";

@import "../simpliq/jquery.cleditor.css";

@import "../simpliq/jquery.noty.css";

@import "../simpliq/noty_theme_default.css";

@import "../simpliq/elfinder.min.css";

@import "../simpliq/elfinder.theme.css";

@import "../simpliq/jquery.iphone.toggle.css";

@import "../simpliq/uploadify.css";

@import "../simpliq/jquery.gritter.css";

@import "../simpliq/font-awesome.min.css";

@import "../simpliq/font-awesome-ie7.min.css";

@import "../simpliq/glyphicons.css";

@import "../simpliq/halflings.css";

@import url(//fonts.googleapis.com/css?family=Lato:300);

@import url(//fonts.googleapis.com/css?family=Lato:400);

@import url(//fonts.googleapis.com/css?family=Kaushan+Script);

/* Basic
=================================================================== */
.no-space [class*="span"] {
  margin-left: 0;
}
.noMarginLeft {
  margin-left: 0px !important;
}
.noPadding {
  padding: 0px !important;
}
body {
  background: #383e4b;
  color: #383e4b;
  border: none;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
a {
  color: #383e4b;
}
h1 {
  font-size: 32px;
  line-height: 32px;
  font-weight: 300;
}
h2 {
  font-size: 16px;
  line-height: 16px;
  font-weight: 300;
}
h3 {
  font-size: 15px;
  line-height: 15px;
}
h4 {
  font-size: 14px;
  line-height: 14px;
}
h5 {
  font-size: 13px;
  line-height: 13px;
}
h6 {
  font-size: 12px;
  line-height: 12px;
}
#content {
  min-height: 100%;
  padding: 20px 20px;
  position: relative;
  background: #f5f5f5;
}
#content.full {
  width: 100% !important;
  margin-left: 0px !important;
}
.well {
  border: 1px solid #ddd;
  background-color: #f6f6f6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.box {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 1px 0px 1px #e4e6eb;
  -moz-box-shadow: 0px 1px 0px 1px #e4e6eb;
  box-shadow: 0px 1px 0px 1px #e4e6eb;
  margin: 0px 0px 30px 0px;
}
.box.noOverflow {
  overflow: hidden;
}
.box .box-header {
  background: #36a9e1;
  color: white;
  font-size: 16px;
  overflow: hidden;
}
.box .box-header h2 {
  float: left;
  padding: 10px 0px;
  margin: 0px 0px 0px 20px;
}
.box .box-header h2 i {
  background: #1e8fc6;
  color: white;
  padding: 10px 0px;
  width: 36px;
  display: inline-block;
  text-align: center;
  margin: -10px 20px -10px -20px;
}
.box .box-header .box-icon {
  background: #1e8fc6;
  float: right;
}
.box .box-header .box-icon i {
  display: inline-block;
  color: white;
  text-align: center;
  width: 36px;
  padding: 10px 0px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  opacity: .8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  border-left: 1px solid #36a9e1;
  text-decoration: none;
}
.box .box-header .box-icon i:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.box .box-content {
  padding: 10px;
  background: white;
}
.box .box-content-2 {
  padding: 10px;
}
/* Typography - Blockquote
=================================================================== */blockquote {
  background: url(../../img/quote.png) no-repeat 0px 10px;
  font-style: italic;
  border-left: none;
  padding: 0 0 0 30px;
}
/* Main Colors
=================================================================== */
.blue {
  color: #36a9e1;
}
.lightBlue {
  color: #67c2ef;
}
.green {
  color: #bdea74;
}
.darkGreen {
  color: #78cd51;
}
.pink {
  color: #e84c8a;
}
.orange {
  color: #fa603d;
}
.lightOrange {
  color: #fabb3d;
}
.red {
  color: #ff5454;
}
.yellow {
  color: #eae874;
}
.white {
  color: white;
}
.grey {
  color: #c7cbd5;
}
.backgroundColor.blue {
  background: #36a9e1;
}
.backgroundColor.lightBlue {
  background: #67c2ef;
}
.backgroundColor.green {
  background: #bdea74;
}
.backgroundColor.darkGreen {
  background: #78cd51;
}
.backgroundColor.pink {
  background: #e84c8a;
}
.backgroundColor.orange {
  background: #fa603d;
}
.backgroundColor.lightOrange {
  background: #fabb3d;
}
.backgroundColor.red {
  background: #ff5454;
}
.backgroundColor.yellow {
  background: #eae874;
}
.backgroundColor.white {
  background: white;
}
.backgroundColor.grey {
  background: #c7cbd5;
}
.backgroundColorTitle.blue .title {
  background: #36a9e1;
}
.backgroundColorTitle.lightBlue .title {
  background: #67c2ef;
}
.backgroundColorTitle.green .title {
  background: #bdea74;
}
.backgroundColorTitle.darkGreen .title {
  background: #78cd51;
}
.backgroundColorTitle.pink .title {
  background: #e84c8a;
}
.backgroundColorTitle.orange .title {
  background: #fa603d;
}
.backgroundColorTitle.lightOrange .title {
  background: #fabb3d;
}
.backgroundColorTitle.red .title {
  background: #ff5454;
}
.backgroundColorTitle.yellow .title {
  background: #eae874;
}
.backgroundColorTitle.white .title {
  background: white;
}
.backgroundColorTitle.grey .title {
  background: #c7cbd5;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
/* Header Section
=================================================================== */
.navbar {
  margin: 0;
  padding: 0;
  min-height: 40px;
  border: none;
}
.navbar-inner {
  margin-bottom: 0px;
  min-height: 40px;
  padding: 0px 20px;
  background: #36a9e1;
  border: none;
  color: #fff;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.navbar-inner a {
  color: #7b7b7b;
}
.navbar-inner a i {
  margin-top: 2px;
}
.navbar-inner a:hover i {
  opacity: .8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
a.navbar-brand {
  background: #1e8fc6;
  text-align: center;
  border-bottom: 1px solid #1e8fc6;
  padding: 9px 0 10px 0 !important;
}
a.navbar-brand span {
  font-family: 'Kaushan Script', cursive;
  color: #fff;
  text-shadow: none;
}
a.navbar-brand.noBg {
  background: #36a9e1;
  border-bottom: none;
}
a.navbar-brand:hover {
  background: #1e8fc6;
}
.header-nav {
  padding: 0px;
  color: #fff !important;
  background: #000 !important;
}
.header-nav .btn {
  display: inline-block;
  margin: 0px;
  font-size: 15px;
  text-align: center;
  background: transparent;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.header-nav a.btn {
  color: #fff !important;
  text-shadow: none !important;
  padding: 8px 15px 11px 15px !important;
}
.header-nav a.btn.account {
  padding: 6px 10px 5px 0px !important;
}
.header-nav a.btn:hover {
  background: #1e8fc6;
}
.header-nav .avatar {
  width: 60px;
  float: left;
}
.header-nav .avatar img {
  margin: -13px 10px -14px 10px;
  height: 30px;
  width: 30px;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
}
.header-nav .user {
  display: inline-block;
  text-align: left;
  margin-top: -5px;
  padding: 0px;
}
.header-nav .user .hello {
  display: block;
  font-size: 11px;
  font-weight: bold;
}
.header-nav .user .name {
  display: block;
  margin-top: -6px !important;
  font-size: 13px;
}
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  color: white;
  background-color: #1e8fc6;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.dropdown-menu:after,
.dropdown-menu:before {
  border-bottom-color: #383e4b !important;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 166px;
  max-width: 300px;
  padding: 0px;
  margin: 0;
  list-style: none;
  text-shadow: none;
  background: white;
  border: 1px solid #c7cbd5;
  -webkit-border-radius: 0px 0px 4px 4px;
  -moz-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  margin: 0px 1px;
}
.dropdown-menu li a {
  display: block;
  padding: 5px 10px !important;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #383e4b;
  white-space: normal !important;
}
.dropdown-menu li {
  border-bottom: 1px solid #f9f9f9;
}
.dropdown-menu li:last-child {
  border-bottom: 0px !important;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color: #ffffff;
  text-decoration: none;
  background: #62bce8;
}
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #0077b3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: -ms-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(top, #0088cc, #0077b3);
}
.dropdown-menu .disabled > a,
.dropdown-menu .disabled > a:hover {
  color: #999999;
}
.dropdown-menu .disabled > a:hover {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
}
.dropdown-menu-title {
  background: #383e4b;
  color: white;
  padding: 5px 10px;
  display: block;
  font-weight: bold;
  margin: -1px;
}
.dropdown-menu-sub-footer {
  text-align: center;
  background: #e4e6eb;
  cursor: pointer;
}
.dropdown-menu ul,
.dropdown-menu ul li {
  padding: 0px !important;
  margin: 0px !important;
}
ul.notifications li,
ul.tasks li,
ul.messages li {
  min-width: 260px;
}
ul.notifications li .avatar img,
ul.tasks li .avatar img,
ul.messages li .avatar img {
  float: left;
  height: 40px;
  width: 40px;
  margin-top: 5px;
  margin-right: 10px;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
}
ul.messages li .header {
  display: block;
}
ul.messages li .header .from {
  font-size: 12px;
  font-weight: bold;
}
ul.notifications li .icon {
  margin: -5px 10px -5px -10px !important;
  padding: 7px 10px 9px 10px;
  color: white;
  width: 40px;
  display: inline-block;
  text-align: center;
}
ul.notifications li .icon.blue {
  background: #36a9e1;
}
ul.notifications li .icon.lightBlue {
  background: #67c2ef;
}
ul.notifications li .icon.green {
  background: #bdea74;
}
ul.notifications li .icon.darkGreen {
  background: #78cd51;
}
ul.notifications li .icon.pink {
  background: #e84c8a;
}
ul.notifications li .icon.orange {
  background: #fa603d;
}
ul.notifications li .icon.lightOrange {
  background: #fabb3d;
}
ul.notifications li .icon.red {
  background: #ff5454;
}
ul.notifications li .icon.yellow {
  background: #eae874;
}
ul.notifications li .icon.white {
  background: white;
}
ul.notifications li .icon.grey {
  background: #c7cbd5;
}
ul.notifications li .time,
ul.tasks li .header .percent,
ul.messages li .header .time {
  font-size: 11px;
  font-weight: bold;
  font-style: italic;
  position: absolute;
  right: 5px;
}
ul.tasks li .title,
ul.notifications li .message {
  font-size: 12px;
}
ul.notifications li.warning a {
  color: #fa603d;
}
ul.messages li .message {
  font-size: 11px;
}
/* Navigation Section
=================================================================== */
a#main-menu-toggle {
  color: white;
  position: absolute;
  z-index: 1000;
  top: 0px;
  left: 5px;
  padding: 10px 12px;
  font-size: 16px;
  text-shadow: none;
  text-decoration: none;
  cursor: pointer;
}
#sidebar-left {
  background: #383e4b;
  padding: 10px !important;
}
#sidebar-left .search {
  background: #2d323d;
  color: white;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  width: 100%;
  padding: 5px 10px;
  margin-bottom: 10px;
}
#sidebar-left .label {
  -webkit-border-radius: 2px 0px 0px 2px;
  -moz-border-radius: 2px 0px 0px 2px;
  border-radius: 2px 0px 0px 2px;
  position: absolute;
  right: 0px;
  background: #f5f5f5;
  color: #383e4b;
}
.sidebar-nav > ul {
  margin: 0px -25px;
  border: none;
  padding-bottom: 1px;
  font-size: 14px;
  white-space: nowrap;
}
.sidebar-nav > ul > li > ul {
  list-style: none;
  display: none;
  margin: 0px 0px;
}
.nav-tabs.nav-stacked > li > a {
  margin: 0px;
}
.nav-tabs.nav-stacked > li > a,
.nav-tabs.nav-stacked > li > ul > li > a {
  padding: 10px 15px;
  color: #fff;
  border: none;
  background: transparent;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  text-decoration: none;
  display: block;
}
.nav-tabs.nav-stacked > li > ul > li > a {
  padding: 10px 20px;
  margin-left: -40px;
}
.nav-tabs.nav-stacked > li > a > i,
.nav-tabs.nav-stacked > li > ul > li > a > i {
  margin-right: 10px;
}
.nav-tabs.nav-stacked > li > a:hover {
  background: #2d323d;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > ul > li > a:hover {
  background: #2d323d;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.nav-tabs.nav-stacked > li.active > a,
.nav-tabs.nav-stacked > li > ul > li.active > a {
  background: #2d323d;
}
.nav-tabs.nav-stacked > li.active > a:hover,
.nav-tabs.nav-stacked > li > ul > li.active > a:hover {
  border: none;
  color: white;
}
.nav-tabs.nav-stacked > li.active > ul {
  padding: 5px 0px;
  background: #2d323d;
}
.nav-tabs.nav-stacked > li:first-child > a {
  margin: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
/* Buttons
=================================================================== */
.btn {
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-shadow: none;
  background: #d6d9e0;
}
.btn i {
  margin-top: 2px;
}
.btn-primary {
  color: #ffffff;
  background: #36a9e1;
}
.btn-primary:hover,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #1e8fc6;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #1c89be;
}
.btn-warning {
  color: #ffffff;
  background: #fabb3d;
}
.btn-warning:hover,
.btn-warning.disabled,
.btn-warning[disabled] {
  background-color: #f9aa0b;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #f4a406;
}
.btn-danger {
  color: #ffffff;
  background: #ff5454;
}
.btn-danger:hover,
.btn-danger.disabled,
.btn-danger[disabled] {
  background-color: #ff2121;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #ff1717;
}
.btn-success {
  color: #ffffff;
  background: #78cd51;
}
.btn-success:hover,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #5db734;
}
.btn-success:active,
.btn-success.active {
  background-color: #59af32;
}
.btn-info {
  color: #ffffff;
  background: #67c2ef;
}
.btn-info:hover,
.btn-info.disabled,
.btn-info[disabled] {
  background-color: #39afea;
}
.btn-info:active,
.btn-info.active {
  background-color: #30ace9;
}
.btn-inverse {
  color: #ffffff;
  background: #444444;
}
.btn-inverse:hover,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  background-color: #2b2b2b;
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #252525;
}
/* Tabs
=================================================================== */
.tab-menu.nav-tabs {
  margin-top: -48px;
  border-bottom: none;
}
.tab-menu.nav-tabs > li {
  float: right;
  margin-bottom: -1px;
}
.tab-menu.nav-tabs > li > a {
  padding-top: 11px;
  padding-bottom: 11px;
  line-height: 16px;
  margin-left: -3px;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  color: white;
}
.tab-menu.nav-tabs > li > a:hover {
  background: #1e8fc6;
}
.tab-menu.nav-tabs > .active > a {
  border: none;
  color: #36a9e1;
  cursor: default;
  background: white;
}
.tab-menu.nav-tabs > .active > a:hover {
  border: none;
  background: white;
}
/* Forms
=================================================================== */
input[placeholder],
[placeholder],
*[placeholder] {
  color: white !important;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: white;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: white;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: white;
}
.add-on,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input[type="file"],
.uneditable-input {
  border-color: #e4e6eb !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* UI - Uniform
=================================================================== */
div.checker,
div.radio {
  margin-top: -4px !important;
}
div.uploader {
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}
/* Notifications & Labels
=================================================================== */
.notification {
  position: absolute;
  top: -12px;
  right: -12px;
  line-height: 16px;
  height: 16px;
  padding: 6px 10px;
  color: white !important;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.notification.small {
  padding: 2px 7px;
  color: white !important;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
}
.notification.small.blue,
.notification.blue {
  background: #36a9e1;
}
.notification.small.yellow,
.notification.yellow {
  background: #eae874;
}
.notification.small.red,
.notification.red {
  background: #ff5454;
}
.notification.small.green,
.notification.green {
  background: #78cd51;
}
.notification.small.orange,
.notification.orange {
  background: #fabb3d;
}
.notification.small.red,
.notification.red {
  background: #ff5454;
}
.label,
.badge {
  font-family: 'Lato', sans-serif;
  font-weight: 600;
  font-size: 12px;
  padding: 3px 6px;
  border: none;
  text-shadow: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.label {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.label-important,
.badge-important,
.label-important[href],
.badge-important[href] {
  background: #ff5454;
}
.label-warning,
.badge-warning,
.label-warning[href],
.badge-warning[href] {
  background: #fabb3d;
}
.label-success,
.badge-success,
.label-success[href],
.badge-success[href] {
  background: #78cd51;
}
.label-info,
.badge-info,
.label-info[href],
.badge-info[href] {
  background: #67c2ef;
}
/* Footer
=================================================================== */
footer {
  background: #383e4b;
  color: white;
  padding: 10px 20px 20px 20px!important;
  margin: 0 !important;
}
footer a {
  color: white;
  font-weight: bold;
}
/* Main Chart
=================================================================== */
.main-chart {
  height: 300px;
  margin-top: 40px;
  margin-bottom: 58px;
  border-top: 1px dashed #c7cbd5;
}
.main-chart .bar {
  height: 100%;
  position: relative;
  width: 3%;
  margin: 20px 1%;
  float: left;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  z-index: 10;
}
.main-chart .bar:before {
  content: '';
  position: absolute;
  z-index: -1;
  margin-top: -24px;
  left: 50%;
  margin-left: -4px;
  height: 8px;
  width: 8px;
  background: #c7cbd5;
}
.main-chart .bar:after {
  content: '';
  position: absolute;
  z-index: -1;
  margin-top: -10px;
  left: 50%;
  margin-left: -1px;
  height: 100%;
  width: 2px;
  background: #c7cbd5;
}
.main-chart .bar .title {
  position: absolute;
  top: -50px;
  width: 100%;
  text-align: center;
}
.main-chart .bar .value {
  position: absolute;
  bottom: 0px;
  background: #c7cbd5;
  color: #c7cbd5;
  width: 100%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.main-chart .bar .value:before {
  border-top: 5px solid #f5f5f5;
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: -5px;
  left: 0px;
}
.main-chart .bar .value:hover {
  background: #36a9e1;
  color: white;
}
.main-chart .bar.simple:before {
  content: '';
  position: absolute;
  z-index: -1;
  margin-top: -23px;
  left: 50%;
  margin-left: -2px;
  height: 5px;
  width: 5px;
  background: #c7cbd5;
}
.main-chart .bar.simple:after {
  content: '';
  position: absolute;
  z-index: -1;
  margin-top: -10px;
  left: 50%;
  margin-left: 0px;
  height: 100%;
  width: 1px;
  background: transparent;
  border-left: 1px dashed #d6d9e0;
}
.main-chart .bar.simple .title {
  top: -46px;
  font-size: 10px;
}
/* Vertical Bar Chart
=================================================================== */
.verticalChart {
  margin: 10px;
}
.verticalChart .singleBar {
  width: 6%;
  display: block;
  margin: 0 2% 0% 2%;
  float: left;
}
.verticalChart .singleBar .bar {
  position: relative;
  height: 120px;
  background: #f9f9f9;
  overflow: hidden;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.verticalChart .singleBar .bar .value {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #bdea74;
  color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.verticalChart .singleBar .bar .value span {
  position: absolute;
  font-size: 12px;
  bottom: 0;
  width: 100%;
  height: 20px;
  color: white;
  text-shadow: 0px -1px 0px #bdea74, 0px 1px 0px #bdea74, 1px 0px 0px #bdea74, -1px 0px 0px #bdea74, -1px -1px 0px #bdea74, -1px 1px 0px #bdea74, 1px 1px 0px #bdea74, 1px -1px 0px #bdea74;
  display: none;
  text-align: center;
}
.verticalChart .singleBar .title {
  margin-top: 5px;
  text-align: center;
  color: #383e4b;
}
/* Chart Type2
=================================================================== */
.chart-type2 {
  position: relative;
  z-index: 2;
  background: #36a9e1;
  margin: 10px 10px 40px 10px;
}
.chart-type2:before {
  position: absolute;
  z-index: -1;
  content: '';
  background: #36a9e1;
  height: 100%;
  width: 100%;
  padding: 20px;
  top: -20px;
  left: -20px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/* Browsers Stats
=================================================================== */
.browserStat.big {
  display: inline-block;
  width: 49%;
  text-align: center;
  margin-bottom: 20px;
  padding: 0px;
}
.browserStat {
  display: inline-block;
  width: 32%;
  text-align: center;
  margin: 0px;
  padding: 0px;
}
.browserStat span {
  display: block;
  text-align: center;
  margin-top: 10px;
}
/* Multi Stat Box
=================================================================== */
.multi-stat-box {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 1px 0px 1px #e4e6eb;
  -moz-box-shadow: 0px 1px 0px 1px #e4e6eb;
  box-shadow: 0px 1px 0px 1px #e4e6eb;
  overflow: hidden;
}
.multi-stat-box .left {
  width: 40%;
  float: left;
}
.multi-stat-box .right {
  width: 60%;
  float: right;
}
.multi-stat-box .header {
  font-size: 16px;
}
.multi-stat-box .header .left {
  position: relative;
  background: #1e8fc6;
  color: white;
  border-bottom: 1px solid #36a9e1;
}
.multi-stat-box .header .left h2 {
  padding: 10px 10px;
  margin: 0px;
}
.multi-stat-box .header .left a {
  text-decoration: none;
  color: white;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.multi-stat-box .header .left a:hover {
  opacity: 0.9;
}
.multi-stat-box .header .right {
  position: relative;
  border-bottom: 1px solid #e4e6eb;
  background: white;
}
.multi-stat-box .header .right h2 {
  padding: 10px 10px;
  margin: 0px;
}
.multi-stat-box .header .right .percent {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 8px;
  border-left: 1px solid #e4e6eb;
}
.multi-stat-box .header .right .percent i.icon-double-angle-up {
  color: #bdea74;
}
.multi-stat-box .header .right .percent i.icon-double-angle-down {
  color: #ff5454;
}
.multi-stat-box .content .left {
  background: #36a9e1;
  color: white;
  height: 180px;
}
.multi-stat-box .content .left ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.multi-stat-box .content .left ul li {
  padding: 10px 10px;
  height: 40px;
}
.multi-stat-box .content .left ul li .date {
  float: left;
}
.multi-stat-box .content .left ul li .value {
  float: right;
  font-weight: bold;
}
.multi-stat-box .content .left ul li:hover,
.multi-stat-box .content .left ul li.active {
  background: #219fdd;
  cursor: pointer;
}
.multi-stat-box .content .right {
  background: white;
  height: 180px;
}
/* Small Chart
=================================================================== */
.smallchart {
  background: white;
  text-align: center;
}
.smallchart .title {
  padding: 10px;
  color: white;
  background: #eaebef;
}
.smallchart .content {
  padding: 40px 0px;
  background: #e4e6eb;
}
.smallchart .content i {
  font-size: 40px;
  color: white;
}
.smallchart .value {
  color: #383e4b;
  padding: 10px;
}
.smallchart.blue .title {
  background: #36a9e1;
}
.smallchart.lightBlue .title {
  background: #67c2ef;
}
.smallchart.green .title {
  background: #bdea74;
}
.smallchart.darkGreen .title {
  background: #78cd51;
}
.smallchart.pink .title {
  background: #e84c8a;
}
.smallchart.orange .title {
  background: #fa603d;
}
.smallchart.lightOrange .title {
  background: #fabb3d;
}
.smallchart.red .title {
  background: #ff5454;
}
.smallchart.yellow .title {
  background: #eae874;
}
.smallchart.white .title {
  background: white;
}
.smallchart.grey .title {
  background: #c7cbd5;
}
/* Sparkline stats
=================================================================== */
.sparkLineStats {
  position: relative;
  margin-bottom: -4px;
}
.sparkLineStats ul {
  margin: 0;
}
.sparkLineStats ul li {
  margin-bottom: 0;
  line-height: 32px;
  padding-top: 3px;
  font-size: 12px;
}
.sparkLineStats ul li .number {
  font-size: 17px;
  font-weight: 700;
  padding: 0px 0px 0px 2px;
  color: #fa603d;
}
.sparkLineStats ul li span:first-child {
  margin-right: 5px;
}
.sparkLineStats ul li h4 {
  position: relative;
  border-bottom: 1px solid #c4c4c4;
  padding-bottom: 0px;
  margin-bottom: 10px;
  line-height: 37px;
  -webkit-box-shadow: 0 1px 0px #ffffff;
  -moz-box-shadow: 0 1px 0px #ffffff;
  box-shadow: 0 1px 0px #ffffff;
}
/* Smallstat
=================================================================== */
.jqstooltip {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.smallstat {
  background: white;
  padding: 10px;
  position: relative;
}
.smallstat .boxchart-overlay {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 84px;
  padding: 10px;
  text-align: center;
  margin-right: 10px;
  float: left;
  overflow: hidden;
}
.smallstat .boxchart-overlay.blue {
  background: #36a9e1;
}
.smallstat .boxchart-overlay.lightBlue {
  background: #67c2ef;
}
.smallstat .boxchart-overlay.green {
  background: #bdea74;
}
.smallstat .boxchart-overlay.darkGreen {
  background: #78cd51;
}
.smallstat .boxchart-overlay.pink {
  background: #e84c8a;
}
.smallstat .boxchart-overlay.orange {
  background: #fa603d;
}
.smallstat .boxchart-overlay.lightOrange {
  background: #fabb3d;
}
.smallstat .boxchart-overlay.red {
  background: #ff5454;
}
.smallstat .boxchart-overlay.yellow {
  background: #eae874;
}
.smallstat .boxchart-overlay.white {
  background: white;
}
.smallstat .boxchart-overlay.grey {
  background: #c7cbd5;
}
.smallstat i {
  text-align: center;
  display: block;
  color: white;
  width: 50px;
  font-size: 22px;
  padding: 14px 0px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  float: left;
  margin-right: 10px;
}
.smallstat i.blue {
  background: #36a9e1;
}
.smallstat i.lightBlue {
  background: #67c2ef;
}
.smallstat i.green {
  background: #bdea74;
}
.smallstat i.darkGreen {
  background: #78cd51;
}
.smallstat i.pink {
  background: #e84c8a;
}
.smallstat i.orange {
  background: #fa603d;
}
.smallstat i.lightOrange {
  background: #fabb3d;
}
.smallstat i.red {
  background: #ff5454;
}
.smallstat i.yellow {
  background: #eae874;
}
.smallstat i.white {
  background: white;
}
.smallstat i.grey {
  background: #c7cbd5;
}
.smallstat .title {
  top: 12px;
  color: #c7cbd5;
  display: block;
  font-size: 14px;
  margin-top: 4px;
}
.smallstat .value {
  font-size: 20px;
  font-weight: bold;
}
/* Discussions
=================================================================== */
.discussions ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.discussions ul li {
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 1px 0px 1px #e4e6eb;
  -moz-box-shadow: 0px 1px 0px 1px #e4e6eb;
  box-shadow: 0px 1px 0px 1px #e4e6eb;
  background: white;
  padding-left: 70px;
  padding-right: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
  margin-left: 80px;
  margin-right: 40px;
  padding: 10px;
}
.discussions ul li:before {
  content: '';
  width: 20px;
  height: 20px;
  top: 15px;
  left: -20px;
  position: absolute;
  background: url("../../img/disc-arrow.png") no-repeat;
  background-size: 20px 20px;
}
.discussions ul li .author {
  position: absolute;
  z-index: 1;
  width: 60px;
  float: left;
  left: -70px;
  top: 0px;
}
.discussions ul li .author img {
  height: 50px;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  -webkit-box-shadow: 0px 1px 0px 1px #e4e6eb;
  -moz-box-shadow: 0px 1px 0px 1px #e4e6eb;
  box-shadow: 0px 1px 0px 1px #e4e6eb;
}
.discussions ul li .name {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 100%;
  background: #fbfcfc;
  padding: 5px 10px 5px 10px;
  -webkit-border-radius: 2px 0px 0px 2px;
  -moz-border-radius: 2px 0px 0px 2px;
  border-radius: 2px 0px 0px 2px;
}
.discussions ul li .date {
  position: absolute;
  top: 10px;
  right: 0px;
  z-index: 1;
  background: #f3f4f6;
  padding: 5px 20px 5px 10px;
  -webkit-border-radius: 2px 0px 0px 2px;
  -moz-border-radius: 2px 0px 0px 2px;
  border-radius: 2px 0px 0px 2px;
}
.discussions ul li .delete {
  position: absolute;
  -webkit-border-radius: 0px 2px 2px 0px;
  -moz-border-radius: 0px 2px 2px 0px;
  border-radius: 0px 2px 2px 0px;
  background: #e4e6eb;
  top: 10px;
  right: -30px;
  padding: 5px 10px;
  display: inline-block;
  cursor: pointer;
}
.discussions ul li .message {
  border-bottom: 1px solid #e4e6eb;
  margin: 20px -10px 0px -10px;
  padding: 20px;
}
.discussions ul li ul {
  overflow: hidden;
}
.discussions ul li ul li {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid #e4e6eb;
  margin: 0 -10px;
  padding-left: 70px;
}
.discussions ul li ul li:before {
  display: none;
}
.discussions ul li ul li:last-child {
  border-bottom: none;
}
.discussions ul li ul li .author {
  top: 10px;
  left: 10px;
}
.discussions ul li ul li .author img {
  height: 40px;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  -webkit-box-shadow: 0px 1px 0px 1px #e4e6eb;
  -moz-box-shadow: 0px 1px 0px 1px #e4e6eb;
  box-shadow: 0px 1px 0px 1px #e4e6eb;
}
.discussions ul li ul li .name {
  left: 70px;
}
.discussions ul li ul li .date {
  background: transparent;
  right: 30px;
}
.discussions ul li ul li .delete {
  background: transparent;
  right: 10px;
}
.discussions ul li ul li .message {
  border-bottom: none;
}
.discussions ul li ul li textarea {
  border: none;
  background: #c7cbd5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 98%;
}
/* Chat Widget
=================================================================== */
.chat {
  position: relative;
  background: white;
}
.chat .contacts {
  position: absolute;
  height: 100%;
  float: left;
  width: 30%;
  background: #e4e6eb;
}
.chat .contacts ul.list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.chat .contacts ul.list li {
  position: relative;
  padding: 5px 10px;
  border-bottom: 1px solid #d6d9e0;
  cursor: pointer;
}
.chat .contacts ul.list li:hover {
  background: #c7cbd5;
}
.chat .contacts ul.list li img.avatar {
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  width: 40px;
  margin-right: 10px;
}
.chat .contacts ul.list li .status {
  display: block;
  position: absolute;
  top: 42%;
  right: 20px;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
}
.chat .contacts ul.list li .status.online {
  background: #bdea74;
}
.chat .contacts ul.list li .status.offline {
  background: #c7cbd5;
}
.chat .contacts ul.list li .status.busy {
  background: #fa603d;
}
.chat .contacts ul.list li .important {
  font-size: 11px;
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 35px;
  line-height: 16px;
  padding: 2px 7px;
  color: white;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  background: #ff5454;
}
.chat .conversation {
  width: 70%;
  float: right;
}
.chat .conversation .actions {
  background: #383e4b;
  width: 100%;
  height: 50px;
}
.chat .conversation .actions a {
  display: block;
  color: white;
  padding: 16px;
  font-size: 18px;
  width: 18px;
  float: left;
}
.chat .conversation .actions img.avatar {
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  width: 30px;
  margin: 10px 0px 10px 10px;
}
.chat .conversation ul {
  height: 516px;
  overflow-y: scroll;
  list-style: none;
  margin: 0;
  padding: 0;
}
.chat .conversation ul li {
  position: relative;
  padding: 15px 10px 10px 60px;
  border-bottom: 1px solid #e4e6eb;
}
.chat .conversation ul li img.avatar {
  top: 10px;
  left: 10px;
  position: absolute;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  width: 40px;
  margin-right: 10px;
}
.chat .conversation ul li .name {
  font-weight: bold;
  text-transform: uppercase;
}
.chat .conversation ul li .time {
  font-weight: bold;
  right: 10px;
  position: absolute;
  color: #c7cbd5;
  font-size: 11px;
}
.chat .conversation ul li .message {
  margin-top: 10px;
  font-size: 12px;
}
.chat .conversation .form {
  border-top: 2px solid #e4e6eb;
  height: 60px;
  padding: 10px;
}
.chat .conversation .form input {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background: #c7cbd5;
  color: white;
}
.chat.alt .contacts {
  width: 60px;
}
.chat.alt .contacts ul.list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.chat.alt .contacts ul.list li {
  text-align: center;
}
.chat.alt .contacts ul.list li img.avatar {
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  width: 40px;
  margin: 0 auto;
}
.chat.alt .contacts ul.list li .name {
  display: none;
}
.chat.alt .contacts ul.list li .status {
  top: 70%;
  right: 10px;
}
.chat.alt .conversation {
  width: auto;
  margin-left: 60px;
}
/* Calendar Widget
=================================================================== */
.calendar {
  background: white;
}
.calendar .calendar-details {
  height: 400px;
  width: 33%;
  background: #36a9e1;
  float: left;
  color: white;
  font-weight: 300px;
  position: relative;
}
.calendar .calendar-details .day {
  font-size: 20px;
  margin: 150px 10px 0px 10px;
  text-transform: uppercase;
}
.calendar .calendar-details .date {
  font-size: 20px;
  margin: 5px 10px 0px 10px;
  text-transform: uppercase;
}
.calendar .calendar-details .events {
  margin: 25px 10px 0px -30px;
}
.calendar .calendar-details .events ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.calendar .calendar-details .add-event {
  width: 90%;
  margin: 0 5%;
  position: absolute;
  bottom: 10px;
  border-bottom: 1px solid #62bce8;
}
.calendar .calendar-details .add-event i {
  color: #8fcfee;
}
.calendar .calendar-details .add-event input {
  width: 80%;
  color: white;
  border: 0;
  font-size: 12px;
  margin: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.calendar .calendar-small {
  width: 67%;
  float: right;
}
.calendar .fc td,
.calendar .fc th {
  padding: 0.4em;
  vertical-align: middle;
  font-weight: normal;
}
.calendar .fc-widget-header,
.calendar .fc-widget-content {
  border: 1px solid transparent;
}
.calendar .fc-content {
  margin: 50px 30px 30px 30px;
  text-transform: uppercase;
}
.calendar .fc-state-default {
  background: white;
  border: none;
  color: #c7cbd5;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.calendar .fc-state-hover,
.calendar .fc-state-down,
.calendar .fc-state-active,
.calendar .fc-state-disabled {
  color: #383e4b;
  background: white;
}
.calendar .fc-day-number {
  display: block;
  width: 28px;
  margin: -5px auto;
  padding: 5px !important;
}
.calendar .fc-state-highlight {
  background: transparent;
}
.calendar .fc-state-highlight .fc-day-number {
  background: #36a9e1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: white;
}
.calendar .event {
  background: #36a9e1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: white;
}
.calendar .fc-grid .fc-day-number {
  float: none;
  padding: 0 2px;
  text-align: center;
}
.calendar .fc-grid .fc-other-month .fc-day-number {
  opacity: 1;
  filter: alpha(opacity=1);
  color: #c7cbd5;
}
.calendar .fc-event {
  border: 0;
  height: 1px;
  background: #c7cbd5;
}
.calendar .fc-event .fc-event-inner {
  display: none;
}
/* Dashboard Lists ex.
=================================================================== */
ul.dashboard-list {
  margin: 0 0 0 -40px;
}
ul.dashboard-list a:hover {
  text-decoration: none;
}
ul.dashboard-list li:last-child {
  border-bottom: none;
}
ul.dashboard-list li:first-child {
  border-top: none;
  border-bottom: 1px solid #eeeeee;
}
ul.dashboard-list li {
  padding: 5px 0;
  list-style: none;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #eeeeee;
  font-size: 12px;
}
ul.dashboard-list li a span {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  margin-right: 10px;
  text-align: right;
  width: 50px;
  zoom: 1;
}
ul.dashboard-list li a img.avatar {
  height: 50px;
  width: 50px;
  float: left;
  margin-top: 3px;
  margin-right: 15px;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
}
ul.dashboard-list li i {
  font-size: 18px;
  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
/* Support tickets
=================================================================== */
ul.tickets {
  margin: 0 0 0 -40px;
}
ul.tickets li:last-child {
  border-bottom: none;
}
ul.tickets li:first-child {
  border-top: none;
  border-bottom: 1px solid #eeeeee;
}
ul.tickets li {
  list-style: none;
  padding: 5px 0;
  border-bottom: 1px solid #eeeeee;
  font-size: 12px;
}
ul.tickets li.ticket .left {
  display: inline-block;
  width: 60%;
}
ul.tickets li.ticket .right {
  display: inline-block;
  width: 39%;
  text-align: right;
}
ul.tickets li.ticket .status {
  width: 100px;
  display: inline-block;
  text-align: center;
}
ul.tickets li.ticket .date {
  width: 150px;
  display: inline-block;
  text-align: center;
}
ul.tickets li.ticket .title {
  display: inline-block;
  font-weight: bold;
}
ul.tickets li.ticket .name {
  display: inline-block;
}
ul.tickets li.ticket .number {
  display: inline-block;
  font-weight: bold;
  margin-left: 20px;
}
/* ToDo List
=================================================================== */
.todo ul {
  list-style: none;
  padding: 0px;
  margin: -10px;
}
.todo ul li {
  background: white;
  margin-left: 0px !important;
  padding: 10px 10px 10px 35px;
  border-bottom: 1px solid #e4e6eb;
  font-size: 12px;
  position: relative;
}
.todo ul li:last-child {
  border-bottom: 0px;
}
.todo ul li .label {
  position: absolute;
  right: 10px;
}
.todo ul li .todo-actions {
  position: absolute;
  left: 0px;
  margin-top: 2px;
}
.todo ul li .todo-actions a {
  text-decoration: none;
}
.todo ul li .todo-actions i {
  font-size: 18px;
  color: #c7cbd5;
  margin: 0px 5px 0px 10px;
}
.todo ul li .todo-actions i:hover {
  color: #36a9e1;
}
/* UI - Sliders & Progress
=================================================================== */
.slider {
  background: #e4e6eb;
  border: none;
  height: 20px;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  position: relative;
  z-index: 10;
  margin: 0px 18px !important;
}
.slider:after {
  background: #e4e6eb;
  content: '';
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  padding: 0px 19px;
  left: -19px;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  overflow: hidden;
}
.slider .ui-slider-range {
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  position: absolute;
  padding: 0px 19px 0px 19px;
  margin: 0px -19px 0px -19px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.ui-slider-handle {
  border: none !important;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  outline: none !important;
}
.ui-slider-horizontal .ui-slider-handle {
  background: url("../../img/handle.png") no-repeat center center scroll #ffffff !important;
  background-position: 50% 50%;
  background-size: 16px 16px !important;
  width: 36px;
  height: 18px;
}
.ui-slider-horizontal .ui-slider-handle {
  top: 1px;
  margin-left: -18px;
}
.sliderVertical {
  background: #e4e6eb;
  border: none;
  top: auto;
  bottom: auto;
  width: 20px !important;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  -webkit-box-shadow: inset 0px 5px 6px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0px 5px 6px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0px 5px 6px rgba(0, 0, 0, 0.05);
  position: relative;
  float: left;
  height: 100px;
  margin: 38px 20px 0px 20px;
  width: 5px;
}
.sliderVertical:after {
  background: #e4e6eb;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 38px 0px 0px 0px;
  top: -38px;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  overflow: hidden;
}
.sliderVertical .ui-slider-range {
  height: 100%;
  width: 100%;
  top: auto;
  bottom: auto;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  padding-top: 38px;
  margin-top: -38px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.sliderVertical .ui-slider-handle {
  background: url("../../img/handlev.png") no-repeat center center scroll #ffffff !important;
  background-position: 50% 50%;
  background-size: 16px 16px !important;
  width: 18px;
  height: 36px;
  left: 50%;
  margin: 0px 0px 1px -9px !important;
}
.sliderVertical .ui-slider-range-max {
  top: 0;
}
.sliderVertical .ui-slider-range-min {
  bottom: 0;
}
.sliderBlue .ui-slider-range,
.progressBlue .ui-progressbar-value {
  background: #36a9e1;
}
.sliderGreen .ui-slider-range,
.progressGreen .ui-progressbar-value {
  background: #bdea74;
}
.sliderDarkGreen .ui-slider-range,
.progressDarkGreen .ui-progressbar-value {
  background: #78cd51;
}
.sliderPink .ui-slider-range,
.progressPink .ui-progressbar-value {
  background: #e84c8a;
}
.sliderOrange .ui-slider-range,
.progressOrange .ui-progressbar-value {
  background: #fa603d;
}
.sliderLightOrange .ui-slider-range,
.progressLightOrange .ui-progressbar-value {
  background: #fabb3d;
}
.sliderRed .ui-slider-range,
.progressRed .ui-progressbar-value {
  background: #ff5454;
}
.sliderYellow .ui-slider-range,
.progressYellow .ui-progressbar-value {
  background: #eae874;
}
.progress {
  background: #e4e6eb;
  border: none;
  height: 14px;
  -webkit-border-radius: 50em !important;
  -moz-border-radius: 50em !important;
  border-radius: 50em !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  position: relative;
  margin-top: -2px;
}
.progress .ui-progressbar {
  -webkit-border-radius: 50em !important;
  -moz-border-radius: 50em !important;
  border-radius: 50em !important;
}
.progress .ui-progressbar-value {
  border: none;
  height: 100%;
  top: 1px;
  position: absolute;
  left: 1px;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.progressBarValue span {
  font-size: 12px;
}
.progressBarValue span.progressCustomValueVal {
  font-size: 18px;
  font-weight: 700;
  padding: 0 5px;
  color: #fa603d;
}
.progressSlim {
  background: #e4e6eb;
  border: none;
  height: 10px;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  position: relative;
  margin-top: -2px;
}
.progressSlim .ui-progressbar-value {
  border-color: transparent;
  height: 100%;
  top: 0px;
  position: absolute;
  left: 0px;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
}
.tasks .progressSlim {
  overflow: hidden;
  border: none !important;
  height: 8px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-top: 0px;
}
.tasks .progressSlim .ui-progressbar-value {
  overflow: hidden;
  margin: 0px;
  border: none !important;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
}
/* Quick Buttons
=================================================================== */
.quick-button {
  border: 1px solid #ddd;
  margin-bottom: -1px;
  padding: 30px 0px 10px 0px;
  font-size: 14px;
  background-color: #efefef;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#efefef));
  background-image: -webkit-linear-gradient(top, #fafafa, #efefef);
  background-image: -moz-linear-gradient(top, #fafafa, #efefef);
  background-image: -o-linear-gradient(top, #fafafa, #efefef);
  background-image: -ms-linear-gradient(top, #fafafa, #efefef);
  background-image: linear-gradient(top, #fafafa, #efefef);
  -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 0px rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: block;
  text-align: center;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.quick-button:hover {
  text-decoration: none;
  border-color: #a5a5a5;
  color: #444444;
  text-shadow: 0 1px 0px #ffffff;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
}
.quick-button:hover .notification {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
}
.quick-button i {
  font-size: 32px;
}
/* Quick Buttons Small
=================================================================== */
.quick-button-small {
  border: 1px solid #ddd;
  padding: 15px 0px 0px 0px;
  font-size: 10px;
  background-color: #efefef;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#efefef));
  background-image: -webkit-linear-gradient(top, #fafafa, #efefef);
  background-image: -moz-linear-gradient(top, #fafafa, #efefef);
  background-image: -o-linear-gradient(top, #fafafa, #efefef);
  background-image: -ms-linear-gradient(top, #fafafa, #efefef);
  background-image: linear-gradient(top, #fafafa, #efefef);
  -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 0px rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: block;
  text-shadow: 0 1px 0px rgba(255, 255, 255, 0.6);
  text-align: center;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.quick-button-small:hover {
  text-decoration: none;
  border-color: #a5a5a5;
  color: #444444;
  text-shadow: 0 1px 0px #ffffff;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
}
.quick-button-small:hover .notification {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
}
.quick-button-small i {
  font-size: 20px;
}
/* Circle stats
=================================================================== */
.tempStats {
  text-align: center !important;
}
.tempStatBox {
  width: 120px;
  padding: 25px 0px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 auto;
}
.tempStatBox .tempStat {
  position: relative;
  font-size: 34px;
  line-height: 100px;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  border: 10px solid #FFF;
  background: #f9f9f9;
  height: 100px;
  width: 100px;
  text-align: center;
  margin: 0 auto;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.tempStatBox .tempStat:before {
  content: "";
  top: -10px;
  left: -10px;
  height: 120px;
  width: 120px;
  position: absolute;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  background: transparent;
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px #ffffff;
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px #ffffff;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px #ffffff;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.tempStatBox .tempStat:after {
  content: "";
  top: 0px;
  left: 0px;
  height: 98px;
  width: 98px;
  position: absolute;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  border: 1px solid #fff;
  background: transparent;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.tempStatBox .tempStat.t0 {
  border-color: #67c2ef;
}
.tempStatBox .tempStat.t20 {
  border-color: #bdea74;
}
.tempStatBox .tempStat.t40 {
  border-color: #eae874;
}
.tempStatBox .tempStat.t60 {
  border-color: #fabb3d;
}
.tempStatBox .tempStat.t80 {
  border-color: #fa603d;
}
.tempStatBox .tempStat.t100 {
  border-color: #ff5454;
}
.tempStatBox span {
  width: 100%;
  text-align: center;
  display: block;
  margin-top: 10px;
  text-shadow: 0px 1px 0px #fff;
}
/* Circle stats
=================================================================== */
.circleStats {
  text-align: center;
  position: relative;
}
.circleStatsItem {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: inset 0 0px 0 2px rgba(0, 0, 0, 0.2), 0 0px 0 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0px 0 2px rgba(0, 0, 0, 0.2), 0 0px 0 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0px 0 2px rgba(0, 0, 0, 0.2), 0 0px 0 4px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  width: 120px;
  height: 120px;
  margin: 10px auto;
}
.circleStatsItem i {
  font-size: 30px;
  position: absolute;
  top: 30%;
  margin-top: 0px;
  width: 100%;
  text-align: center;
}
.circleStatsItem input {
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  height: auto;
  position: absolute;
  top: 15px;
  left: 120px;
  padding: 5px 0px !important;
  border-color: rgba(0, 0, 0, 0.8);
}
.circleStatsItem input:focus {
  outline: 0;
  outline: thin dotted 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.circleStatsItem .plus {
  font-size: 16px;
  position: absolute;
  top: 55%;
  margin-left: 30px;
}
.circleStatsItem .percent {
  font-size: 14px;
  position: absolute;
  top: 57%;
  margin-left: 78px;
}
.circleStatsItem.orange,
.circleStatsItem.orange i {
  color: #fa603d;
}
.circleStatsItem.lightorange,
.circleStatsItem.lightorange i {
  color: #fabb3d;
}
.circleStatsItem.blue,
.circleStatsItem.blue i {
  color: #36a9e1;
}
.circleStatsItem.green,
.circleStatsItem.green i {
  color: #bdea74;
}
.circleStatsItem.yellow,
.circleStatsItem.yellow i {
  color: #eae874;
}
.circleStatsItem.pink,
.circleStatsItem.pink i {
  color: #e84c8a;
}
.circleStatsItemBox {
  position: relative;
  background: #67c2ef;
  width: 100%;
  min-width: 130px;
  height: 160px;
  margin: 10px auto;
  padding-top: 40px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.circleStatsItemBox .header {
  background: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 20px;
  padding: 5px 0px;
  position: absolute;
  top: 0px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.circleStatsItemBox .footer {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 20px;
  padding: 5px 0px;
  position: absolute;
  bottom: 0px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.circleStatsItemBox .footer .count {
  font-size: 12px;
}
.circleStatsItemBox .footer .value {
  font-weight: bold;
}
.circleStatsItemBox .percent {
  font-size: 12px;
  position: absolute;
  top: 110px;
  width: 100%;
  left: 0px;
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
}
.circleStatsItemBox input {
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  height: auto;
  position: absolute;
  top: 30px;
  padding: 5px 0px !important;
  border-color: rgba(0, 0, 0, 0.8);
}
.circleStatsItemBox input:focus {
  outline: 0;
  outline: thin dotted 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* Just Gage - Demo Charts
=================================================================== */
.sz1 {
  width: 200px;
  height: 160px;
}
.sz0 {
  margin: 2em 0 0 0;
}
.sz0 {
  width: 100px;
  height: 80px;
}
.wizard {
  *zoom: 1;
  padding-bottom: 20px;
  border-bottom: 1px solid #e4e6eb;
  margin-bottom: 20px;
}
.wizard:before,
.wizard:after {
  display: table;
  content: "";
  line-height: 0;
}
.wizard:after {
  clear: both;
}
.wizard ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
  /* set z-index on steps for chevron overlap */

}
.wizard ul li {
  float: left;
  margin: 0;
  padding: 0 20px 0 30px;
  height: 46px;
  line-height: 46px;
  position: relative;
  color: #c7cbd5;
  font-size: 16px;
  cursor: default;
}
.wizard ul li .chevron {
  display: none;
}
.wizard ul li:after {
  position: absolute;
  content: '';
  z-index: -1;
  width: 100%;
  height: 4px;
  background: #e4e6eb;
  left: 0px;
  top: 50%;
  margin-top: 0px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.wizard ul li:before {
  position: absolute;
  content: '';
  z-index: -1;
  width: 100%;
  height: 8px;
  background: #f6f6f8;
  left: -2px;
  top: 50%;
  padding: 0px 2px;
  margin-top: -2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.wizard ul li.complete {
  color: #bdea74;
}
.wizard ul li.complete:hover {
  cursor: pointer;
}
.wizard ul li.complete:after {
  background: #bdea74;
}
.wizard ul li.complete .badge {
  border: 1px solid #bdea74;
  background: #bdea74;
  color: white;
}
.wizard ul li.active {
  color: #36a9e1;
}
.wizard ul li.active .badge {
  border: 1px solid #36a9e1;
  background: white;
  color: #383e4b;
}
.wizard ul li .badge {
  position: relative;
  margin-right: 8px;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  font-size: 12px;
  padding: 10px;
  width: 14px;
  text-align: center;
  border: 1px solid #e4e6eb;
  background: white;
  color: #383e4b;
}
.wizard ul li .badge:before {
  position: absolute;
  content: '';
  z-index: -1;
  width: 100%;
  height: 100%;
  padding: 6px;
  background: #f6f6f8;
  top: -6px;
  left: -6px;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.wizard ul li:nth-child(1) {
  border-radius: 4px 0 0 4px;
  padding-left: 20px;
  z-index: 10;
}
.wizard ul li:nth-child(2) {
  z-index: 9;
}
.wizard ul li:nth-child(3) {
  z-index: 8;
}
.wizard ul li:nth-child(4) {
  z-index: 7;
}
.wizard ul li:nth-child(5) {
  z-index: 6;
}
.wizard ul li:nth-child(6) {
  z-index: 5;
}
.wizard ul li:nth-child(7) {
  z-index: 4;
}
.wizard ul li:nth-child(8) {
  z-index: 3;
}
.wizard ul li:nth-child(9) {
  z-index: 2;
}
.wizard ul li:nth-child(10) {
  z-index: 1;
}
.wizard .actions {
  line-height: 44px;
  float: right;
  padding-right: 15px;
  vertical-align: middle;
}
.wizard .actions a {
  line-height: 45px;
  font-size: 12px;
  margin-right: 8px;
}
.wizard .actions .btn-prev i {
  margin-right: 5px;
}
.wizard .actions .btn-next i {
  margin-left: 5px;
}
.step-content .step-pane {
  display: none;
}
.step-content .active {
  display: block;
}
/* Masonry Gallery
=================================================================== */
.masonry-thumb {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 6px;
}
/* Star Rating
=================================================================== */
.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  font-size: 30px;
}
.rating span.star,
.rating span.star {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
}
.rating span.star:hover,
.rating span.star:hover {
  cursor: pointer;
}
.rating span.star:before,
.rating span.star:before {
  content: "\f006";
  padding-right: 5px;
  color: #999999;
}
.rating span.star:hover:before,
.rating span.star:hover:before,
.rating span.star:hover ~ span.star:before,
.rating span.star:hover ~ span.star:before {
  content: "\f005";
  color: #e3cf7a;
}
/* Icons
=================================================================== */
.the-icons {
  list-style: none;
}
div.dataTables_length label {
  font-weight: normal;
  float: left;
  text-align: left;
}
div.dataTables_length select {
  width: 75px;
}
div.dataTables_filter label {
  font-weight: normal;
  float: right;
}
div.dataTables_info {
  padding-top: 8px;
}
div.dataTables_paginate {
  float: right;
  margin: 0;
}
div.dataTables_paginate ul.pagination {
  margin: 2px;
}
table.table {
  clear: both;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  max-width: none !important;
}
table.table thead .sorting,
table.table thead .sorting_asc,
table.table thead .sorting_desc,
table.table thead .sorting_asc_disabled,
table.table thead .sorting_desc_disabled {
  cursor: pointer;
}
table.table thead .sorting {
  background: url('../../img/sort_both.png') no-repeat center right;
}
table.table thead .sorting_asc {
  background: url('../../img/sort_asc.png') no-repeat center right;
}
table.table thead .sorting_desc {
  background: url('../../img/sort_desc.png') no-repeat center right;
}
table.table thead .sorting_asc_disabled {
  background: url('../../img/sort_asc_disabled.png') no-repeat center right;
}
table.table thead .sorting_desc_disabled {
  background: url('../../img/sort_desc_disabled.png') no-repeat center right;
}
table.dataTable th:active {
  outline: none;
}
/* 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-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 {
  border-top: none;
}
/*
 * TableTools styles
 */
.table tbody tr.active td,
.table tbody tr.active th {
  background-color: #08C;
  color: white;
}
.table tbody tr.active:hover td,
.table tbody tr.active:hover th {
  background-color: #0075b0 !important;
}
.table-striped tbody tr.active:nth-child(odd) td,
.table-striped tbody tr.active:nth-child(odd) th {
  background-color: #017ebc;
}
table.DTTT_selectable tbody tr {
  cursor: pointer;
}
div.DTTT .btn {
  color: #333 !important;
  font-size: 12px;
}
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;
}
/* TableTools information display */
div.DTTT_print_info.modal {
  height: 150px;
  margin-top: -75px;
  text-align: center;
}
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;
}
/*
 * 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;
}
div.DTFC_RightHeadWrapper table,
div.DTFC_LeftHeadWrapper table {
  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-bottom: 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;
}
/* Page: Messages
=================================================================== */
.message-view {
  background: white;
  padding: 20px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin-top: -30px;
  margin-right: -32px;
  margin-bottom: -30px;
}
ul.messagesList {
  list-style: none;
  margin: 0 0 0 -40px;
  font-size: 12px;
}
ul.messagesList li {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 5px 10px;
  cursor: pointer;
}
ul.messagesList li .glyphicons {
  padding: 5px 0 5px 25px;
}
ul.messagesList li .glyphicons i:before {
  font-size: 14px;
  margin: -2px 0px 0px 5px;
  color: #383e4b;
}
ul.messagesList li:nth-child(odd) {
  background: white !important;
}
ul.messagesList li.odd {
  background: white !important;
}
ul.messagesList li span {
  display: inline-block;
}
ul.messagesList li span.from {
  width: 25%;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
ul.messagesList li span.title {
  width: 55%;
  font-weight: 300;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
ul.messagesList li span.date {
  width: 20%;
  text-align: right;
}
.message textarea {
  color: #383e4b !important;
}
.message .header {
  margin-bottom: 30px;
}
.message .header h1 {
  border-top: 1px solid #1e8fc6;
  background: #36a9e1;
  color: white;
  margin: -20px -20px 10px -20px;
  padding: 20px;
}
.message .header i {
  margin-top: 1px;
}
.message .header .from {
  display: inline-block;
  width: 70%;
  font-size: 12px;
}
.message .header .date {
  display: inline-block;
  width: 29%;
  text-align: right;
  float: right;
  font-size: 12px;
}
.message .attachments {
  border-top: 3px solid #f9f9f9;
  border-bottom: 3px solid #f9f9f9;
  padding: 10px 0px;
  margin-bottom: 20px;
  font-size: 12px;
}
.message .attachments ul {
  list-style: none;
  margin: 0 0 0 -40px;
}
.message .attachments ul li {
  margin: 10px 0;
}
.message .attachments ul li span.label {
  font-size: 12px !important;
}
.message .attachments ul li span.quickMenu {
  float: right;
  text-align: right;
}
.message .attachments ul li span.quickMenu .glyphicons {
  padding: 5px 0 5px 25px;
}
.message .attachments ul li span.quickMenu .glyphicons i:before {
  font-size: 14px;
  margin: -2px 0px 0px 5px;
  color: #383e4b;
}
/* Page: Tasks
=================================================================== */
.task-list {
  background: white;
  padding: 20px;
  margin-top: -30px;
  margin-left: -30px;
  margin-bottom: -30px;
  height: 100%;
}
.graph {
  height: 100%;
}
.priority.high {
  background: #ffeded;
  margin-bottom: 1px;
}
.priority.high span {
  background: #ff5454;
  padding: 2px 10px;
  color: white;
  display: inline-block;
  font-size: 12px;
}
.priority.medium {
  background: #fef8eb;
  margin-bottom: 1px;
}
.priority.medium span {
  background: #fabb3d;
  padding: 2px 10px;
  color: white;
  display: inline-block;
  font-size: 12px;
}
.priority.low {
  background: #e4f5dc;
  margin-bottom: 1px;
}
.priority.low span {
  background: #78cd51;
  padding: 2px 10px;
  color: white;
  display: inline-block;
  font-size: 12px;
}
.task {
  border-bottom: 1px solid #f9f9f9;
  margin-bottom: 1px;
  position: relative;
}
.task .desc {
  display: inline-block;
  width: 75%;
  padding: 10px 10px;
  font-size: 12px;
}
.task .desc .title {
  font-size: 18px;
  margin-bottom: 5px;
}
.task .time {
  display: inline-block;
  width: 15%;
  padding: 10px 10px 10px 0px;
  font-size: 12px;
  text-align: right;
  position: absolute;
  top: 0px;
  right: 0px;
}
.task .time .date {
  font-size: 18px;
  margin-bottom: 5px;
}
.task.last {
  border-bottom: 1px solid transparent;
}
.task.high {
  border-left: 2px solid #ff5454;
}
.task.medium {
  border-left: 2px solid #fabb3d;
}
.task.low {
  border-left: 2px solid #78cd51;
}
.timeline {
  width: auto;
  height: 100%;
  margin: 20px auto;
  position: relative;
}
.timeline:before {
  position: absolute;
  content: '';
  height: 100%;
  width: 4px;
  background: #e4e6eb;
  left: 50%;
  margin-left: -2px;
}
.timeslot {
  display: inline-block;
  position: relative;
  width: 100%;
  margin: 5px 0px;
}
.timeslot .task {
  position: absolute;
  width: 42%;
  padding-right: 18px;
  display: block;
  height: auto;
  border: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.timeslot .task span {
  border: 2px solid #67c2ef;
  background: #f1fafe;
  padding: 5px;
  display: block;
  font-size: 11px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.timeslot .task span span.details {
  font-size: 16px;
  margin-bottom: 10px;
}
.timeslot .task span span.remaining {
  font-size: 14px;
}
.timeslot .task span span {
  border: 0px;
  background: transparent;
  padding: 0px;
}
.timeslot .task .arrow {
  position: absolute;
  top: 6px;
  right: 0px;
  height: 20px;
  width: 20px;
  background: url(../../img/timeline-left-arrow.png) no-repeat;
}
.timeslot .icon {
  position: absolute;
  border: 2px solid #67c2ef;
  background: #383e4b;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  height: 30px;
  width: 30px;
  left: 50%;
  margin-left: -16px;
  color: white;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  text-shadow: none;
  z-index: 2;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.timeslot .time {
  background: #e4e6eb;
  position: absolute;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  top: 1px;
  left: 50%;
  padding: 5px 10px 5px 40px;
  z-index: 1;
  margin-top: 1px;
}
.timeslot.alt .task {
  left: auto;
  right: -20px;
  padding-left: 18px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.timeslot.alt .task .arrow {
  position: absolute;
  top: 6px;
  left: 0px;
  height: 20px;
  width: 20px;
  background: url(../../img/timeline-right-arrow.png) no-repeat;
}
.timeslot.alt .time {
  top: 1px;
  left: auto;
  right: 50%;
  padding: 5px 40px 5px 10px;
}
/* Login Box
=================================================================== */
.login-box {
  width: 300px;
  padding: 20px;
  margin: 100px auto;
  background: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.login-box input[type="text"],
.login-box input[type="password"] {
  border: none;
  background: #e4e6eb;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0px 10px;
  height: 40px;
  margin: 5px auto;
}
.login-box button {
  margin: 15px 0px !important;
}
.login-box .remember {
  margin-top: 20px;
  float: left;
}
/*
* Author: Łukasz Holeczek
* Template: SimpliQ - Flat & Responsive Bootstrap Admin Template
* Version: 1.0.2 
* Bootstrap version: 2.3.2
* Copyright 2013 creativeLabs
* www: http://bootstrapmaster.com
* mail: lukasz@bootstrapmaster.com
* You can buy this theme on WrapBootstrap: https://wrapbootstrap.com/theme/simpliq-flat-responsive-admin-template-WB0N1X0T1
* You can find our other themes on: https://bootstrapmaster.com
*/
/* Higher than 1200 (desktop devices)
====================================================================== */
@media (min-width: 1200px) {
  .hidden-xs,
  .hidden-sm,
  .hidden-md,
  .hidden-lg {
    display: inline-block !important;
  }
  a#main-menu-toggle {
    margin-left: 14.422%;
  }
  a.navbar-brand {
    position: absolute;
    left: 0px;
    width: 14.422%;
  }
  .navbar-collapse {
    max-height: 100%;
  }
  .container {
    max-width: 100% !important;
  }
  .container #content {
    padding: 30px;
    margin: 0;
    height: 100%;
    width: 85.578%;
  }
  .container #sidebar-left {
    width: 14.422%;
  }
}
/* Higher than 992 (desktop devices)
====================================================================== */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hidden-xs,
  .hidden-sm,
  .hidden-md,
  .hidden-lg {
    display: inline-block !important;
  }
  a#main-menu-toggle {
    margin-left: 14.422%;
  }
  a.navbar-brand {
    position: absolute;
    left: 0px;
    width: 14.422%;
  }
  .navbar-collapse {
    max-height: 100%;
  }
  .container {
    max-width: 100% !important;
  }
  .container #content {
    padding: 30px;
    margin: 0;
    height: 100%;
    width: 85.578%;
  }
  .container #sidebar-left {
    width: 14.422%;
  }
  .sparkLineStats li .number {
    font-size: 16px;
    font-weight: 700;
    padding: 0 5px;
    color: #FA5833;
  }
  .calendar .fc td,
  .calendar .fc th {
    padding: 0.3em;
  }
  .calendar .fc-content {
    margin: 50px 20px 20px 20px;
  }
  /* Page: Tasks
  	=================================================================== */
  .task .desc {
    display: inline-block;
    width: 70%;
    padding: 10px 10px;
    font-size: 12px;
  }
  .task .desc .title {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .task .time {
    display: inline-block;
    float: right;
    width: 20%;
    padding: 10px 10px;
    font-size: 12px;
    text-align: right;
  }
  .task .time .date {
    font-size: 16px;
    margin-bottom: 5px;
  }
  ul.messages-list li a .date {
    display: none;
  }
  footer {
    position: relative;
  }
}
/* Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  a#main-menu-toggle {
    margin-left: 8.334%;
  }
  a.navbar-brand {
    left: 0px;
    width: 8.334%;
    padding: 8px 0px !important;
    position: absolute;
  }
  a.navbar-brand span {
    font-size: 12px;
  }
  .navbar-collapse {
    max-height: 100%;
  }
  .container {
    max-width: 100% !important;
  }
  .container #content {
    padding: 22px;
    margin: 0px 0px;
    overflow: hidden;
  }
  .container #sidebar-left {
    margin-left: 0px !important;
    width: 8.334% !important;
  }
  .sidebar-nav ul {
    text-align: center;
    width: 100% !important;
    font-size: 20px;
    margin: -10px 10px 0px 10px !important;
  }
  .sidebar-nav ul li a {
    margin: 0;
    padding: 0;
  }
  .sidebar-nav ul li ul > li {
    margin: 0px 10px 0px 0px;
    padding: 0;
  }
  .sidebar-nav .nav-tabs.nav-stacked > li > ul > li {
    margin-left: -10px;
  }
  .sidebar-nav .nav-tabs.nav-stacked > li > a > i,
  .sidebar-nav .nav-tabs.nav-stacked > li > ul > li > a > i {
    margin-right: 0px;
  }
  .noMargin {
    margin-left: 0px !important;
  }
  .btn-navbar {
    display: none !important;
  }
  .nav-collapse,
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
    margin-left: -20px !important;
  }
  .sidebar-nav {
    padding: 0;
    margin-bottom: 0;
  }
  .stats-date .range {
    font-size: 16px;
    font-weight: 300;
  }
  .sparkLineStats li .number {
    font-size: 14px;
    font-weight: 700;
    padding: 0 5px;
    color: #FA5833;
  }
  /* Page: Tasks
  	=================================================================== */
  .task-list {
    padding: 20px;
    margin-top: -22px;
    margin-left: -22px;
    margin-bottom: -22px;
  }
  .task {
    border-bottom: 1px solid #f9f9f9;
    margin-bottom: 1px;
  }
  .task .desc {
    display: inline-block;
    width: 65%;
    padding: 10px 10px;
    font-size: 10px;
    margin-right: -20px;
  }
  .task .desc .title {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .task .time {
    display: inline-block;
    float: right;
    width: 25%;
    padding: 10px 10px;
    font-size: 10px;
    text-align: right;
  }
  .task .time .date {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .task.high {
    border-left: 2px solid #fa603d;
  }
  .task.medium {
    border-left: 2px solid #fabb3d;
  }
  .task.low {
    border-left: 2px solid #78cd51;
  }
  .timeslot .task span {
    border: 2px solid #67c2ef;
    background: rgba(103, 194, 239, 0.1);
    padding: 5px;
    display: block;
    font-size: 10px;
  }
  .timeslot .task span span {
    border: 0px;
    background: transparent;
    padding: 0px;
  }
  .timeslot .task span span.details {
    font-size: 14px;
    margin-bottom: 0px;
  }
  .timeslot .task span span.remaining {
    font-size: 12px;
  }
  /* Page: Messages
  	=================================================================== */
  .message-view {
    background: white;
    padding: 20px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-top: -22px;
    margin-right: -23px;
  }
  footer {
    margin: 20px -20px 0px -20px;
    padding: 10px 20px;
    position: relative;
    z-index: 2;
  }
}
/* All Mobile Sizes (devices and browser)
====================================================================== */
@media only screen and (max-width: 767px) {
  a.navbar-brand {
    margin-bottom: 0px;
  }
  .hidden-sm {
    display: inline-block !important;
  }
  .navbar-toggle {
    position: absolute;
    top: 45px;
    right: 30px;
    z-index: 100;
    background: transparent !important;
    text-shadow: none !important;
    border: none !important;
  }
  .navbar-toggle .icon-bar {
    background: white;
  }
  .navbar-collapse {
    max-height: 300px;
    margin-right: -10px;
    margin-left: -10px;
    border-top: none;
    box-shadow: none;
  }
  .header-nav li {
    float: left;
  }
  #content {
    overflow: hidden;
  }
  .sidebar-nav > ul {
    margin: 0 -15px;
  }
  .nav-tabs.nav-stacked > li {
    margin: 0px !important;
  }
  .nav-tabs.nav-stacked > li > a {
    margin: 0px !important;
    font-size: 14px;
    padding: 12px 10px;
  }
  .nav-tabs.nav-stacked > li > ul > li > a {
    font-size: 12px;
  }
  .nav-tabs.nav-stacked > li > a > i {
    display: inline;
    margin-right: 10px;
  }
  .nav-tabs.nav-stacked > li > ul > li > a > i {
    display: inline;
    margin-right: 10px;
  }
  .nav-tabs.nav-stacked > li.active > a {
    border: 0px;
  }
  .nav-tabs.nav-stacked > li.active > ul {
    border: 0px;
  }
  /* Page: Tasks
  	=================================================================== */
  .task-list {
    position: relative;
    margin: 0px !important;
  }
  .graph {
    position: relative;
    margin: 0px !important;
  }
  .task {
    border-bottom: 1px solid #f9f9f9;
    margin-bottom: 1px;
  }
  .task .desc {
    display: inline-block;
    width: 65%;
    padding: 10px 10px;
    font-size: 10px;
    margin-right: -20px;
  }
  .task .desc .title {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .task .time {
    display: inline-block;
    float: right;
    width: 25%;
    padding: 10px 10px;
    font-size: 10px;
    text-align: right;
  }
  .task .time .date {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .timeslot .task span {
    padding: 5px;
    display: block;
    font-size: 10px;
  }
  .timeslot .task span span {
    border: 0px;
    background: transparent;
    padding: 0px;
  }
  .timeslot .task span span.details {
    font-size: 14px;
    margin-bottom: 0px;
  }
  .timeslot .task span span.remaining {
    font-size: 12px;
  }
  /* Page: Messages
  	=================================================================== */
  .message-view {
    margin: 0;
  }
  /* Main Chart
  	=================================================================== */
  .main-chart .bar .title {
    left: -4px;
  }
  .main-chart .bar.simple .title {
    display: none;
  }
  .discussions ul li .name {
    display: none;
  }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .col-12 {
    width: 100%;
  }
  body {
    padding: 0px;
  }
  #content {
    padding: 5px;
  }
  .mobileHalf {
    width: 48% !important;
    float: left !important;
    margin: 1% !important;
  }
  .quick-button,
  .quick-button-small {
    margin-bottom: 20px;
  }
  .pull-right {
    width: 100%;
    margin: 10px auto;
    text-align: center;
  }
  .fc-button-today,
  .fc-button-month,
  .fc-button-agendaWeek,
  .fc-button-agendaDay {
    display: none;
  }
  footer {
    position: relative;
  }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
=================================================================== */
@media only screen and (max-width: 479px) {
  body {
    padding: 0px;
  }
  .col-xxs-12 {
    width: 100%;
  }
  #content {
    padding: 5px;
  }
  .calendar .fc td,
  .calendar .fc th {
    padding: 0.1em 0.2em;
    font-size: 10px;
  }
  .calendar .fc-content {
    margin: 70px 5px 20px 5px;
  }
  .quick-button,
  .quick-button-small {
    margin-bottom: 20px;
  }
  .pull-right {
    width: 100%;
    margin: 10px auto;
    text-align: center;
  }
  .fc-button-today,
  .fc-button-month,
  .fc-button-agendaWeek,
  .fc-button-agendaDay {
    display: none;
  }
  table,
  .pagination {
    font-size: 10px;
  }
  .pagination {
    padding: 5px;
  }
  footer {
    padding: 10px 20px;
  }
}

/*PM4 special styles*/
.dataTables_filter {
    float: right;
    text-align: right;
}

.dataTables_filter input { 
    border-color: #e4e6eb!important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    width: 300px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-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;
}

.dataTables_processing{
    position:absolute;
    top:50%;
    left:50%;
    width:250px;
    height:50px;
    margin-left:-125px;
    margin-top:-15px;
    padding:14px 0 2px 0;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    text-align:center;
    color:#999;
    font-size:14px;
}


@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.timeslot .task .arrow{background:url(../img/timeline-left-arrow@2x.png) no-repeat;background-size:100%}.timeslot.alt .task .arrow{background:url(../img/timeline-right-arrow@2x.png) no-repeat;background-size:100%}ul.chat li.left .message .arrow{background:url(../img/chat-left@2x.png) no-repeat 0 0;background-size:100%}ul.chat li.right .message .arrow{background:url(../img/chat-right@2x.png) no-repeat 0 0;background-size:100%}}
/*
Version: 3.4.2 Timestamp: Mon Aug 12 15:04:12 PDT 2013
*/
.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
     -moz-box-sizing: border-box; /* firefox */
          box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;

    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;

    border-radius: 4px;

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -o-linear-gradient(bottom, #eee 0%, #fff 50%);
    background-image: -ms-linear-gradient(top, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(top, #fff 0%, #eee 50%);
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;

    border-radius: 0 0 4px 4px;

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
    background-image: -o-linear-gradient(bottom, #eee 0%, #fff 90%);
    background-image: -ms-linear-gradient(top, #eee 0%, #fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: linear-gradient(top, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;

    font-size: 1px;
    text-decoration: none;

    border: 0;
    background: url('../simpliq/select2.png') right top no-repeat;
    cursor: pointer;
    outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block;
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    /* styles required for IE to work */
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;

    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;

    border-radius: 0 0 4px 4px;

    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto;
}

.select2-drop-auto-width .select2-search {
    padding-top: 4px;
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;

    border-radius: 4px 4px 0 0;

    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-active {
    border: 1px solid #5897fb;
    border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #5897fb;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;

    border-left: 1px solid #aaa;
    border-radius: 0 4px 4px 0;

    background-clip: padding-box;

    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%);
    background-image: -ms-linear-gradient(top, #ccc 0%, #eee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
    background-image: linear-gradient(top, #ccc 0%, #eee 60%);
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('../simpliq/select2.png') no-repeat 0 1px;
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;

    position: relative;
    z-index: 10000;

    white-space: nowrap;
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;

    outline: 0;
    font-family: sans-serif;
    font-size: 1em;

    border: 1px solid #aaa;
    border-radius: 0;

    -webkit-box-shadow: none;
            box-shadow: none;

    background: #fff url('../simpliq/select2.png') no-repeat 100% -22px;
    background: url('../simpliq/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('../simpliq/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('../simpliq/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('../simpliq/select2.png') no-repeat 100% -22px, -o-linear-gradient(bottom, #fff 85%, #eee 99%);
    background: url('../simpliq/select2.png') no-repeat 100% -22px, -ms-linear-gradient(top, #fff 85%, #eee 99%);
    background: url('../simpliq/select2.png') no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eee 99%);
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-search input.select2-active {
    background: #fff url('../simpliq/select2-spinner.gif') no-repeat 100%;
    background: url('../simpliq/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('../simpliq/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('../simpliq/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('../simpliq/select2-spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, #fff 85%, #eee 99%);
    background: url('../simpliq/select2-spinner.gif') no-repeat 100%, -ms-linear-gradient(top, #fff 85%, #eee 99%);
    background: url('../simpliq/select2-spinner.gif') no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%);
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
            box-shadow: 0 1px 0 #fff inset;

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(bottom, #fff 0%, #eee 50%);
    background-image: -ms-linear-gradient(top, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(top, #fff 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5897fb;
    border-top-color: transparent;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -ms-linear-gradient(bottom, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(bottom, #fff 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px;
}

/* results */
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}

.select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px }
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px }

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: bold;
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;

    min-height: 1em;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff;
}

.select2-results li em {
    background: #feffde;
    font-style: normal;
}

.select2-results .select2-highlighted em {
    background: transparent;
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000;
}


.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('../simpliq/select2-spinner.gif') no-repeat 100%;
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}


/* multiselect */

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;

    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;

    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -o-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -ms-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(top, #eee 1%, #fff 15%);
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;

    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('../simpliq/select2-spinner.gif') no-repeat 100% !important;
}

.select2-default {
    color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;

    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;

    border-radius: 3px;

    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;

    font-size: 1px;
    outline: none;
    background: url('../simpliq/select2.png') right top no-repeat;
}

.select2-container-multi .select2-search-choice-close {
    left: 3px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
    background: none;
}
/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.select2-display-none {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}
/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi)  {
  .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
      background-image: url('../simpliq/select2x2.png') !important;
      background-repeat: no-repeat !important;
      background-size: 60px 40px !important;
  }
  .select2-search input {
      background-position: 100% -21px !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;
}

button.DTTT_button,
div.DTTT_button,
a.DTTT_button {
    position: relative;
    float: left;
    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,
div.DTTT_button:hover,
a.DTTT_button:hover {
    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_disabled,
div.DTTT_disabled,
a.DTTT_disabled {
    color: #999;
    border: 1px solid #d0d0d0;
    
    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: transparent url(../images/background.png) repeat top left;
    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;
}
/* required styles */

.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-tile-container,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	-ms-touch-action: none;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	-webkit-user-drag: none;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container img {
	max-width: none !important;
	}
/* stupid Android 2 doesn't understand "max-width: none" properly */
.leaflet-container img.leaflet-image-layer {
	max-width: 15000px !important;
	}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-tile-pane    { z-index: 2; }
.leaflet-objects-pane { z-index: 3; }
.leaflet-overlay-pane { z-index: 4; }
.leaflet-shadow-pane  { z-index: 5; }
.leaflet-marker-pane  { z-index: 6; }
.leaflet-popup-pane   { z-index: 7; }


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 7;
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	     -o-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-tile-loaded,
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	     -o-transition:      -o-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated {
	-webkit-transition: none;
	   -moz-transition: none;
	     -o-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-clickable {
	cursor: pointer;
	}
.leaflet-container {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging,
.leaflet-dragging .leaflet-clickable,
.leaflet-dragging .leaflet-container {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	}


/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #05f;
	background: white;
	opacity: 0.5;
	}


/* general typography */
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 7px rgba(0,0,0,0.65);
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	}
.leaflet-bar a, .leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	-webkit-border-top-left-radius: 4px;
	        border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	        border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	-webkit-border-bottom-left-radius: 4px;
	        border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	        border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar {
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	}
.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	-webkit-border-top-left-radius: 7px;
	        border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	        border-top-right-radius: 7px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	-webkit-border-bottom-left-radius: 7px;
	        border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	        border-bottom-right-radius: 7px;
	border-bottom: none;
	}


/* zoom control */

.leaflet-control-zoom-in {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	}
.leaflet-control-zoom-out {
	font: bold 22px 'Lucida Console', Monaco, monospace;
	}

.leaflet-touch .leaflet-control-zoom-in {
	font-size: 22px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-control-zoom-out {
	font-size: 28px;
	line-height: 30px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 7px rgba(0,0,0,0.4);
	background: #f8f8f9;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(../images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(../images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background-color: rgba(255, 255, 255, 0.7);
	box-shadow: 0 0 5px #bbb;
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	color: black;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	text-shadow: 1px 1px 1px #fff;
	background-color: rgba(255, 255, 255, 0.5);
	box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);
	white-space: nowrap;
	overflow: hidden;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 4px solid rgba(0,0,0,0.3);
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	-webkit-border-radius: 12px;
	        border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	margin: 0 auto;
	width: 40px;
	height: 20px;
	position: relative;
	overflow: hidden;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
	background: white;

	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}
.leaflet-editing-icon {
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	}

.alert-danger{
  font-weight: bold;
}
.spinner-bg{
  background-image: url("../../img/spinner-mini.gif");
  background-position: 0px 7px;
  background-repeat: no-repeat;
  padding: 4px 0 0 20px;
  display: block;
}
#error404{
	margin-top: 2%;
}
.datatable-wrapper .center{
    text-align: center;
}
.navbar-inner{
	min-height: 57px;
}
.header-nav #main-menu-toggle{
    padding-top: 1%;
}
.header-nav #main-menu-toggle.close{
    line-height: 1.42857;
}
.header-nav .user{
    margin-top: -8px;
}

.header-nav .avatar img {
   margin: -18px 10px -14px 10px;
}

.header-options a.btn{
	padding-top: 9% !important;
}

label.required{
    color:red;
}

.header-dropdown-root {
    height: 57px;
}

#sidebar-left .glyphicons, .datatable .glyphicons, .box-header .glyphicons{
    padding: 12px 0 5px 12px;    
}
#sidebar-left .glyphicons:before, .datatable .glyphicons:before, .box-header .glyphicons:before{
    padding: 5px 0 5px 0px;    
    font-size: 14px!important
}
.text-icon{
    padding: 5px 12px 5px 0;
}

#search{
	margin-left: 13.85%;
	width: 22%;
}

#search input{
    color: #555555 !important;
}

#main-menu-toggle.hidden-xs{
	margin-left: 0;
	position: relative;
}

.input-group-addon .glyphicon-search{
	color: #67C2EF;
}

.badge-notification{
	background: #FFFFFF;
    color: #67C2EF;
    margin-left: 5%;
}
.record_properties, .square_properties{
    width:100%;
}
.record_properties tbody > tr:first-child > th, .record_properties tbody > tr:first-child > td{
	border-top: none;
}
.record_properties tbody > tr:last-child > th, .record_properties tbody > tr:last-child > td{
	border-bottom: none;
}
.record_properties tbody > tr > th, .record_properties tbody > tr > td{
    padding: 10px 0px;
}
.record_properties tbody > tr > td{
    font-weight: bold;
    border-bottom: 2px solid #DDDDDD;
    padding-left: 20px;
}

.record_properties tbody > tr > th{
	text-align: right;
    font-weight: normal;
    border-right: 2px solid #DDDDDD;    
    border-bottom: 2px solid #DDDDDD;
    padding-right: 20px;
    width: 40%;
}
.record_properties tbody > tr > td{
    font-weight: bold;
    border-bottom: 2px solid #DDDDDD;
    padding-left: 20px;
}
.record_properties .no-styles{
  font-weight: normal;
}
.record_properties .no-styles p{
  padding: 0px;
}

.box-no-padding{
  padding: 0px !important;
}
.square_properties{
  margin: 0px !important;
}
.square_properties > tbody > tr > td{
  border: 1px solid #DDDDDD;
  text-align: center;
  width: 33%;
}
.square_properties tbody > tr:first-child > td{
	border-top: none;
}
.square_properties tbody > tr:last-child > td{
	border-bottom: none;
}
.square_properties tbody > tr > td:first-child{
  border-left: none;
}
.square_properties tbody > tr > td:last-child{
  border-right: none;
}
#send_job_to_be_closed_btn{
  margin-bottom: 30px
}

.image-profile{
	text-align: center;
}

.image-profile img{
	margin-bottom: 5%;
	border: 2px #fff solid;
	box-shadow: 0 0 2px -1px rgba(0, 0, 0, 1);
}

a#main-menu-toggle {
    margin-left: 1.422%;
}

.box-content p{
  padding: 10px 0px 0px 20px;
}
.box-content .alert p{
  padding: 0px;
}

/**   Index Styles    **/
.btn-new{
    margin-bottom: 25px;
}
.btn-new .btn{
    padding: 8px 12px;
}
div.DTTT .btn {
    color: #FFF !important;
}
.dataTables_filter input {
    width: 175px;
}
div.dataTables_paginate{
    float:left;
}
.smallstat .value {
    font-weight: normal;
}
.datatable-wrapper {
    min-height:700px;
    padding: 20px !important;
}

.datatable-wrapper .select2 {
    width: 100%;
}

.datatable-wrapper .filters_container {
    margin-bottom: 20px;
}

.recent-resources {
    min-height:430px;
}

.show-grid {
    margin-bottom: 15px;
}

.datatable_actions {
    width:130px;
    margin-left:5px;
}

.DTTT_button_text {
    padding: 8px 12px;
}

.dataTables_filter {
    margin-right:10px;
}

table.table {
    margin-bottom: 20px !important;
}

div.dataTables_info {
    margin-bottom: 20px;
}

div.dataTables_paginate ul.pagination {
    margin: 0px;
}
.table a, .square_properties a{
    text-decoration: underline;
}
.table a.btn{
    text-decoration: none;
}
.filters_container input[placeholder], .filters_container [placeholder],.filters_container  *[placeholder] {
  color: gray !important;
}
.filters_container .input-label{
    float: left;
    padding: 6px 0px;
    color: #1e8fc6;
    margin-right: 10px;
}
.box-header .actions{
    margin-right: 20px;
    padding: 8px 0;
}
.box-header .actions a{
    color: #fff;
    margin: 0 5px;
    font-weight: lighter;
}
.box-header .actions a:hover,.box-header .actions a.active{
    text-decoration: none;
    font-weight: bold;
}
#resources-map{
    display: none;
}

.link-disabled {
    cursor: default !important;
    pointer-events: none;
    color:grey !important;
    text-decoration: none;
}

/**  Show Styles  **/
.submenu-links{
  color: #dddddd;
  margin-bottom: 10px;
}
.submenu-links .back{
    font-weight: bold;    
}
.submenu-links .actions{
    /*margin-right: 40px;*/
}
.submenu-links .back span{
    font-size: 18px;    
}
.submenu-links a{
  color: #1e8fc6;
}
.submenu-links .actions a.btn-primary, .submenu-links .actions a.btn-inverse{
  color: #fff;
}

.box-header .glyphicons:before{
    font-size: 0.9em;
    position: relative;
}
.box-header .box-icon i.glyphicons{
  padding: 6px 0;
}

.related .dropdown-menu{
  width: 500px;
}
.actions .dropdown-menu{
  right: 0;
  left: auto;
}

#job-resources select, .deposit-edit-box select{
  width: 100%;
  margin-top: 5px;
}
#job-resources #search-resource-filters{
  margin-bottom: 20px;
}
#job-resources #add-resource-btn{
  margin: 10px 0 20px;
}
.deposit-edit-box{
  padding-top: 20px;
  padding-bottom: 20px;
}

.submenu-links .actions-job {
    margin-right: 10px;
}

/**  Delete  **/
.delete_message {
    margin-bottom: 10px;
}

.delete_button, .unlock_button {
    margin-right: 5px;
}

/**  User  **/
.roles {
    height: 110px !important;
}


/** Comments **/
#comments article, #comments form, #comments header,#comments article>div{
    overflow: auto;
}
#comments article{
    margin: 10px 10px;
}
#comments header>div{
    padding-top: 10px;
}
#comments header>div>span{
    font-weight: bold;
    text-decoration: underline;
    float:left;    
}
#comments header>div>div{
    display: block;
    width:10%;
    float:right;
}
#comments header>div>time{
    font-weight: bold;
    float:right;
}
#comments header i{
    padding-right: 10px;
}
#comments article>p {
    margin: 5px 0px 10px 0px;
    padding-left: 50px;
    white-space: pre-wrap;
}
#comments article>div{
    margin: 5px 0px 10px 0px;
    padding-left: 50px; 
}
#comments form fieldset{
    font-weight: bold;
}
#comments form textarea{
    margin: 10px 0px;
}
#comments form span{
    margin-left: 10px;
}
#comments img.avatar {
  height: 35px;
  width: 35px;
  float: left;
  margin-top: 3px;
  margin-right: 15px;
  -webkit-border-radius: 35em;
  -moz-border-radius: 35em;
  border-radius: 35em;
}

.comment-text-area {
    margin-bottom: 20px;
}

.datatable-wrapper .table-striped > tbody > tr.bgLightYellow > td{
    background-color: #FCF8E3;
}

.datatable-wrapper .table-striped > tbody > tr.bgLightOrange > td{
    background-color: #F9DCA1;
}

.datatable-wrapper .table-striped > tbody > tr.bgLightRed > td{
    background-color: #F2DEDE;
}

/**  Sidebar */
.header-nav{
    background-color: #36A9E1 !important;
}
#sidebar-left.collapsed #side-bar-toggle span{
    display:none;
}
#sidebar-left.collapsed .hidden-sm{
    display: none!important;
}
#sidebar-left.collapsed .nav-tabs.nav-stacked > li > a{
    padding: 10px!important;
} 
/* Higher than 1200 (desktop devices)
====================================================================== */
@media (min-width: 1200px) {
    #sidebar-left.collapsed{
        width:3% !important;
        text-align: center;   
    } 
    #content.expanded{
        width:97% !important;
        margin-left: 0 !important;
    }
}

/* Higher than 992 (desktop devices)
====================================================================== */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #sidebar-left.collapsed{
        width:4% !important;
        text-align: center;   
    } 
    #content.expanded{
        width:96% !important;
        margin-left: 0 !important;
    }
}
/* Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    a.navbar-brand{
        width:16% !important;
        padding: 9px 0 10px !important;
    }
    #side-bar-toggle{
        display: none;
    }
    #sidebar-left .sidebar-nav ul{        
        font-size: 14px;
    }
    .container #sidebar-left {
        width: 4% !important;
        margin: 10px 0px;
    }
    #sidebar-left .nav-tabs.nav-stacked > li > a{
        padding: 10px!important;
    }
    .text-icon {
        padding: 0;
    }
    #search{
        width: 30%;
    }
}
/* All Mobile Sizes (devices and browser)
====================================================================== */
@media only screen and (max-width: 767px) {
    #side-bar-toggle{
        display: none;
    }
    #search{
        margin-left: 0;
        width: 100% !important;
        box-shadow: none;
    }
    .navbar-toggle{
      top: 145px;
    }
    .glyphicons:before {
      top: 8px;
    }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

.login-box a{
    color: #428BCA;
}

/* notifications */
ul.notifications li{
    min-width: 300px;
}

.go-top i{
    width:20px;
    height:20px;
    padding:10px;
    margin-left:-5px;
}
.go-top {
    position: fixed;
    bottom: 3em;
    right: 1em;
    text-decoration: none;
    color: white;
    background-color: rgba(0, 0, 0, 0.3);
    font-size: 12px;
    padding: 1em;
    display: none;
}

.go-top:hover {
	background-color: rgba(0, 0, 0, 0.6);
}

/* finance */
.smallchart .content {
    padding: 0px;
    background: #ffffff;
}

.dropdown-toggle{
    cursor: pointer;
}

.send_invoice {
    margin-top: -5px;
    margin-left: 15px;
}

.total_status_header {
    font-weight: bold;
}

/* 
  Allow angular.js to be loaded in body, hiding cloaked elements until 
  templates compile.  The !important is important given that there may be 
  other selectors that are more specific or come later and might alter display.  
 */
[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}

/* Orange and Yellow colors */
.table > thead > tr > td.warning_orange, .table > tbody > tr > td.warning_orange, .table > tfoot > tr > td.warning_orange, .table > thead > tr > th.warning_orange, .table > tbody > tr > th.warning_orange, .table > tfoot > tr > th.warning_orange, .table > thead > tr.warning_orange > td, .table > tbody > tr.warning_orange > td, .table > tfoot > tr.warning_orange > td, .table > thead > tr.warning_orange > th, .table > tbody > tr.warning_orange > th, .table > tfoot > tr.warning_orange > th {
    background-color: #F9DCA1;
    border-color: #FBD588;
}

select option.disabled{
  background-color: #F2DEDE;
}

.white-popup-block{
  background: none repeat scroll 0 0 #FFFFFF;
  margin: 40px auto;
  max-width: 750px;
  padding: 20px 30px;
  position: relative;
  text-align: left;
}

.white-popup-block .form {
  font-family: Arial;
}

.white-popup-block .job-form{
    font-size: 12px;
}
.white-popup-block .small{
    font-size: 10px;
}

/*************************************************** 
                Modal Animation 
****************************************************/
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.login-box input{
    color:#383E4B !important;
}
::-webkit-input-placeholder {
   color:gray !important;
}

:-moz-placeholder { /* Firefox 18- */
   color:gray !important;
}

::-moz-placeholder {  /* Firefox 19+ */
   color:gray !important;
}

:-ms-input-placeholder {  
   color:gray !important;
}
.print {
   margin-left:15px; 
}
.select2_form.form-control{
    padding:0px;
    border:none;
}

/**  Job  **/
.client_select{
    position: absolute;
    top: 8px;
    right: 30px;
    background: #eee;
    width: 15px;
    text-align: center;
}

/** Resource Rates **/

.resource-rates .control-label {
    text-align: left;
}

/* override bootstrap checkbox */
.form-group .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
    margin-right: 5px;
}

/**  Job Add Resources table **/
.resources-costs-table input, .resources-costs-table select {
    font-size: 0.8em;
    padding: 5px;
    height: 30px;
    margin-top: 0 !important;
}

.resources-costs-table input {
    min-width: 75px;
}

.resources-costs-table .datatable_actions {
    width: 90px;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}
.resource-error{
    display: none;
}
.start-date-error{
    display: none;
    text-align: left;
}
.end-date-error{
    display: none;
    text-align: left;
}
/*!
angular-xeditable - 0.1.7
Edit-in-place for angular.js
Build date: 2013-10-26 
*/

.editable-wrap{display:inline-block;white-space:nowrap;margin:0}.editable-wrap .editable-controls,.editable-wrap .editable-error{margin-bottom:0}.editable-wrap .editable-controls>input,.editable-wrap .editable-controls>select,.editable-wrap .editable-controls>textarea{margin-bottom:0}.editable-wrap .editable-input{display:inline-block}.editable-buttons{display:inline-block;vertical-align:top}.editable-buttons button{margin-left:5px}.editable-input.editable-has-buttons{width:auto}.editable-bstime .editable-input input[type=text]{width:46px}.editable-bstime .well-small{margin-bottom:0;padding:10px}.editable-range output{display:inline-block;min-width:30px;vertical-align:top;text-align:center}.editable-color input[type=color]{width:50px}.editable-hide{display:none!important}.editable-click,a.editable-click{text-decoration:none;color:#428bca;border-bottom:dashed 1px #428bca}.editable-click:hover,a.editable-click:hover{text-decoration:none;color:#2a6496;border-bottom-color:#2a6496}.editable-empty,.editable-empty:hover,.editable-empty:focus,a.editable-empty,a.editable-empty:hover,a.editable-empty:focus{font-style:italic;color:#D14;text-decoration:none}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/*!
 * FullCalendar v3.10.0
 * Docs & License: https://fullcalendar.io/
 * (c) 2018 Adam Shaw
 */.fc button,.fc table,body .fc{font-size:1em}.fc .fc-axis,.fc button,.fc-day-grid-event .fc-content,.fc-list-item-marker,.fc-list-item-time,.fc-time-grid-event .fc-time,.fc-time-grid-event.fc-short .fc-content{white-space:nowrap}.fc-event,.fc-event:hover,.fc-state-hover,.fc.fc-bootstrap3 a,.ui-widget .fc-event,a.fc-more{text-decoration:none}.fc{direction:ltr;text-align:left}.fc-rtl{text-align:right}.fc th,.fc-basic-view .fc-day-top .fc-week-number,.fc-basic-view td.fc-week-number,.fc-icon,.fc-toolbar{text-align:center}.fc-highlight{background:#bce8f1;opacity:.3}.fc-bgevent{background:#8fdf82;opacity:.3}.fc-nonbusiness{background:#d7d7d7}.fc button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:2.1em;padding:0 .6em;cursor:pointer}.fc button::-moz-focus-inner{margin:0;padding:0}.fc-state-default{border:1px solid;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.fc button .fc-icon{position:relative;top:-.05em;margin:0 .2em;vertical-align:middle}.fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6}.fc-state-hover{color:#333;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.fc-state-active,.fc-state-down{background-color:#ccc;background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.fc-state-disabled{cursor:default;background-image:none;opacity:.65;box-shadow:none}.fc-event.fc-draggable,.fc-event[href],.fc-popover .fc-header .fc-close,a[data-goto]{cursor:pointer}.fc-button-group{display:inline-block}.fc .fc-button-group>*{float:left;margin:0 0 0 -1px}.fc .fc-button-group>:first-child{margin-left:0}.fc-popover{position:absolute;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc-popover .fc-header{padding:2px 4px}.fc-popover .fc-header .fc-title{margin:0 2px}.fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close{float:left}.fc-ltr .fc-popover .fc-header .fc-close,.fc-rtl .fc-popover .fc-header .fc-title{float:right}.fc-divider{border-style:solid;border-width:1px}hr.fc-divider{height:0;margin:0;padding:0 0 2px;border-width:1px 0}.fc-bg table,.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table{height:100%}.fc-clear{clear:both}.fc-bg,.fc-bgevent-skeleton,.fc-helper-skeleton,.fc-highlight-skeleton{position:absolute;top:0;left:0;right:0}.fc-bg{bottom:0}.fc table{width:100%;box-sizing:border-box;table-layout:fixed;border-collapse:collapse;border-spacing:0}.fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top}.fc td.fc-today{border-style:double}a[data-goto]:hover{text-decoration:underline}.fc .fc-row{border-style:solid;border-width:0}.fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent}.fc-row:first-child table{border-top:0 hidden transparent}.fc-row{position:relative}.fc-row .fc-bg{z-index:1}.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton{bottom:0}.fc-row .fc-bgevent-skeleton td,.fc-row .fc-highlight-skeleton td{border-color:transparent}.fc-row .fc-bgevent-skeleton{z-index:2}.fc-row .fc-highlight-skeleton{z-index:3}.fc-row .fc-content-skeleton{position:relative;z-index:4;padding-bottom:2px}.fc-row .fc-helper-skeleton{z-index:5}.fc .fc-row .fc-content-skeleton table,.fc .fc-row .fc-content-skeleton td,.fc .fc-row .fc-helper-skeleton td{background:0 0;border-color:transparent}.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td{border-bottom:0}.fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td{border-top:0}.fc-scroller{-webkit-overflow-scrolling:touch}.fc-day-grid-event .fc-content,.fc-icon,.fc-row.fc-rigid,.fc-time-grid-event{overflow:hidden}.fc-scroller>.fc-day-grid,.fc-scroller>.fc-time-grid{position:relative;width:100%}.fc-event{position:relative;display:block;font-size:.85em;line-height:1.3;border-radius:3px;border:1px solid #3a87ad}.fc-event,.fc-event-dot{background-color:#3a87ad}.fc-event,.fc-event:hover{color:#fff}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc-event .fc-bg{z-index:1;background:#fff;opacity:.25}.fc-event .fc-content{position:relative;z-index:2}.fc-event .fc-resizer{position:absolute;z-index:4;display:none}.fc-event.fc-allow-mouse-resize .fc-resizer,.fc-event.fc-selected .fc-resizer{display:block}.fc-event.fc-selected .fc-resizer:before{content:"";position:absolute;z-index:9999;top:50%;left:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px}.fc-event.fc-selected{z-index:9999!important;box-shadow:0 2px 5px rgba(0,0,0,.2)}.fc-event.fc-selected.fc-dragging{box-shadow:0 2px 7px rgba(0,0,0,.3)}.fc-h-event.fc-selected:before{content:"";position:absolute;z-index:3;top:-10px;bottom:-10px;left:0;right:0}.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;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;border-top-right-radius:0;border-bottom-right-radius:0}.fc-ltr .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-end-resizer{cursor:w-resize;left:-1px}.fc-ltr .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-start-resizer{cursor:e-resize;right:-1px}.fc-h-event.fc-allow-mouse-resize .fc-resizer{width:7px;top:-1px;bottom:-1px}.fc-h-event.fc-selected .fc-resizer{border-radius:4px;border-width:1px;width:6px;height:6px;border-style:solid;border-color:inherit;background:#fff;top:50%;margin-top:-4px}.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,.fc-rtl .fc-h-event.fc-selected .fc-end-resizer{margin-left:-4px}.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,.fc-rtl .fc-h-event.fc-selected .fc-start-resizer{margin-right:-4px}.fc-day-grid-event{margin:1px 2px 0;padding:0 1px}tr:first-child>td>.fc-day-grid-event{margin-top:2px}.fc-day-grid-event.fc-selected:after{content:"";position:absolute;z-index:1;top:-1px;right:-1px;bottom:-1px;left:-1px;background:#000;opacity:.25}.fc-day-grid-event .fc-time{font-weight:700}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer{margin-left:-2px}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer{margin-right:-2px}a.fc-more{margin:1px 3px;font-size:.85em;cursor:pointer}a.fc-more:hover{text-decoration:underline}.fc-limited{display:none}.fc-day-grid .fc-row{z-index:1}.fc-more-popover{z-index:2;width:220px}.fc-more-popover .fc-event-container{padding:10px}.fc-bootstrap3 .fc-popover .panel-body,.fc-bootstrap4 .fc-popover .card-body{padding:0}.fc-now-indicator{position:absolute;border:0 solid red}.fc-bootstrap3 .fc-today.alert,.fc-bootstrap4 .fc-today.alert{border-radius:0}.fc-unselectable{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd}.fc-unthemed .fc-popover{background-color:#fff;border-width:1px;border-style:solid}.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-popover .fc-header{background:#eee}.fc-unthemed td.fc-today{background:#fcf8e3}.fc-unthemed .fc-disabled-day{background:#d7d7d7;opacity:.3}.fc-icon{display:inline-block;height:1em;line-height:1em;font-size:1em;font-family:"Courier New",Courier,monospace;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fc-icon:after{position:relative}.fc-icon-left-single-arrow:after{content:"\2039";font-weight:700;font-size:200%;top:-7%}.fc-icon-right-single-arrow:after{content:"\203A";font-weight:700;font-size:200%;top:-7%}.fc-icon-left-double-arrow:after{content:"\AB";font-size:160%;top:-7%}.fc-icon-right-double-arrow:after{content:"\BB";font-size:160%;top:-7%}.fc-icon-left-triangle:after{content:"\25C4";font-size:125%;top:3%}.fc-icon-right-triangle:after{content:"\25BA";font-size:125%;top:3%}.fc-icon-down-triangle:after{content:"\25BC";font-size:125%;top:2%}.fc-icon-x:after{content:"\D7";font-size:200%;top:6%}.fc-unthemed .fc-popover .fc-header .fc-close{color:#666;font-size:.9em;margin-top:2px}.fc-unthemed .fc-list-item:hover td{background-color:#f5f5f5}.ui-widget .fc-disabled-day{background-image:none}.fc-bootstrap3 .fc-time-grid .fc-slats table,.fc-bootstrap4 .fc-time-grid .fc-slats table,.fc-time-grid .fc-slats .ui-widget-content{background:0 0}.fc-popover>.ui-widget-header+.ui-widget-content{border-top:0}.fc-bootstrap3 hr.fc-divider,.fc-bootstrap4 hr.fc-divider{border-color:inherit}.ui-widget .fc-event{color:#fff;font-weight:400}.ui-widget td.fc-axis{font-weight:400}.fc.fc-bootstrap3 a[data-goto]:hover{text-decoration:underline}.fc.fc-bootstrap4 a{text-decoration:none}.fc.fc-bootstrap4 a[data-goto]:hover{text-decoration:underline}.fc-bootstrap4 a.fc-event:not([href]):not([tabindex]){color:#fff}.fc-bootstrap4 .fc-popover.card{position:absolute}.fc-toolbar.fc-header-toolbar{margin-bottom:1em}.fc-toolbar.fc-footer-toolbar{margin-top:1em}.fc-toolbar .fc-left{float:left}.fc-toolbar .fc-right{float:right}.fc-toolbar .fc-center{display:inline-block}.fc .fc-toolbar>*>*{float:left;margin-left:.75em}.fc .fc-toolbar>*>:first-child{margin-left:0}.fc-toolbar h2{margin:0}.fc-toolbar button{position:relative}.fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover{z-index:2}.fc-toolbar .fc-state-down{z-index:3}.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active{z-index:4}.fc-toolbar button:focus{z-index:5}.fc-view-container *,.fc-view-container :after,.fc-view-container :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fc-view,.fc-view>table{position:relative;z-index:1}.fc-basicDay-view .fc-content-skeleton,.fc-basicWeek-view .fc-content-skeleton{padding-bottom:1em}.fc-basic-view .fc-body .fc-row{min-height:4em}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-day-top.fc-other-month{opacity:.3}.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number{padding:2px}.fc-basic-view th.fc-day-number,.fc-basic-view th.fc-week-number{padding:0 2px}.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:right}.fc-rtl .fc-basic-view .fc-day-top .fc-day-number{float:left}.fc-ltr .fc-basic-view .fc-day-top .fc-week-number{float:left;border-radius:0 0 3px}.fc-rtl .fc-basic-view .fc-day-top .fc-week-number{float:right;border-radius:0 0 0 3px}.fc-basic-view .fc-day-top .fc-week-number{min-width:1.5em;background-color:#f2f2f2;color:grey}.fc-basic-view td.fc-week-number>*{display:inline-block;min-width:1.25em}.fc-agenda-view .fc-day-grid{position:relative;z-index:2}.fc-agenda-view .fc-day-grid .fc-row{min-height:3em}.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton{padding-bottom:1em}.fc .fc-axis{vertical-align:middle;padding:0 4px}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.fc-time-grid,.fc-time-grid-container{position:relative;z-index:1}.fc-time-grid{min-height:100%}.fc-time-grid table{border:0 hidden transparent}.fc-time-grid>.fc-bg{z-index:1}.fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2}.fc-time-grid .fc-content-col{position:relative}.fc-time-grid .fc-content-skeleton{position:absolute;z-index:3;top:0;left:0;right:0}.fc-time-grid .fc-business-container{position:relative;z-index:1}.fc-time-grid .fc-bgevent-container{position:relative;z-index:2}.fc-time-grid .fc-highlight-container{z-index:3;position:relative}.fc-time-grid .fc-event-container{position:relative;z-index:4}.fc-time-grid .fc-now-indicator-line{z-index:5}.fc-time-grid .fc-helper-container{position:relative;z-index:6}.fc-time-grid .fc-slats td{height:1.5em;border-bottom:0}.fc-time-grid .fc-slats .fc-minor td{border-top-style:dotted}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-bgevent,.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid .fc-bgevent{left:0;right:0}.fc-v-event.fc-not-start{border-top-width:0;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0}.fc-v-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-time-grid-event.fc-selected{overflow:visible}.fc-time-grid-event.fc-selected .fc-bg{display:none}.fc-time-grid-event .fc-content{overflow:hidden}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top}.fc-time-grid-event.fc-short .fc-time span{display:none}.fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)}.fc-time-grid-event.fc-short .fc-time:after{content:"\A0-\A0"}.fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer{left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after{content:"="}.fc-time-grid-event.fc-selected .fc-resizer{border-radius:5px;border-width:1px;width:8px;height:8px;border-style:solid;border-color:inherit;background:#fff;left:50%;margin-left:-5px;bottom:-5px}.fc-time-grid .fc-now-indicator-line{border-top-width:1px;left:0;right:0}.fc-time-grid .fc-now-indicator-arrow{margin-top:-5px}.fc-ltr .fc-time-grid .fc-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent}.fc-rtl .fc-time-grid .fc-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent}.fc-event-dot{display:inline-block;width:10px;height:10px;border-radius:5px}.fc-rtl .fc-list-view{direction:rtl}.fc-list-view{border-width:1px;border-style:solid}.fc .fc-list-table{table-layout:auto}.fc-list-table td{border-width:1px 0 0;padding:8px 14px}.fc-list-table tr:first-child td{border-top-width:0}.fc-list-heading{border-bottom-width:1px}.fc-list-heading td{font-weight:700}.fc-ltr .fc-list-heading-main{float:left}.fc-ltr .fc-list-heading-alt,.fc-rtl .fc-list-heading-main{float:right}.fc-rtl .fc-list-heading-alt{float:left}.fc-list-item.fc-has-url{cursor:pointer}.fc-list-item-marker,.fc-list-item-time{width:1px}.fc-ltr .fc-list-item-marker{padding-right:0}.fc-rtl .fc-list-item-marker{padding-left:0}.fc-list-item-title a{text-decoration:none;color:inherit}.fc-list-item-title a[href]:hover{text-decoration:underline}.fc-list-empty-wrap2{position:absolute;top:0;left:0;right:0;bottom:0}.fc-list-empty-wrap1{width:100%;height:100%;display:table}.fc-list-empty{display:table-cell;vertical-align:middle;text-align:center}.fc-unthemed .fc-list-empty{background-color:#eee}
.calendar-filter {
	margin-bottom: 57px;
}

.search-new {
	width: 320px;
	margin-top: 10px;
}

.search-new input {
	color: #000 !important;
}

.search-new button {
	background: #eeeeee;
}

.search-new .input-group-addon {
	border: 1px solid #d6d6d6;
	border-left: 0;
}
.loader-mask {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
    display:none;
}
.loader {
    color:#36a9e1;
    display: block;
    font-size: 0;
    height: 42px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 42px;
}
.loader > div:first-child {
    animation: 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) 0s normal none infinite running ball-clip-rotate-pulse-rotate;
    background: transparent none repeat scroll 0 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-style: solid;
    border-width: 3px;
    height: 42px;
    position: absolute;
    width: 42px;
}
.loader > div:last-child {
    animation: 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) 0s normal none infinite running ball-clip-rotate-pulse-scale;
    height: 21px;
    width: 21px;
}
.loader > div {
    background-color: currentcolor;
    border: 0 solid;
    border-radius: 100%;
    display: inline-block;
    float: none;
    left: 50%;
    position: absolute;
    top: 50%;
}
@keyframes ball-clip-rotate-pulse-rotate {
  0% {
      transform: translate(-50%, -50%) rotate(0deg);
  }
  50% {
      transform: translate(-50%, -50%) rotate(180deg);
  }
  100% {
      transform: translate(-50%, -50%) rotate(360deg);
  }
}
 

@keyframes ball-clip-rotate-pulse-scale {
0%, 100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
30% {
    opacity: 0.3;
    transform: translate(-50%, -50%) scale(0.15);
}
}

.flex-align-center{
    display: flex;
    align-items: baseline;
}
.flex-align-center .checkbox{margin-right:20px; }


.checkbox-container {
  display: block;
  position: relative;
  padding-left: 25px;
  margin: 15px 20px 0 0;
  cursor: pointer;
  font-weight:normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border: 1px solid #ccc;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
  background-color: #36a9e1;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
    left: 7px;
    top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }
@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }
@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }
@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
.dropzone, .dropzone * {
  box-sizing: border-box; }

.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px; }
  .dropzone.dz-clickable {
    min-height: 40px;
    padding: 8px;
    width: 200px;
    background: #eee;
    border: solid 1px #ccc;
    cursor: pointer;
  }
    .dropzone.dz-clickable * {
      cursor: default; }
    .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
      cursor: pointer; }
  .dropzone.dz-started .dz-message {
    display: none; }
  .dropzone.dz-drag-hover {
    border-style: solid; }
    .dropzone.dz-drag-hover .dz-message {
      opacity: 0.5; }
  .dropzone .dz-message {
    text-align: center;
    margin: 0px; }
  .dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px; }
    .dropzone .dz-preview:hover {
      z-index: 1000; }
      .dropzone .dz-preview:hover .dz-details {
        opacity: 1; }
    .dropzone .dz-preview.dz-file-preview .dz-image {
      border-radius: 20px;
      background: #999;
      background: linear-gradient(to bottom, #eee, #ddd); }
    .dropzone .dz-preview.dz-file-preview .dz-details {
      opacity: 1; }
    .dropzone .dz-preview.dz-image-preview {
      background: white; }
      .dropzone .dz-preview.dz-image-preview .dz-details {
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -ms-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear; }
    .dropzone .dz-preview .dz-remove {
      font-size: 14px;
      text-align: center;
      display: block;
      cursor: pointer;
      border: none; }
      .dropzone .dz-preview .dz-remove:hover {
        text-decoration: underline; }
    .dropzone .dz-preview:hover .dz-details {
      opacity: 1; }
    .dropzone .dz-preview .dz-details {
      z-index: 20;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      font-size: 13px;
      min-width: 100%;
      max-width: 100%;
      padding: 2em 1em;
      text-align: center;
      color: rgba(0, 0, 0, 0.9);
      line-height: 150%; }
      .dropzone .dz-preview .dz-details .dz-size {
        margin-bottom: 1em;
        font-size: 16px; }
      .dropzone .dz-preview .dz-details .dz-filename {
        white-space: nowrap; }
        .dropzone .dz-preview .dz-details .dz-filename:hover span {
          border: 1px solid rgba(200, 200, 200, 0.8);
          background-color: rgba(255, 255, 255, 0.8); }
        .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
          overflow: hidden;
          text-overflow: ellipsis; }
          .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
            border: 1px solid transparent; }
      .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
        background-color: rgba(255, 255, 255, 0.4);
        padding: 0 0.4em;
        border-radius: 3px; }
    .dropzone .dz-preview:hover .dz-image img {
      -webkit-transform: scale(1.05, 1.05);
      -moz-transform: scale(1.05, 1.05);
      -ms-transform: scale(1.05, 1.05);
      -o-transform: scale(1.05, 1.05);
      transform: scale(1.05, 1.05);
      -webkit-filter: blur(8px);
      filter: blur(8px); }
    .dropzone .dz-preview .dz-image {
      border-radius: 0px;
      overflow: hidden;
      width: 120px;
      height: 120px;
      position: relative;
      display: block;
      z-index: 10; }
      .dropzone .dz-preview .dz-image img {
        display: block; }
    .dropzone .dz-preview.dz-success .dz-success-mark {
      -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
    .dropzone .dz-preview.dz-error .dz-error-mark {
      opacity: 1;
      -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
    .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
      pointer-events: none;
      opacity: 0;
      z-index: 500;
      position: absolute;
      display: block;
      top: 50%;
      left: 50%;
      margin-left: -27px;
      margin-top: -27px; }
      .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
        display: block;
        width: 54px;
        height: 54px; }
    .dropzone .dz-preview.dz-processing .dz-progress {
      opacity: 1;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear; }
    .dropzone .dz-preview.dz-complete .dz-progress {
      opacity: 0;
      -webkit-transition: opacity 0.4s ease-in;
      -moz-transition: opacity 0.4s ease-in;
      -ms-transition: opacity 0.4s ease-in;
      -o-transition: opacity 0.4s ease-in;
      transition: opacity 0.4s ease-in; }
    .dropzone .dz-preview:not(.dz-processing) .dz-progress {
      -webkit-animation: pulse 6s ease infinite;
      -moz-animation: pulse 6s ease infinite;
      -ms-animation: pulse 6s ease infinite;
      -o-animation: pulse 6s ease infinite;
      animation: pulse 6s ease infinite; }
    .dropzone .dz-preview .dz-progress {
      opacity: 1;
      z-index: 1000;
      pointer-events: none;
      position: absolute;
      height: 16px;
      left: 50%;
      top: 50%;
      margin-top: -8px;
      width: 80px;
      margin-left: -40px;
      background: rgba(255, 255, 255, 0.9);
      -webkit-transform: scale(1);
      border-radius: 8px;
      overflow: hidden; }
      .dropzone .dz-preview .dz-progress .dz-upload {
        background: #333;
        background: linear-gradient(to bottom, #666, #444);
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 0;
        -webkit-transition: width 300ms ease-in-out;
        -moz-transition: width 300ms ease-in-out;
        -ms-transition: width 300ms ease-in-out;
        -o-transition: width 300ms ease-in-out;
        transition: width 300ms ease-in-out; }
    .dropzone .dz-preview.dz-error .dz-error-message {
      display: block; }
    .dropzone .dz-preview.dz-error:hover .dz-error-message {
      opacity: 1;
      pointer-events: auto; }
    .dropzone .dz-preview .dz-error-message {
      pointer-events: none;
      z-index: 1000;
      position: absolute;
      display: block;
      display: none;
      opacity: 0;
      -webkit-transition: opacity 0.3s ease;
      -moz-transition: opacity 0.3s ease;
      -ms-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease;
      border-radius: 8px;
      font-size: 13px;
      top: 130px;
      left: -10px;
      width: 140px;
      background: #be2626;
      background: linear-gradient(to bottom, #be2626, #a92222);
      padding: 0.5em 1.2em;
      color: white; }
      .dropzone .dz-preview .dz-error-message:after {
        content: '';
        position: absolute;
        top: -6px;
        left: 64px;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #be2626; }