@charset "UTF-8";

/***verde de botones***/
/**************************************************/
/* Variables*/
:root {
  --color-trazo-firma: black;
  --img-fondo-login: url();
}

b, strong {
  font-weight: bold;
}

/* Estilos necesarios Bootstrap 3 
---------------------------------------------------------------------------------------------------------- */
body {
  line-height: 1.42857143;
}

a {
  color: #337ab7;
}

h1, .h1, h2, .login-box h2, .h2, h3, .h3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

p {
  margin-bottom: 0.13rem;
}

.label {
  white-space: nowrap;
}

.label:empty {
  display: none;
}

.label-info[href]:hover, .label-info[href]:focus {
  background-color: #31b0d5;
}

.bg-info {
  background-color: #d9edf7 !important;
}

.nav > li > a {
  padding: 10px 15px;
}

.caption {
  caption-side: top;
}

hr {
  border: 1px solid #eee;
}

.modal-header .close {
  padding: 0;
  margin: 0 0 -1em 0;
}

/* Fin Estilos necesarios Bootstrap 3 */
/* Basic
---------------------------------------------------------------------------------------------------------- */
/***estilos dateRangePicker***/
.daterangepicker .calendar-table thead tr:first-child th {
  background-color: #36a9e1;
  color: #FFF;
  border-radius: 0px;
}
.daterangepicker .calendar-table thead tr:first-child th.prev span, .daterangepicker .calendar-table thead tr:first-child th.next span {
  border-color: white;
}
.daterangepicker.ltr.show-ranges.opensright .show-calendar {
  display: block;
  top: 189.094px;
  left: 918px;
}
.daterangepicker.ltr.show-ranges.opensright .ranges ul {
  background-color: #E8F6FC;
}
.daterangepicker.ltr.show-ranges.opensright .ranges ul li {
  font-size: 12px;
  font-weight: bold;
  padding: 8px 12px;
  cursor: pointer;
}
.daterangepicker.ltr.show-ranges.opensright .ranges ul li:hover {
  background-color: #7AAEC7;
  color: white;
}
.daterangepicker .drp-calendar .calendar-table table td.active {
  background-color: #08c;
  color: #fff;
}
.daterangepicker .drp-calendar .calendar-table table td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}
.daterangepicker .drp-calendar .calendar-table table td.active td.week, .daterangepicker .drp-calendar .calendar-table table td.active th.week {
  font-size: 80%;
  color: #ccc;
}
.daterangepicker .drp-calendar .calendar-table table td.active td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}
.daterangepicker .drp-calendar .calendar-table table td.active td.available:hover {
  background-color: #eee;
  color: inherit;
}
.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  word-spacing: 10px;
  color: #0088CC;
  padding-right: 8px;
}
.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}
/*******************************/
.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: sans-serif;
  font-weight: 300;
  margin: 0;
  padding: 0;
  font-size: 0.9rem;
  line-height: 1.42857143;
}

/*
a {
  color: #383e4b;
}
*/
a.btn {
  color: #FFF;
}

h1 {
  font-size: 28px;
  line-height: 28px;
  font-weight: 300;
  margin-bottom: 15px;
}

h2, .login-box h2 {
  font-size: 16px;
  line-height: 16px;
  font-weight: 300;
  color: inherit;
}

h3 {
  font-size: 16px;
  line-height: 15px;
  font-weight: bold;
}

h4 {
  font-size: 14px;
  line-height: 14px;
}

h5 {
  font-size: 13px;
  line-height: 13px;
}

h6 {
  font-size: 12px;
  line-height: 12px;
}

b, strong {
  font-weight: 600 !important;
}

box.header {
  margin-left: 5px 5px 0 0;
  font-family: "roboto";
}

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

.card {
  margin-bottom: 1em;
}
.card .card-header > a {
  color: #333;
}
.card .card-header > a b {
  font-weight: bold;
}
.card .card-title {
  margin-top: 0;
  margin-bottom: 0;
}
.card.card-primary .card-header {
  background-image: -webkit-linear-gradient(top, #337ab7 0, #2e6da4 100%);
  background-image: -o-linear-gradient(top, #337ab7 0, #2e6da4 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
  background-image: linear-gradient(to bottom, #337ab7 0, #2e6da4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff337ab7", endColorstr="#ff2e6da4", GradientType=0);
  background-repeat: repeat-x;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.card.card-primary .card-header > a {
  color: #FFF;
}

.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 20px 0px;
}

.box.noOverflow {
  overflow: hidden;
}

.box .box-header {
  background: #36a9e1;
  color: white;
  font-size: 16px;
  overflow: hidden;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}

.box .box-header.box-header-danger {
  background: #ff5454;
}

.box .box-header h2, .box .box-header h3 {
  display: inline-block;
  padding: 0px;
  vertical-align: middle;
  margin: 0 0 0 12px;
  line-height: 36px;
  font-size: 16px;
  color: #FFF;
  border-bottom: none;
}

.box .box-header h2 i, .box .box-header h3 i {
  background: #1e8fc6;
  color: white;
  padding: 10px 0px;
  width: 36px;
  display: inline-block;
  text-align: center;
  margin: -10px 10px -10px -12px;
  vertical-align: middle;
  font-size: 1.4em;
}

.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: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /*border-left: 1px solid variables.$colorPrincipal;*/
  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 {
  background: white;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
}

.box-content .box-header, .box-content .box-header.box-header--adaptable {
  background: #999;
}
.box-content .box-header h2 i, .box-content .box-header h3 i, .box-content .box-header.box-header--adaptable h2 i, .box-content .box-header.box-header--adaptable h3 i {
  background: #555 !important;
}

.box .box-header .box-icon {
  background: none;
}

.box-content .box-header .box-icon i {
  border-left: none;
}

.box .box-header.box-header--adaptable {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row nowrap;
}
.box .box-header.box-header--adaptable > i, .box .box-header.box-header--adaptable .box-header--adaptable__icono {
  background: #1e8fc6;
  color: white;
  padding: 8px 5px 5px 5px;
  width: 36px;
  display: inline-block;
  text-align: center;
  margin: 0;
  vertical-align: middle;
  font-size: 1.4em;
}
.box .box-header.box-header--adaptable .box-header--adaptable__contenido {
  flex-grow: 1;
  padding: 5px 14px;
}
.box .box-header.box-header--adaptable .box-header--adaptable__contenido h2, .box .box-header.box-header--adaptable .box-header--adaptable__contenido h3, .box .box-header.box-header--adaptable .box-header--adaptable__contenido h4 {
  line-height: 1.6;
  margin: 0;
}

/* 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: #5cb85c;
}

.pink {
  color: #e84c8a;
}

.orange {
  color: #fa603d;
}

.lightOrange {
  color: #e09900;
}

.red {
  color: #ff5454;
}

.yellow {
  color: #eae874;
}

.white {
  color: white;
}

.grey {
  color: #aaa;
}

.backgroundColor.blue {
  background: #36a9e1;
}

.backgroundColor.lightBlue {
  background: #67c2ef;
}

.backgroundColor.green {
  background: #bdea74;
}

.backgroundColor.darkGreen {
  background: #5cb85c;
}

.backgroundColor.pink {
  background: #e84c8a;
}

.backgroundColor.orange {
  background: #fa603d;
}

.backgroundColor.lightOrange {
  background: #e09900;
}

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

.backgroundColorTitle.pink .title {
  background: #e84c8a;
}

.backgroundColorTitle.orange .title {
  background: #fa603d;
}

.backgroundColorTitle.lightOrange .title {
  background: #e09900;
}

.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;
  min-height: 40px;
  border: none;
  background: #36a9e1;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.navbar a {
  color: #7b7b7b;
}

.navbar a i {
  margin-top: 2px;
}

.navbar a:hover i {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

a.navbar-brand {
  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;
}

.header-nav {
  padding: 0px;
  color: #fff !important;
  /* background: #000 !important; comentado icp */
}

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

.header-nav a.btn.account {
  padding: 6px 10px 5px 0px !important;
}

.header-nav a.btn:hover {
  background: #1e8fc6;
}

.header-nav .avatar {
  width: 60px;
}

.header-nav .avatar img {
  margin: 0px 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: 1px;
  /*modificado por oscar... ponía -5 :-?*/
  padding: 0px;
  vertical-align: middle;
}

.header-nav .user .hello {
  display: block;
  font-size: 11px;
  font-weight: bold;
}

.header-nav .user .name {
  display: none;
  /* icp */
  display: block;
  margin-top: -6px !important;
  font-size: 13px;
  min-width: 118px;
  max-width: 145px;
  max-width: 13vw;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nav > li {
  position: relative;
  display: block;
}

.navbar .nav li.dropdown.show > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.show.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;
}

.colorpicker.dropdown-menu {
  z-index: 1051;
}

.dropdown-menu, .navbar-nav .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 166px;
  max-width: 300px;
  padding: 0px;
  font-size: 0.95rem;
  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.show, .navbar-nav .dropdown-menu.show {
  display: block;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  margin: 0px 1px;
}

#gbox_clientes-grid .ui-jqgrid-bdiv {
  overflow: visible;
}
#gbox_clientes-grid .ui-jqgrid-pager {
  z-index: 0 !important;
}

.dropdown-listado-cliente, .ui-jqgrid tr.jqgrow td.dropdown-listado-cliente {
  position: relative;
  overflow: visible;
}

.desplegable-dropdown-listadoCliente, .ui-jqgrid div.desplegable-dropdown-listadoCliente {
  position: absolute;
  right: 34px;
  top: 10px;
  z-index: 999;
  border: 1px solid #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  display: none;
  background: #FFFFFF;
  padding: 5px 5px 0 5px;
}
@media screen and (max-width: 1024px) {
  .desplegable-dropdown-listadoCliente, .ui-jqgrid div.desplegable-dropdown-listadoCliente {
    right: 0px;
    top: 18px;
  }
}

.tabla-clientes-lista-acciones {
  list-style-type: none;
  padding: 0;
  line-height: 1.8;
  margin: 5px 0 0 0;
}

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

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

ul.notifications li .icon.pink {
  background: #e84c8a;
}

ul.notifications li .icon.orange {
  background: #fa603d;
}

ul.notifications li .icon.lightOrange {
  background: #e09900;
}

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

#sidebar-left .search {
  background: #2d323d;
  color: white;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  width: 100%;
  padding: 5px 10px;
  margin-bottom: 10px;
  border: none;
}

#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;
  border: none;
  padding-bottom: 1px;
  font-size: 14px;
  white-space: nowrap;
  flex-direction: column;
}

.sidebar-nav > ul > li > ul {
  list-style: none;
  display: none;
  margin: 0px 0px;
}

.nav-tabs.nav-stacked > li > a {
  margin: 0px;
  display: flex;
}

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

.nav-tabs.nav-stacked > li > ul > li > a {
  display: block;
  padding: 10px 16px;
  border-bottom: 1px solid #34495e !important;
}

.nav-tabs.nav-stacked > li > a > i, .nav-tabs.nav-stacked > li > ul > li > a > i {
  display: inline-block;
  font-size: 20px;
  margin: 0 6px 0 0;
  text-align: center;
  text-shadow: 0 0 2px #000;
  vertical-align: sub;
  width: 20px;
}

.nav-tabs.nav-stacked > li > ul > li > a > i {
  margin-right: 2px;
  width: 13px;
}

.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: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-shadow: none;
  background: #d6d9e0;
  margin: 4px 3px 2px 0;
  letter-spacing: 0.4px;
  font-size: 8.8px;
  font-size: 0.88rem;
}
.btn .popover {
  color: #444 !important;
}
@media screen and (max-width: 450px) {
  .btn {
    white-space: initial;
  }
}
.btn:hover {
  color: #FFF;
}

.btn i {
  font-size: 15px;
  /*
  margin-right: 4px;
  margin-top: 2px;*/
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
}

.btn-sm {
  font-size: 7.5px;
  font-size: 0.75rem;
}

.btn:hover .fa,
.btn:hover .fab,
.btn:hover .fad,
.btn:hover .fal,
.btn:hover .far,
.btn:hover .fas {
  animation: animacion-iconos-botones-hover 0.7s ease-in-out;
}

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

.btn-warning:hover,
.btn-warning.disabled,
.btn-warning[disabled] {
  background-color: #f9aa0b;
}

.btn-warning:active,
.btn-warning.active {
  background-color: #f4a406;
}

/*añado esta linea para darle mas tamaño al boton imprimir de la toma de datos de los presupuestos*/
.btn-toma-datos-legionella {
  width: auto !important;
  padding: 6px !important;
  color: #fff !important;
  height: auto;
  margin-right: 5px !important;
}

.btn-pdf {
  background: #c3112e;
  color: #fff;
}

.color-pdf {
  background-color: #c3112e !important;
}

.btn-pdf:hover,
.btn-pdf.disabled,
.btn-pdf[disabled] {
  background: #222;
  color: #fff;
}

.btn-pdf:active,
.btn-pdf.active,
.btn-pdf:focus,
.btn-pdf.focus {
  color: #fff;
}

.btn-renove {
  color: #ffffff;
  background: #D12694;
}

.btn-renove:hover,
.btn-renove.disabled,
.btn-renove[disabled] {
  color: #ffffff;
  background-color: #D12694;
}

.btn-danger, .daterangepicker .drp-buttons .btn.btn-default {
  color: #ffffff;
  background: #ff5454;
}

.btn-danger:hover, .daterangepicker .drp-buttons .btn.btn-default:hover,
.btn-danger.disabled,
.daterangepicker .drp-buttons .disabled.btn.btn-default,
.btn-danger[disabled],
.daterangepicker .drp-buttons [disabled].btn.btn-default {
  background-color: #ff2121;
}

.btn-danger:active, .daterangepicker .drp-buttons .btn.btn-default:active,
.btn-danger.active,
.daterangepicker .drp-buttons .active.btn.btn-default {
  background-color: #ff1717;
}

.btn-success, .daterangepicker .drp-buttons .btn.btn-primary {
  color: #ffffff;
  background: #5cb85c;
}

.btn-success:hover, .daterangepicker .drp-buttons .btn.btn-primary:hover,
.btn-success.disabled,
.daterangepicker .drp-buttons .disabled.btn.btn-primary,
.btn-success[disabled],
.daterangepicker .drp-buttons [disabled].btn.btn-primary {
  background-color: #419641;
}

.btn-success:active, .daterangepicker .drp-buttons .btn.btn-primary:active,
.btn-success.active,
.daterangepicker .drp-buttons .active.btn.btn-primary {
  background-color: #59af32;
}

.btn-plantillasPDF:hover {
  transform: scale(1.1);
  background-color: #419672;
}

.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-consultar {
  color: #ffffff !important;
  background: #337ab7;
}

.btn-consultar:hover,
.btn-consultar.disabled,
.btn-consultar[disabled] {
  color: #ffffff;
  background-color: #285f8f;
}

.btn-consultar:active,
.btn-consultar.active {
  color: #ffffff !important;
  background-color: #285f8f;
}

.btn-inverse {
  color: #ffffff !important;
  background: #444444;
}

.btn-inverse:hover,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  background-color: #2b2b2b;
  color: #fff;
}

.btn-inverse:active,
.btn-inverse.active {
  background-color: #252525;
}

.btn-purple,
.btn-purple:hover,
.btn-purple:active,
.btn-purple:visited {
  background: #662583;
  color: #fff !important;
  text-transform: uppercase;
}

.btn-naranja {
  background-color: #FF7100;
  color: #fff !important;
}

.btn-naranja:hover, .btn-naranja:focus,
.btn-naranja.disabled,
.btn-naranja[disabled] {
  background-color: #FF5F00;
  border-color: #FF5F00;
}

.btn-naranja:active,
.btn-naranja.active {
  background-color: #FF5F00;
  border-color: #FF5F00;
}

.btn-gris-oscuro {
  background-color: #696969;
  color: #fff !important;
}

.btn-gris-oscuro:hover, .btn-gris-oscuro:focus,
.btn-gris-oscuro.disabled,
.btn-gris-oscuro[disabled] {
  background-color: #555555;
  border-color: #555555;
}

.btn-gris-oscuro:active,
.btn-gris-oscuro.active {
  background-color: #555555;
  border-color: #555555;
}

.btn-magenta {
  background: #ff00ff;
  color: #fff !important;
}

/* Tabs
---------------------------------------------------------------------------------------------------------- */
.tab-menu.nav-tabs {
  border-bottom: 1px solid #1E8FC6;
}

.tab-menu.nav-tabs > .nav-item {
  margin-right: 0.2em;
}

.tab-menu.nav-tabs > .nav-item > .nav-link {
  color: #FFF;
  border: 1px solid #999;
  border-bottom: 1px solid #1E8FC6;
  background-color: #777;
  font-size: 1rem;
  line-height: 2em;
}

.tab-menu.nav-tabs > .nav-item > .nav-link:hover, .tab-menu.nav-tabs > .nav-item > .nav-link:focus {
  color: #666;
  border: 1px solid #666;
  border-bottom-color: transparent;
  background-color: white;
}

.tab-menu.nav-tabs > .nav-item > .active,
.tab-menu.nav-tabs > .nav-item > .nav-link.active:hover, .tab-menu.nav-tabs > .nav-item > .nav-link.active:focus {
  border: 1px solid #1E8FC6;
  border-bottom-color: transparent;
  color: #1E8FC6;
  font-weight: bold;
  background-color: white;
}

.tab-menu + .tab-content {
  border: 1px solid #1E8FC6;
  border-top-color: transparent;
  -moz-border-bottom-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 15px;
  margin-top: -1px;
}

/* Forms
---------------------------------------------------------------------------------------------------------- */
.form-horizontal .form-group {
  margin-right: 0px;
  margin-left: 0px;
}

::-webkit-input-placeholder {
  color: #AAA;
}

::-moz-placeholder {
  color: #AAA;
}

:-ms-input-placeholder {
  color: #AAA;
}

:-moz-placeholder {
  color: #AAA;
}

::placeholder {
  color: #AAA;
}

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

textarea {
  border: 1px solid #e4e6eb;
}

input, textarea, select, #search-bar input[type=text], input.form-control, textarea.form-control, select.form-control {
  font-size: 12px;
  line-height: 14px;
  height: 26px;
  color: #666;
  background: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #DDD;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
input:disabled, textarea:disabled, select:disabled, #search-bar input[type=text]:disabled, input.form-control:disabled, textarea.form-control:disabled, select.form-control:disabled {
  background: #E0E0E0;
  color: #999 !important;
}

select[multiple=yes], select.form-control[multiple=yes] {
  height: 70px;
}

textarea, textarea.form-control {
  height: 80px;
  padding: 5px;
}

.input-group-addon {
  border-color: #e4e6eb !important;
}

input:disabled, textarea:disabled, select:disabled {
  background-color: #f2f2f2;
  border-color: #adadad !important;
}

.limiterBox {
  border: 1px solid #c7cbd5;
  border-top: none;
  background-color: #c7cbd5;
  padding: 3px 6px;
  font-size: 10px;
  color: white;
  opacity: 0.9;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.editor {
  max-height: 250px;
  height: 250px;
  background-color: white;
  border-collapse: separate;
  border: 1px solid #e4e6eb !important;
  padding: 4px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  overflow: scroll;
  outline: none;
  margin-top: 20px;
}

div[data-role=editor-toolbar] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dropdown-menu a {
  cursor: pointer;
  text-decoration: none;
  /*mio*/
}

label, input, textarea, .form-control {
  font-size: 0.795rem;
  line-height: 21px !important;
  font-weight: 400;
  vertical-align: middle;
}

input, textarea, .form-control, .modal-body input, .modal-body textarea {
  padding: 0 5px;
}

label {
  line-height: 21px;
  margin-bottom: 0;
}

.checkbox {
  display: block;
}
.checkbox label {
  min-height: 19px;
}
.checkbox label::after {
  padding-top: 0;
}

.form-control {
  padding: 2px 3px;
}

.input-group input, .input-group select {
  -moz-border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.input-group .input-group-addon {
  padding-top: 5px;
  padding-bottom: 5px;
}

select option {
  color: black;
}

input:focus, textarea:focus, select:focus {
  border: 2px solid #36a9e1;
}

select[multiple=multiple] {
  height: 70px;
  width: 100%;
}
select[multiple=multiple].width-initial {
  width: initial !important;
  max-width: 100%;
}

.inline input[type=radio] {
  height: auto !important;
  margin: 0 5px 0 0;
}

.fixed input[type=radio] {
  height: auto;
  margin: 0 1px 0 15px !important;
  margin-top: -3px;
}

label:first-child input[type=radio] {
  margin-left: 0;
}

/* 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: #5cb85c;
}

.notification.small.orange,
.notification.orange {
  background: #e09900;
}

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

.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-left: -20px;
}

.radio label::before {
  outline: none !important;
}

.radio label.label {
  padding: 0 6px !important;
}

.label {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.label-important,
.badge-important,
.label-important[href],
.badge-important[href] {
  background: #ff5454;
}

.label-warning,
.badge-warning,
.label-warning[href],
.badge-warning[href] {
  background: #fff;
  border: 2px solid #e09900;
  color: #e09900;
}

.text-rojo {
  color: #FF0000 !important;
}

.text-subrayado {
  text-decoration: underline;
}

.text-warning {
  color: #e09900 !important;
  /*para evitar que lo pise bootstrap*/
}

.text-info {
  /*color: #67c2ef !important;*/
  color: #FF7100 !important;
}

.text-info-azul {
  color: #1E8FC8 !important;
}

.text-success {
  color: #5cb85c;
}

.text-danger {
  color: #d9534f;
}

.label-success,
.badge-success,
.label-success[href],
.badge-success[href] {
  background-color: #fff !important;
  border: 2px solid #5cb85c;
  color: #5cb85c;
}

.label-primary,
.badge-primary,
.label-primary[href],
.badge-primary[href] {
  background-color: #fff;
  border: 2px solid #337AB7;
  color: #337AB7;
}

.label-danger {
  background-color: #fff;
  border: 2px solid #d9534f !important;
  color: #d9534f;
}

.label-default {
  background-color: #fff;
  border: 2px solid #999 !important;
  color: #999;
}

.label-info,
.badge-info,
.label-info[href],
.badge-info[href] {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #67c2ef;
  color: #67c2ef;
}

.label-negro,
.badge-negro,
.label-negro[href],
.badge-negro[href] {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #000;
  color: #000000;
}

.label-info[href]:hover {
  color: #FFF !important;
}

body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
  margin-right: 0px;
}

/* Modal inputs Bugfix  */
body.iosBugFixCaret.modal-open {
  position: fixed;
}

/* Footer
---------------------------------------------------------------------------------------------------------- */
footer {
  background: #383e4b;
  color: white;
  padding: 14px 20px 20px 20px !important;
  margin: 0 !important;
  font-size: 12px;
}

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;
  overflow: hidden;
}

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

.smallchart.pink .title {
  background: #e84c8a;
}

.smallchart.orange .title {
  background: #fa603d;
}

.smallchart.lightOrange .title {
  background: #e09900;
}

.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 0 0 -40px;
  list-style: none;
}

.sparkLineStats ul li {
  margin-bottom: 0;
  line-height: 32px;
  padding-top: 3px;
  font-size: 12px;
}

.sparkLineStats ul li div {
  float: left;
}

.sparkLineStats ul li div:first-child {
  margin-right: 5px;
}

.sparkLineStats ul li .number {
  font-size: 17px;
  font-weight: 700;
  padding: 0px 0px 0px 2px;
  color: #fa603d;
}

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

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

.smallstat .boxchart-overlay.pink {
  background: #e84c8a;
}

.smallstat .boxchart-overlay.orange {
  background: #fa603d;
}

.smallstat .boxchart-overlay.lightOrange {
  background: #e09900;
}

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

.smallstat i.pink {
  background: #e84c8a;
}

.smallstat i.orange {
  background: #fa603d;
}

.smallstat i.lightOrange {
  background: #e09900;
}

.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: #808080;
  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: 100%;
  padding: 5px 8px;
}

/* 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;
  padding: 10px;
}

.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: 0.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;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

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

.slider.small {
  height: 12px;
}

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

.ui-slider-horizontal.small .ui-slider-handle {
  background: url("../img/handle.png") no-repeat center center scroll #ffffff !important;
  background-position: 50% 50%;
  background-size: 8px 8px !important;
  width: 36px !important;
  height: 10px !important;
}

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

.sliderVertical.small {
  width: 12px !important;
  position: relative;
  float: left;
  height: 100px;
  margin: 38px 20px 0px 20px;
  width: 5px;
}

.sliderVertical.small .ui-slider-handle {
  background: url("../img/handlev.png") no-repeat center center scroll #ffffff !important;
  background-position: 50% 50%;
  background-size: 8px 8px !important;
  width: 10px;
  height: 36px;
  margin: 0px 0px 1px -5px !important;
}

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

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

.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, .quick-button a {
  color: #383e4b;
}

.quick-button {
  border: 3px solid #ddd;
  margin-bottom: -1px;
  /*padding: 30px 0px 10px 0px;*/
  padding: 0;
  font-size: 13px;
  background-color: #E8F6FC;
  -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;
  text-decoration: none;
  width: 135px;
  height: 135px;
}

.quick-button:has(> a) {
  padding: 0 !important;
}

.quick-button a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 30px 0px 10px 0px;
}

.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);
  transform: scale(1.07);
}

.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: 46px;
  padding-bottom: 8px;
}

.quick-button:not(.docs-internos):not(.docs-cliente):not(.docs-tecnico) > i {
  margin-top: 30px;
  color: #0b6a91;
}

.quick-button.blink {
  -webkit-animation: blink 1s linear infinite;
  -moz-animation: blink 1s linear infinite;
  animation: blink 1s linear infinite;
}

.blink_me {
  animation: blinker 3s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
tr.blink {
  -webkit-animation: blink 2s linear infinite;
  -moz-animation: blink 2s linear infinite;
  animation: blink 2s linear infinite;
}

@keyframes blink {
  0% {
    background-color: #E0F4FC;
  }
  50% {
    background-color: #36a9e1;
  }
  100% {
    background-color: #E0F4FC;
  }
}
@-webkit-keyframes blink {
  0% {
    background-color: #E0F4FC;
  }
  50% {
    background-color: #36a9e1;
  }
  100% {
    background-color: #E0F4FC;
  }
}
/************************************************* estilos para Catalogo dispuestos en circulo******/
.lineas-de-negocio.container-circulos li {
  margin-right: 10px;
  margin-bottom: 10px;
}
.lineas-de-negocio.container-circulos .quick-button {
  border-radius: 100%;
  background-color: #36A9E1 0.3;
  -webkit-animation-name: animacion-botones-catalogo;
  animation-name: animacion-botones-catalogo;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  color: #36a9e1;
  border: 4px solid #0e7499;
}
.lineas-de-negocio.container-circulos .quick-button p, .lineas-de-negocio.container-circulos .quick-button i {
  color: #0b6a91;
}
.lineas-de-negocio.container-circulos .quick-button p span {
  display: inline-block;
  max-width: 100px;
  font-weight: bold;
  font-size: 0.8em;
  overflow: hidden;
  max-height: 30px;
}

.logo-igeo {
  border: 4px solid #000 !important;
}

.logo-igeo-catalogo {
  height: 3rem;
  width: 3rem;
  visibility: hidden;
  display: none;
}

.enCirculo ul.quicklinks.lineas-de-negocio.container-circulos {
  position: relative;
  text-align: center;
  margin: 0 auto;
  -webkit-animation: animacionMuestraCirculos 1s ease-in-out;
  animation: animacionMuestraCirculos 1s ease-in-out;
}
.enCirculo ul.quicklinks.lineas-de-negocio.container-circulos > li {
  display: block;
  border: 3px solid #ffffff;
  border-radius: 50%;
  transform-origin: 0 18rem;
  display: block;
  position: absolute;
  left: 50%;
}
.enCirculo ul.quicklinks.lineas-de-negocio.container-circulos > li > a {
  background-color: #EDEDED;
  background: -moz-linear-gradient(-45deg, #dddddd 1%, #ffffff 100%);
  background: -webkit-linear-gradient(-45deg, #dddddd 1%, #ffffff 100%);
  background: linear-gradient(135deg, #dddddd 1%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#dddddd", endColorstr="#ffffff",GradientType=1 );
  box-shadow: 0px 1px 1px #CCC;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  display: block;
}
.enCirculo .logo-igeo-catalogo {
  position: absolute;
  left: 50%;
  top: 49.5%;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  display: block;
  visibility: hidden;
}

@keyframes animacionMuestraCirculos {
  0%, 55% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/************************************************************************************************************/
/* 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: #e09900;
}

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

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

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

/* 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: "";
  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: "";
  color: #e3cf7a;
}

/* Icons
---------------------------------------------------------------------------------------------------------- */
.the-icons {
  list-style: none;
}

.glyphicons-icon-list div {
  margin: 10px 0;
}

.glyphicons-icon-list div span,
.glyphicons-icon-list div strong {
  font-size: 10px;
}

.glyphicons-icon-list div strong {
  margin-top: -5px;
  display: block;
}

.fontawesome-icon-list div {
  margin: 5px 0;
}

.fontawesome-icon-list .fa, .fontawesome-icon-list .fas, .fontawesome-icon-list .far, .fontawesome-icon-list .fal, .fontawesome-icon-list .fab {
  width: 20px;
  text-align: center;
  margin-right: 10px;
}

/* File manager
---------------------------------------------------------------------------------------------------------- */
.elfinder .elfinder-button {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/*
 * Copyright (c) 2013 Thibaut Courouble
 * http://www.cssflow.com
 *
 * Licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 */
.switch {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 56px;
  height: 20px;
  padding: 3px;
  background-color: white;
  border-radius: 18px;
  box-shadow: inset 0 -1px #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  text-transform: uppercase;
  background: #f9f9f9;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: opacity background;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  transition-property: opacity background;
}

.switch-label:before,
.switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}

.switch-label:before {
  content: attr(data-off);
  right: 11px;
  color: #aaa;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}

.switch-label:after {
  content: attr(data-on);
  left: 11px;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}

.switch-input:checked ~ .switch-label {
  background: #1E8FC6;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}

.switch-input:checked ~ .switch-label:before {
  opacity: 0;
}

.switch-input:checked ~ .switch-label:after {
  opacity: 1;
}

.switch-handle {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, #ffffff 40%, #f0f0f0);
  background-image: -moz-linear-gradient(top, #ffffff 40%, #f0f0f0);
  background-image: -o-linear-gradient(top, #ffffff 40%, #f0f0f0);
  background-image: linear-gradient(to bottom, #ffffff 40%, #f0f0f0);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}

.switch-handle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: #f9f9f9;
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
  background-image: -webkit-linear-gradient(top, #eeeeee, #ffffff);
  background-image: -moz-linear-gradient(top, #eeeeee, #ffffff);
  background-image: -o-linear-gradient(top, #eeeeee, #ffffff);
  background-image: linear-gradient(to bottom, #eeeeee, #ffffff);
}

.switch-input:checked ~ .switch-handle {
  left: 40px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-primary > .switch-input:checked ~ .switch-label {
  background: #36a9e1;
}

.switch-success > .switch-input:checked ~ .switch-label {
  background: #5cb85c;
}

.switch-warning > .switch-input:checked ~ .switch-label {
  background: #e09900;
}

.switch-important > .switch-input:checked ~ .switch-label {
  background: #ff5454;
}

.switch-info > .switch-input:checked ~ .switch-label {
  background: #67c2ef;
}

.switch-danger > .switch-input:checked ~ .switch-label {
  background: #d9534f;
}

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;
  font-weight: 300;
  font-size: 8px;
  font-size: 0.8rem;
}

table.table .btn {
  margin: 1px 0;
}

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

/* Just Gage - Demo Charts
---------------------------------------------------------------------------------------------------------- */
.sz1 {
  width: 200px;
  height: 160px;
}

.sz0 {
  margin: 2em 0 0 0;
}

.sz0 {
  width: 100px;
  height: 80px;
}

/**
 * Nestable
 */
.dd {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  line-height: 20px;
}

.dd-list {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.dd-list .dd-list {
  padding-left: 30px;
}

.dd-collapsed .dd-list {
  display: none;
}

.dd-item,
.dd-empty,
.dd-placeholder {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 20px;
  font-size: 13px;
  line-height: 20px;
}

.dd-handle {
  display: block;
  height: 30px;
  margin: 5px 0;
  padding: 5px 10px;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #c7cbd5;
  background: #f6f6f8;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.dd-handle:hover {
  color: #36a9e1;
  background: white;
}

.dd-handle .icon {
  float: right;
  font-size: 16px;
  margin-left: 10px;
}

.dd-handle .icon:hover {
  text-decoration: none;
}

.dd-item > button {
  display: block;
  position: relative;
  cursor: pointer;
  float: left;
  width: 25px;
  height: 20px;
  margin: 5px 0;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  background: transparent;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  font-weight: bold;
}

.dd-item > button:before {
  content: "+";
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  text-indent: 0;
}

.dd-item > button[data-action=collapse]:before {
  content: "-";
}

.dd-placeholder,
.dd-empty {
  margin: 5px 0;
  padding: 0;
  min-height: 30px;
  background: #f2fbff;
  border: 1px dashed #b6bcbf;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.dd-empty {
  border: 1px dashed #bbb;
  min-height: 100px;
  background-color: #e5e5e5;
  background-size: 60px 60px;
  background-position: 0 0, 30px 30px;
}

.dd-dragel {
  position: absolute;
  pointer-events: none;
  z-index: 9999;
}

.dd-dragel > .dd-item .dd-handle {
  margin-top: 0;
}

.dd-dragel .dd-handle {
  -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}

/**
 * Nestable Extras
 */
.nestable-lists {
  display: block;
  clear: both;
  padding: 30px 0;
  width: 100%;
  border: 0;
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
}

#nestable-menu {
  padding: 0;
  margin: 20px 0;
}

#nestable-output,
#nestable2-output {
  width: 100%;
  height: 7em;
  font-size: 0.75em;
  line-height: 1.333333em;
  font-family: Consolas, monospace;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#nestable2 .dd-handle {
  color: white;
  border: 1px solid #c7cbd5;
  background: #c7cbd5;
}

#nestable2 .dd-handle:hover {
  border: 1px solid #383e4b;
  background: #383e4b;
}

#nestable2 .dd-item > button:before {
  color: #fff;
}

@media only screen and (min-width: 700px) {
  .dd {
    float: left;
    width: 48%;
  }

  .dd + .dd {
    margin-left: 2%;
  }
}
.dd-hover > .dd-handle {
  background: #2ea8e5 !important;
}

/**
 * Nestable Draggable Handles
 */
.dd3-content {
  display: block;
  height: 30px;
  margin: 5px 0;
  padding: 5px 10px 5px 40px;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #c7cbd5;
  background: #f6f6f8;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.dd3-content:hover {
  color: #36a9e1;
  background: #fff;
}

.dd-dragel > .dd3-item > .dd3-content {
  margin: 0;
}

.dd3-item > button {
  margin-left: 30px;
}

.dd3-handle {
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  cursor: pointer;
  width: 30px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 1px solid #c7cbd5;
  background: #c7cbd5;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.dd3-handle:before {
  content: "≡";
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  width: 100%;
  text-align: center;
  text-indent: 0;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
}

.dd3-handle:hover {
  background: #383e4b;
}

.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;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.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 #36a9e1;
  background: #36a9e1;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(100, 100, 100, 0.6) 3px, rgba(255, 255, 255, 0) 4px) !important;
  background-image: -moz-repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(100, 100, 100, 0.6) 3px, rgba(255, 255, 255, 0) 4px) !important;
  background-image: -webkit-repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(100, 100, 100, 0.6) 3px, rgba(255, 255, 255, 0) 4px) !important;
  color: white;
}

.wizard ul li.active {
  color: #36a9e1;
}

.wizard ul li.active .badge {
  border: 1px solid #36a9e1;
  background: #36a9e1;
  color: white;
}

.wizard ul li .badge {
  background: white none repeat scroll 0 0;
  border: 1px solid #e4e6eb;
  color: #383e4b;
  font-size: 15px;
  margin-right: 8px;
  padding: 10px;
  position: relative;
  text-align: center;
  width: 16px;
  border-radius: 0;
}

.wizard ul li .badge:before {
  position: absolute;
  content: "";
  z-index: -1;
  width: 100%;
  height: 100%;
  padding: 6px;
  background: #f6f6f8;
  top: -6px;
  left: -6px;
  -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;
}

/*
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
  /*.dow {
  	border-top: 1px solid #ddd !important;
  }*/
}

.datepicker-inline {
  width: 220px;
}

.datepicker.datepicker-rtl {
  direction: rtl;
}

.datepicker.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
}

.datepicker-dropdown:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}

.datepicker-dropdown:after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  border-top: 0;
  position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid white;
}

.datepicker > div {
  display: none;
}

.datepicker.days div.datepicker-days {
  display: block;
}

.datepicker.months div.datepicker-months {
  display: block;
}

.datepicker.years div.datepicker-years {
  display: block;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.day:hover {
  background: #eee;
  cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #383e4b;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #f9f9f9;
  cursor: default;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background: #36a9e1;
  color: #000;
}

.datepicker table tr td.today:hover:hover {
  color: #000;
}

.datepicker table tr td.today.active:hover {
  color: #fff;
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background: #f3c17a;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background: #f9f9f9;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background: #36a9e1;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.datepicker table tr td span:hover {
  background: #eee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #f9f9f9;
  cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background: #36a9e1;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #f9f9f9;
}

.datepicker th.datepicker-switch {
  width: 145px;
}

.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eee;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.input-daterange input {
  text-align: center;
}

.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 white;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}

/*
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */
.bootstrap-timepicker {
  position: relative;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
  left: auto;
  right: 0;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
  left: auto;
  right: 12px;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
  left: auto;
  right: 13px;
}

.bootstrap-timepicker .input-group-addon {
  cursor: pointer;
  -webkit-border-radius: 4px 0px 0px 4px !important;
  border-radius: 4px 0px 0px 4px !important;
  border-right: 0px;
}

.bootstrap-timepicker-widget.dropdown-menu {
  padding: 2px 3px 2px 2px;
  margin-left: 54px;
}

.bootstrap-timepicker-widget.dropdown-menu.show {
  display: inline-block;
}

.bootstrap-timepicker-widget.dropdown-menu:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: inline-block;
  left: 9px;
  position: absolute;
  top: -7px;
}

.bootstrap-timepicker-widget.dropdown-menu:after {
  border-bottom: 6px solid #FFFFFF;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  left: 10px;
  position: absolute;
  top: -6px;
}

.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget input {
  border-radius: 4px;
}

.bootstrap-timepicker-widget table {
  width: 100%;
  margin: 0;
}

.bootstrap-timepicker-widget table td {
  text-align: center;
  height: 30px;
  margin: 0;
  padding: 2px;
}

.bootstrap-timepicker-widget table td:not(.separator) {
  min-width: 30px;
}

.bootstrap-timepicker-widget table td span {
  width: 100%;
}

.bootstrap-timepicker-widget table td a {
  border: 1px transparent solid;
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 8px 0;
  outline: 0;
  color: #333;
}

.bootstrap-timepicker-widget table td a:hover {
  text-decoration: none;
  background-color: #eee;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-color: #ddd;
}

.bootstrap-timepicker-widget table td a i {
  margin-top: 2px;
}

.bootstrap-timepicker-widget table td input {
  width: 25px;
  margin: 0;
  text-align: center;
  border: 1px solid #c7cbd5;
}

.bootstrap-timepicker-widget .modal-content {
  padding: 4px;
}

@media (min-width: 767px) {
  .bootstrap-timepicker-widget.modal {
    width: 200px;
    margin-left: -100px;
  }
}
@media (max-width: 767px) {
  .bootstrap-timepicker {
    width: 100%;
  }

  .bootstrap-timepicker .dropdown-menu {
    width: 100%;
  }
}
/*
 * Colorpicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.colorpicker-saturation {
  width: 100px;
  height: 100px;
  background-image: url(../img/saturation.png);
  cursor: crosshair;
  float: left;
}

.colorpicker-saturation i {
  display: block;
  height: 5px;
  width: 5px;
  border: 1px solid #000;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  position: absolute;
  top: 0;
  left: 0;
  margin: -4px 0 0 -4px;
}

.colorpicker-saturation i b {
  display: block;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.colorpicker-hue,
.colorpicker-alpha {
  width: 15px;
  height: 100px;
  float: left;
  cursor: row-resize;
  margin-left: 4px;
  margin-bottom: 4px;
}

.colorpicker-hue i,
.colorpicker-alpha i {
  display: block;
  height: 1px;
  background: #000;
  border-top: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -1px;
}

.colorpicker-hue {
  background-image: url(../img/hue.png);
}

.colorpicker-alpha {
  background-image: url(../img/alpha.png);
  display: none;
}

.colorpicker {
  *zoom: 1;
  top: 0;
  left: 0;
  padding: 4px;
  min-width: 120px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.colorpicker:before,
.colorpicker:after {
  display: table;
  content: "";
  line-height: 0;
}

.colorpicker:after {
  clear: both;
}

.colorpicker:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}

.colorpicker:after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  top: -6px;
  left: 7px;
}

.colorpicker div {
  position: relative;
}

.colorpicker.alpha {
  min-width: 140px;
}

.colorpicker.alpha .colorpicker-alpha {
  display: block;
}

.colorpicker-color {
  height: 10px;
  margin-top: 5px;
  clear: both;
  background-image: url(../img/alpha.png);
  background-position: 0 100%;
}

.colorpicker-color div {
  height: 10px;
}

.input-append.color .add-on i,
.input-prepend.color .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.input-group.color .input-group-addon i {
  display: block;
  cursor: pointer;
  width: 13px;
}

/* 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 .fa,
ul.messagesList li .fab,
ul.messagesList li .fad,
ul.messagesList li .fal,
ul.messagesList li .far,
ul.messagesList li .fas {
  padding: 5px 0 5px 25px;
}

ul.messagesList li .fa:before,
ul.messagesList li .fab:before,
ul.messagesList li .fad:before,
ul.messagesList li .fal:before,
ul.messagesList li .far:before,
ul.messagesList li .fas:before {
  font-size: 14px !important;
  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.halflings {
  margin-top: -15px;
}

.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 .fa,
.message .attachments ul li span.quickMenu .fab,
.message .attachments ul li span.quickMenu .fad,
.message .attachments ul li span.quickMenu .fal,
.message .attachments ul li span.quickMenu .far,
.message .attachments ul li span.quickMenu .fas {
  padding: 5px 0 5px 25px;
}

.message .attachments ul li span.quickMenu .fa:before,
.message .attachments ul li span.quickMenu .fab:before,
.message .attachments ul li span.quickMenu .fad:before,
.message .attachments ul li span.quickMenu .fal:before,
.message .attachments ul li span.quickMenu .far:before,
.message .attachments ul li span.quickMenu .fas: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: #e09900;
  padding: 2px 10px;
  color: white;
  display: inline-block;
  font-size: 12px;
}

.priority.low {
  background: #e4f5dc;
  margin-bottom: 1px;
}

.priority.low span {
  background: #5cb85c;
  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: 18%;
  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 #e09900;
}

.task.low {
  border-left: 2px solid #5cb85c;
}

.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: 410px;
  padding: 20px;
  margin: 70px auto;
  background: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 7px solid #ded;
}
.login-box h2 {
  margin-bottom: 10px;
}
@media screen and (max-width: 400px) {
  .login-box {
    width: 98%;
  }
}

.login-box__titulo {
  margin-bottom: 30px;
}

.login-box input[type=text],
.login-box input[type=password],
.login-box select {
  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: 10px;
  float: left;
  font-size: 14px;
  vertical-align: middle;
  line-height: 1.4 !important;
}

#portal-cliente .login-box {
  border: 7px solid #89F27D;
}

/** INICIO NUEVA LOGIN **/
body.body--login-con-fondo {
  background-image: var(--img-fondo-login);
  background-size: cover;
  background-position: left center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
body.body--login-con-fondo .login-box {
  background: transparent !important;
  border: none !important;
  margin-right: 20vw;
  position: absolute;
  top: 35%;
  right: 25vw;
  transform: translateY(-50%);
  margin: 0;
}
body.body--login-con-fondo .login-box h1 {
  text-transform: uppercase;
  font-weight: lighter;
}
body.body--login-con-fondo .login-box h2 {
  line-height: 1.4;
}
body.body--login-con-fondo .login-box .login-box__logo-igeo {
  height: 6em;
  margin: 0 auto 10px auto;
}
body.body--login-con-fondo .login-box input[type=text], body.body--login-con-fondo .login-box input[type=password],body.body--login-con-fondo .login-box select {
  background: #FFF !important;
}
body.body--login-con-fondo .login-box .btn {
  border: 1px solid #444 !important;
  text-transform: uppercase;
  background: transparent;
  color: #444 !important;
  letter-spacing: 0.2em !important;
  padding: 1em !important;
  display: inline-block;
  font-weight: 300;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  line-height: 1.25;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  font-weight: 500;
}
body.body--login-con-fondo .login-box .btn:hover {
  outline: none;
  background: #444 !important;
  color: white !important;
}

body.body--login-con-fondo .login-box .btn.btn-google {
	background: #1a73e8;
  	color: white !important;
  	border-color: #1a73e8 !important;
  	letter-spacing: normal !important;
  	margin: 0 0 15px;
}

body.body--login-con-fondo .login-box .btn.btn-google:hover {
  outline: none;
  background: #1B66CA !important;
  border-color: #1B66CA !important;
  color: white !important;
}
@media screen and (max-width: 600px) {
  body.body--login-con-fondo .login-box {
    background: rgba(255, 255, 255, 0.4) !important;
    top: 50%;
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
    width: 90%;
  }
}
body.body--login-con-fondo .modal--login .login-box {
  width: 410px;
  padding: 20px;
  margin: 70px auto;
  position: static;
  top: auto;
  left: auto;
  right: auto;
  transform: none;
  width: auto;
  margin: 0;
}
@media screen and (max-width: 400px) {
  body.body--login-con-fondo {
    background-position: -38vw center;
  }
}

/** FIN NUEVA LOGIN **/
/*
* 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;
    width: 14.422%;
  }

  .navbar-collapse {
    max-height: 100%;
  }

  .container {
    width: 100% !important;
  }

  .container-fluid #content {
    padding: 20px 30px 45px;
    margin: 0;
  }

  .container-fluid #sidebar-left {
    width: 200px;
  }
}
/* Higher than 992 (desktop devices)
--------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 992px) {
  .container-fluid #sidebar-left {
    overflow: hidden;
  }
}
@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;
    width: 14.422%;
  }

  .navbar-collapse {
    max-height: 100%;
  }

  .container {
    width: 100% !important;
  }

  .container-fluid #sidebar-left {
    width: 200px;
  }

  .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 {
    width: 8.334%;
    padding: 8px 0px !important;
    position: absolute;
  }

  a.navbar-brand span {
    font-size: 12px;
  }

  .navbar-collapse {
    max-height: 100%;
  }

  .container {
    width: 100% !important;
  }

  .container-fluid #content {
    padding: 22px;
    margin: 0px 0px;
    overflow: hidden;
  }

  .container-fluid #sidebar-left {
    margin-left: 0px !important;
    width: 8.334% !important;
  }

  .sidebar-nav ul {
    text-align: center;
    width: 100% !important;
    margin: 0 !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: 0 auto;
    font-size: 20px;
  }

  .noMargin {
    margin-left: 0px !important;
  }

  .btn-navbar {
    display: none !important;
  }

  .nav-collapse,
.nav-collapse.collapse {
    height: auto !important;
    overflow: visible !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 #e09900;
  }

  .task.low {
    border-left: 2px solid #5cb85c;
  }

  .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-toggler {
    background: transparent !important;
    text-shadow: none !important;
    border: none !important;
  }

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

  .nav-tabs.nav-stacked > li {
    margin: 0px !important;
  }

  .nav-tabs.nav-stacked > li > a {
    margin: 0px !important;
    font-size: 14px;
    padding: 8px 10px;
  }

  .nav-tabs.nav-stacked > li > ul > li > a {
    font-size: 12px;
    padding: 8px 10px;
  }

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

  /* Support tickets
  	---------------------------------------------------------------------------------------------------------- */
  ul.tickets li.ticket .left {
    display: inline-block;
    width: 100%;
  }

  ul.tickets li.ticket .right {
    display: inline-block;
    width: 100%;
    text-align: right;
  }

  ul.tickets li.ticket .status {
    width: 80px;
    display: inline-block;
    text-align: center;
  }

  ul.tickets li.ticket .date {
    width: 150px;
    display: inline-block;
    text-align: center;
  }
}
/* 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;
  }

  .mobileHalf {
    width: 48% !important;
    float: left !important;
    margin: 1% !important;
  }

  .pull-right:not(#odtToggle):not(.btn) {
    width: 100%;
    margin: 10px auto;
    text-align: center;
  }

  .modal-footer .btn.pull-right {
    margin: 4px 3px 2px 0 !important;
  }

  .fc-button-today,
.fc-button-month,
.fc-button-agendaWeek,
.fc-button-agendaDay {
    display: none;
  }

  #portal-tecnicos .fc-button-today,
#portal-tecnicos .fc-button-month,
#portal-tecnicos .fc-button-agendaWeek,
#portal-tecnicos .fc-button-agendaDay {
    display: inline-block;
  }

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

  .pull-right:not(#odtToggle):not(.btn) {
    width: 100%;
    margin: 10px auto;
    text-align: center;
  }

  .pull-right.text-initial-xs {
    text-align: initial !important;
  }

  .modal-footer .btn.pull-right {
    margin: 4px 3px 2px 0 !important;
  }

  table:not(.tabla-movil),
.pagination {
    font-size: 10px;
    font-size: 1rem;
  }

  .pagination {
    padding: 5px;
  }

  footer {
    padding: 10px 20px;
  }
}
/******* ESTILOS PROPIOS DE GEO ERP *********/
.tituloParaModal {
  display: none;
}

.box-header-title {
  margin: 4px 0px 0px 4px;
}

.msgErrorForm {
  color: red;
  display: block;
  font-size: 12px;
  line-height: 18px;
}

.inputErrorForm, input.inputErrorForm {
  background-color: #FFF0F0 !important;
  border-color: #C60000 !important;
}

.registroDisabled {
  background: repeating-linear-gradient(45deg, #CCC, #FFF 8px, #CCC 8px);
  background: -webkit-repeating-linear-gradient(45deg, #CCC, #FFF 8px, #CCC 8px);
}

.tipoInstalacion {
  display: none;
}

.datosLineaNegocio {
  display: none;
}

.dispNone {
  display: none;
}

.dispBlock {
  display: block;
}

.familiaLE {
  display: none;
  border: 1px solid #36a9e1;
  margin: 5px;
  padding: 5px;
  clear: both;
}

.inputCantidad {
  width: 40px;
  padding-right: 0 !important;
}

.inputImporte {
  width: 80px;
  padding-right: 0 !important;
}

.lineasPresupuestoDiv {
  border: 1px solid #1E8FC6;
  margin: 10px;
  padding: 5px;
}

.ui-autocomplete {
  z-index: 9999 !important;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}

.ui-autocomplete-loading {
  background: white url("/cdncomun/img/grounds/ui-anim_basic_16x16.gif") right center no-repeat;
}

.descLineaPresupuesto {
  font-size: 0.85em;
  display: inline-block;
}

.descLineaPresupuesto, .descLineaContrato {
  word-wrap: break-word;
  word-break: break-word;
}

@media only screen {
  .descLineaPresupuesto {
    overflow: hidden;
  }
}
.tableDesglose {
  width: 90%;
}

.tableDesglose td, .tableDesglose th {
  padding: 1px 2px;
  margin: 0 1px;
}

.thAcciones {
  min-width: 95px;
  width: 95px;
  text-align: right;
}

.colImpuesto {
  min-width: 125px;
  text-align: center;
}

.newOne i {
  background: #36a9e1;
  border-radius: 50px;
  bottom: -17px;
  box-sizing: content-box;
  color: white !important;
  cursor: pointer;
  font-size: 18px;
  padding: 8px 10px;
  position: absolute;
  right: -18px;
  border: 3px solid #fff;
}

.colCantidad {
  max-width: 70px;
  width: 70px;
  text-align: right;
}

.carita {
  width: 40px;
  height: 40px;
  webkit-border-radius: 50em;
  border-radius: 50em;
}

.cajaTecnico {
  margin: 3px 0;
  overflow: hidden;
  padding: 3px 5px;
}

.pcEnMapa, .pcEnMapaTemporal {
  padding: 0.3em 0;
  width: 1.3em;
  height: 1.3em;
  border: 2px dotted #000;
  position: absolute;
  font-size: 26px;
  z-index: 100;
  line-height: 0.65;
  background: none;
  cursor: pointer;
  text-align: center;
  font-family: "iGEO";
  overflow: visible;
}

/* Se comenta pq cuando esta a máximo zoom y hacer el drag no se va con el puntero
#planoDiv[data-plano-zoom="2"] .pcEnMapa{transform:translate(50%,50%)}
#planoDiv[data-plano-zoom="3"] .pcEnMapa{transform:translate(100%,100%)}
#planoDiv[data-plano-zoom="4"] .pcEnMapa{transform:translate(150%,150%)}
#planoDiv[data-plano-zoom="5"] .pcEnMapa{transform:translate(200%,200%)}*/
#planoDiv .pcEnMapa {
  transform: translate(-50%, -50%);
}

.pcEnMapa.pcEnMapa-xs, .pcEnMapaTemporal.pcEnMapa-xs {
  font-size: 20px;
}

.pcEnMapa.pcEnMapa-sm, .pcEnMapaTemporal.pcEnMapa-sm {
  font-size: 23px;
}

.pcEnMapa.pcEnMapa-md, .pcEnMapaTemporal.pcEnMapa-md {
  font-size: 29px;
}

.pcEnMapa.pcEnMapa-lg, .pcEnMapaTemporal.pcEnMapa-lg {
  font-size: 31px;
}

.btn-zoom1x-plano {
  background-color: #ffc699;
}

.btn-zoom2x-plano {
  background-color: #ff9c4d;
}

.btn-zoom3x-plano {
  background-color: #FF7100;
}

.btn-zoom4x-plano {
  background-color: #f06a00;
}

.btn-zoom5x-plano {
  background-color: #e06300;
}

.pcEnMapaTemporal {
  cursor: move;
}

.pcAsignable {
  padding: 0px;
  font-size: 20px;
  text-align: center;
  font-family: iGEO;
  vertical-align: middle;
}

.pdcVer_CODIGO {
  vertical-align: middle;
}

.box-scroll-plano {
  background-color: #FFF;
  border: 1px solid #ddd;
  overflow: auto;
  max-height: 650px;
  margin-bottom: 15px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.planoDiv {
  margin: 0px;
  padding: 0px;
  border: 2px solid #222;
  position: relative;
}

.moduloInicio {
  display: block;
}

.incDiagnostico {
  padding: 15px 3px 3px;
  margin: 2px 0px;
  position: relative;
}

.mcDiagnostico {
  /*border: 1px solid #e4e6eb;
  padding: 3px;*/
  margin: 3px 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.infDiagnostico {
  /*border: 1px solid #999;*/
}

.fotosIncidencia {
  margin: 2px;
}

.catIncidencias ul li {
  list-style: none;
}

.incidenciaImg {
  cursor: pointer;
  max-width: 150px;
  max-height: 150px;
  margin-right: 10px;
}

.permisoCirculacionImg {
  max-width: 100%;
}

.alert-warning {
  background: #f9e095;
}

.addFotoInc {
  width: 55px;
  height: 59px;
  vertical-align: middle !important;
  font-size: 1.8rem !important;
  text-align: center;
  padding: 10px;
  display: inline-block;
  line-height: 2.4rem;
}

.addFotoInc:hover {
  background: #DDD;
  cursor: pointer;
}

.formErroresGlobales {
  padding: 5px;
  background-color: #FFF0F0;
  border: 2px solid #C60000;
  margin: 5px 0px;
  color: #C60000;
  border-radius: 4px;
  margin-bottom: 5px;
}

.trClicable {
  cursor: pointer;
}

.trClicable:hover {
  background: #CCC !important;
}

.bandaBack, .bandaSuperior {
  background: #662583 none repeat scroll 0 0;
  color: #fff;
  margin-right: 23px;
  padding: 11px 16px;
  text-transform: uppercase;
}

button.bandaBack.btn.btn-volver:hover, button.bandaBack.btn.btn-inverse:hover {
  -webkit-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  transform: translateX(-10px);
  background-color: #50146A;
}

.bandaBackSinFuncionAsociada {
  background: #662583 none repeat scroll 0 0;
  color: #fff;
  margin-top: -10px;
  padding: 11px 16px;
  text-transform: uppercase;
}

.fontDatosEnvioFusionarFactura {
  font-size: 11px;
}

.bandaBack:hover {
  color: #FFF;
}

.reciboFactura {
  border: 1px solid #CCC;
  padding: 0px;
  margin: 5px;
  border-radius: 3px;
}

.cabeceraReciboFactura {
  background: #555;
  color: #fff !important;
  font-size: 1.1em;
  font-weight: bold;
  padding: 3px 10px;
}

.cuerpoReciboFactura {
  padding: 5px 10px;
  line-height: 150%;
}

.cuerpoReciboFactura.fusionarFacturaVistaPrevia h2 {
  color: black;
}

.notaFactura {
  padding: 6px;
  margin: 5px;
}

.cambiaEstadoRecibo {
  cursor: pointer;
}

.cambiaEstadoRecibo:hover {
  background: #CCC;
}

.readOnlySimulator {
  background: #eee !important;
  cursor: no-drop !important;
}

.pointEventsNone {
  pointer-events: none;
}

.cursorNoDrop {
  cursor: no-drop !important;
}

.ui-jqgrid tr.jqgrow td {
  /* Para evitar que se desalineen cabecera y cuerpo en los jgGrids*/
  white-space: normal;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}

.ui-timepicker-div dl {
  text-align: left;
}

.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px;
}

.ui-timepicker-div dl dd {
  margin: 0 10px 10px 40%;
}

.ui-timepicker-div td {
  font-size: 90%;
}

.ui-tpicker-grid-label {
  background: 0 0;
  border: 0;
  margin: 0;
  padding: 0;
}

.ui-timepicker-div .ui_tpicker_unit_hide {
  display: none;
}

.ui-timepicker-rtl {
  direction: rtl;
}

.ui-timepicker-rtl dl {
  text-align: right;
  padding: 0 5px 0 0;
}

.ui-timepicker-rtl dl dt {
  float: right;
  clear: right;
}

.ui-timepicker-rtl dl dd {
  margin: 0 40% 10px 10px;
}

.ui-timepicker-div.ui-timepicker-oneLine {
  padding-right: 2px;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, .ui-timepicker-div.ui-timepicker-oneLine dt {
  display: none;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
  display: block;
  padding-top: 2px;
}

.ui-timepicker-div.ui-timepicker-oneLine dl {
  text-align: right;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd, .ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
  display: inline-block;
  margin: 0;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
  content: ":";
  display: inline-block;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
  content: ".";
  display: inline-block;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide, .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
  display: none;
}

.cuadroColor {
  min-width: 30px;
  min-height: 30px;
  border: 1px solid black;
  display: inline-block;
}

.bloqueoPROPUESTA, .bloqueo0 {
  padding: 2px;
  line-height: 24px;
}

.bloqueoBLOQUEADA, .bloqueo1 {
  padding: 2px;
  line-height: 24px;
}

.bloqueoCERRADA, .bloqueo2 {
  padding: 2px;
  line-height: 24px;
}

.odtAsignable {
  cursor: move;
  margin: 4px 0px;
  width: 96%;
}

.odtDroppable {
  border: 1px solid #222;
  padding: 3px;
  color: #fff;
  font-size: 12px;
}

.masInfoOdt {
  font-weight: bold;
  cursor: pointer;
}

#filtroOdtDiv {
  background-color: #fff;
  padding: 0 10px;
}

#wrapOdtAsignable {
  background-color: rgba(200, 200, 200, 0.85);
  padding: 10px;
  width: 312px;
  /* height:790px;*/
  height: 85vh;
  top: 5vh;
  z-index: 1000 !important;
  position: absolute;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  left: 0;
  overflow: hidden;
}
#wrapOdtAsignable .ui-draggable-dragging {
  display: none;
}
#wrapOdtAsignable.collapsed {
  left: -270px;
  background-color: rgba(196, 51, 51, 0.85);
  -moz-transition: all 0.25 linear;
  -webkit-transition: all 0.25 linear;
  transition: all 0.25 linear;
}
#wrapOdtAsignable.collapsed #listadoOdtAsignable {
  visibility: hidden;
}

.odtDroppable.ui-draggable-dragging {
  margin-left: 380px;
  margin-top: 30px;
  min-width: 250px;
}

#wrapOdtAsignable i.fa-arrow-left, #wrapOdtAsignable i.fa-arrow-right {
  cursor: pointer;
}

#wrapOdtAsignable i.fa-arrow-left {
  display: none;
}

#odtToggle {
  text-align: right;
}

#listadoOdtAsignable {
  overflow-y: scroll;
  /*height: 400px;*/
}

.asigBLOQUEADA, .asigCERRADA, .asigPROPUESTA {
  background-color: #29A1D8;
}

.asig_graphhopper_BLOQUEADA, .asig_graphhopper_CERRADA {
  background-color: #7dff91;
}

.odtAsignable .anteriorAHoy {
  background-color: #056797;
}

.asigBLOQUEADA, .asig1 {
  border: 2px dashed black !important;
}

.asigCERRADA, .asig2 {
  border: 3px solid black !important;
}

.asigPROPUESTA, .asig0 {
  border: 1px solid #888 !important;
}

.diaNoLaborable {
  background: #888 !important;
}

.odtConRuta:not(tr), tr.odtConRuta > td:last-child {
  position: relative;
  padding-right: 7px;
}
.odtConRuta:not(tr)::before, tr.odtConRuta > td:last-child::before {
  content: "";
  width: 0;
  height: 100%;
  display: block;
  border-right: 1px dashed #FFF;
  position: absolute;
  top: 0;
  right: 3px;
  z-index: 1;
}
.odtConRuta:not(tr)::after, tr.odtConRuta > td:last-child::after {
  content: "";
  width: 7px;
  background-color: #333;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.fc-timelineDay-view .odtConRuta:not(tr) {
  position: absolute;
}

.tieneFacturacionBloqueada, .odtRetenida {
  border: 3px solid red !important;
}

/* Las barras de scroll bonitas */
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track-piece {
  background-color: white;
  border-radius: 4px;
}

::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}

::-webkit-scrollbar-thumb {
  background-color: #bebebe;
  border-radius: 4px;
  -webkit-box-shadow: inset 1px 1px 0 #aaaaaa, inset 0 -1px 0 #aaaaaa;
}

.fc table {
  font-size: 0.8em;
}

.estadoAsignacionRadio {
  padding: 4px;
  font-size: 0.8rem;
  text-transform: uppercase;
}

.estadoAsignacionListado {
  padding: 4px;
  font-size: 0.9em;
  text-transform: uppercase;
}

/*
input.autoEditable{
    height:26px;
    font-size:1.1em;
    border:0 !important;

    margin:0 5px;
    border:1px solid #fff;
}

input.autoEditable:hover       {
    border-radius:5px;
    border:1px solid #848383 !important;
    color:#848383;
    width:250px;
}

input.autoEditable:focus       {
    border-radius:5px;
    border:1px solid #848383 !important;
    color:#848383;
    width:250px;
}

*/
.theadCheck {
  width: 50px;
}

.lineaContratoSedeEven {
  background: #EEE;
}

#ui-datepicker-div {
  z-index: 1111 !important;
}

.descripciones {
  white-space: pre-wrap !important;
}

.iconos-menu-sup > li > a {
  height: 45px;
  padding-left: 10px;
  padding-right: 10px;
}

.navbar > .container-fluid .user .dropdown-toggle.account {
  border-radius: 3px 3px 0 0;
}
.navbar > .container-fluid .user.dropdown .dropdown-toggle.account--jornada-finalizada {
  border-bottom: 5px solid red;
  background-color: #c3112e;
}
.navbar > .container-fluid .user.dropdown .dropdown-toggle.account--jornada-finalizada:hover, .navbar > .container-fluid .user.dropdown .dropdown-toggle.account--jornada-finalizada:focus, .navbar > .container-fluid .user.dropdown .dropdown-toggle.account--jornada-finalizada:active {
  background-color: #9d0e25;
}
.navbar > .container-fluid .user .dropdown-toggle.account--jornada-en-curso {
  border-bottom: 5px solid #8AD38A;
}
.navbar > .container-fluid .user.dropdown .dropdown-toggle.account--jornada-en-pausa {
  border-bottom: 5px solid #FF5F00;
  background-color: #d65000;
}
.navbar > .container-fluid .user.dropdown .dropdown-toggle.account--jornada-en-pausa:hover, .navbar > .container-fluid .user.dropdown .dropdown-toggle.account--jornada-en-pausa:focus, .navbar > .container-fluid .user.dropdown .dropdown-toggle.account--jornada-en-pausa:active {
  background-color: #d65000;
}
.navbar > .container-fluid .user .header__estado-jornada-en-curso {
  padding: 0 0 0 5px;
  color: #444;
}
.navbar > .container-fluid .user .header__estado-jornada-en-curso #btnsModificaJornada {
  display: block;
  width: 100%;
}
.navbar > .container-fluid .user .header__estado-jornada-en-curso a {
  background: transparent;
  padding: 5px 10px !important;
  margin: 0;
  height: auto;
  color: #444 important;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.navbar > .container-fluid .user .header__estado-jornada-en-curso a span {
  color: #444 !important;
  font-size: 1em;
}
.navbar > .container-fluid .user .header__estado-jornada-en-curso a span:last-child {
  flex-grow: 1;
  text-align: left;
}
.navbar > .container-fluid .user .header__estado-jornada-en-curso a i {
  font-size: 1.6em;
  color: #444;
}
.navbar > .container-fluid .user .header__estado-jornada-en-curso a[data-accion=finaliza] i {
  color: #c3112e;
}
.navbar > .container-fluid .user .header__estado-jornada-en-curso a[data-accion=finaliza] i span {
  color: #fff !important;
}
.navbar > .container-fluid .user .header__estado-jornada-en-curso a[data-accion=pausa] i {
  color: #FF5F00;
}
.navbar > .container-fluid .user .header__estado-jornada-en-curso a[data-accion=pausa] i span {
  color: #FF5F00 !important;
}
.navbar > .container-fluid .user .header__estado-jornada-en-curso a[data-accion=inicia] i {
  color: #63bb63;
}
.navbar > .container-fluid .user .header__estado-jornada-en-curso a[data-accion=inicia] i span {
  color: #5cb85c !important;
}
.navbar > .container-fluid .user .header__estado-jornada-en-curso a[data-accion=reanuda] i {
  color: #63bb63;
}
.navbar > .container-fluid .user .header__estado-jornada-en-curso a[data-accion=reanuda] i span {
  color: #5cb85c !important;
}
.navbar > .container-fluid .user .header__estado-jornada-en-curso a:hover, .navbar > .container-fluid .user .header__estado-jornada-en-curso a:focus, .navbar > .container-fluid .user .header__estado-jornada-en-curso a:active {
  color: #ffffff;
  text-decoration: none;
}
.navbar > .container-fluid .user .header__estado-jornada-en-curso a:hover.jornada-finalizada, .navbar > .container-fluid .user .header__estado-jornada-en-curso a:focus.jornada-finalizada, .navbar > .container-fluid .user .header__estado-jornada-en-curso a:active.jornada-finalizada {
  background: #5cb85c;
}
.navbar > .container-fluid .user .header__estado-jornada-en-curso a:hover.jornada-en-curso--pausar, .navbar > .container-fluid .user .header__estado-jornada-en-curso a:focus.jornada-en-curso--pausar, .navbar > .container-fluid .user .header__estado-jornada-en-curso a:active.jornada-en-curso--pausar {
  background: #FF5F00;
}
.navbar > .container-fluid .user .header__estado-jornada-en-curso a:hover.jornada-en-pausa, .navbar > .container-fluid .user .header__estado-jornada-en-curso a:focus.jornada-en-pausa, .navbar > .container-fluid .user .header__estado-jornada-en-curso a:active.jornada-en-pausa {
  background: #5cb85c;
}
.navbar > .container-fluid .user .header__estado-jornada-en-curso a:hover.jornada-en-curso--finalizar, .navbar > .container-fluid .user .header__estado-jornada-en-curso a:focus.jornada-en-curso--finalizar, .navbar > .container-fluid .user .header__estado-jornada-en-curso a:active.jornada-en-curso--finalizar {
  background: #c3112e;
}
.navbar > .container-fluid .user .header__estado-jornada-en-curso a:hover i, .navbar > .container-fluid .user .header__estado-jornada-en-curso a:hover span, .navbar > .container-fluid .user .header__estado-jornada-en-curso a:focus i, .navbar > .container-fluid .user .header__estado-jornada-en-curso a:focus span, .navbar > .container-fluid .user .header__estado-jornada-en-curso a:active i, .navbar > .container-fluid .user .header__estado-jornada-en-curso a:active span {
  color: #fff !important;
}

#planningDiv .fc-content {
  background-color: transparent;
}
#planningDiv .fc-button .fc-icon {
  line-height: 0.65;
}

.fullcalendar-fork .fc-header-toolbar.fc-toolbar {
  margin-bottom: 0;
}
.fullcalendar-fork .fc-header-toolbar .fc-button {
  margin-bottom: 1em;
  padding: 6px 12px;
  height: 2.5em;
}
.fullcalendar-fork .fc .fc-toolbar .fc-right > *, .fullcalendar-fork .fc .fc-toolbar .fc-left > * {
  float: none;
}
.fullcalendar-fork .fc .fc-toolbar .fc-left {
  width: 25%;
}
.fullcalendar-fork .fc .fc-toolbar .fc-left h2 {
  margin-bottom: 15px;
}
.fullcalendar-fork .fc .fc-toolbar .fc-left #btns-zoom-planning {
  margin-top: 30px;
}
.fullcalendar-fork .fc .fc-toolbar .fc-left > * {
  text-align: left;
  margin-left: 0;
}
.fullcalendar-fork .fc-widget-content .fc-scroller.fc-day-grid-container {
  max-height: initial;
}
.fullcalendar-fork .fc-day-grid-event .fc-content {
  white-space: normal;
}
.fullcalendar-fork .fc-day-grid-event .fc-content .fc-title, .fullcalendar-fork .fc-day-grid-event .fc-content .fc-time, .fullcalendar-fork .fc-day-grid-event .fc-content .contenido-adicional-agendable {
  display: inline;
}
.fullcalendar-fork .fc-day-grid-event .fc-content .fc-title .igeo, .fullcalendar-fork .fc-day-grid-event .fc-content .fc-time .igeo, .fullcalendar-fork .fc-day-grid-event .fc-content .contenido-adicional-agendable .igeo {
  vertical-align: middle;
}
.fullcalendar-fork .fc-basic-view .fc-body .fc-row {
  min-height: 0;
  height: auto !important;
}

pre {
  background-color: #FFF;
}

li {
  list-style-type: none;
}

@media (max-width: 767px) {
  .n-hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .n-hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .n-hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .n-hidden-lg {
    display: none !important;
  }
}
/* Inicio menú cabecera desplegable */
@media (min-width: 992px) {
  .header__menu-desplegable, .header__menu-desplegable.dropdown-menu {
    position: fixed;
    float: none;
    right: 5px;
    left: auto;
    top: 45px;
    width: 88vw;
    max-width: 100vw;
    max-height: calc(100vh - 45px);
    overflow-y: auto;
    background-color: rgba(68, 68, 68, 0.95);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0px 2px 5px #666;
    padding: 5px;
    padding: 0.5rem;
    border: none;
  }

  .header__menu-desplegable__lista-menu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    width: auto;
  }
  .header__menu-desplegable__lista-menu li a {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
    font-family: "Open Sans", "Roboto", sans-serif;
  }

  .header__menu-desplegable__lista-menu__item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    border-bottom: 0px !important;
    flex-grow: 1;
  }
  .header__menu-desplegable__lista-menu__item .header__menu-desplegable__lista-menu__item__lnk {
    margin: 0 0 0.8em 0;
    font-size: 15px;
    font-size: 1.5rem;
    overflow: hidden;
  }
  .header__menu-desplegable__lista-menu__item .header__menu-desplegable__lista-menu__item__lnk .header__menu-desplegable__lista-menu__item__lnk__subrayado {
    padding-bottom: 0.5em;
    padding-right: 0.5em;
    display: inline-flex;
    justify-content: center;
    position: relative;
    text-transform: uppercase;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-family: "Open Sans", "Roboto", sans-serif;
    font-weight: bolder;
  }
  .header__menu-desplegable__lista-menu__item .header__menu-desplegable__lista-menu__item__lnk .header__menu-desplegable__lista-menu__item__lnk__subrayado:after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    border-top: 1px solid;
  }
  .header__menu-desplegable__lista-menu__item .header__menu-desplegable__lista-menu__item__lnk .header__menu-desplegable__lista-menu__item__lnk__subrayado i {
    display: none;
  }
  .header__menu-desplegable__lista-menu__item .header__menu-desplegable__lista-menu__item__lnk:hover {
    background-color: transparent;
  }
  .header__menu-desplegable__lista-menu__item:hover .header__menu-desplegable__lista-menu__item__lnk__subrayado::after {
    width: 150%;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .header__menu-desplegable__lista-submenu {
    flex-grow: 1;
    padding: 0;
  }

  .header__menu-desplegable__lista-submenu__item {
    border-bottom: none !important;
  }
  .header__menu-desplegable__lista-submenu__item:not(:last-child) {
    margin-right: 0.5em !important;
  }
  .header__menu-desplegable__lista-submenu__item a {
    transition: none;
  }
  .header__menu-desplegable__lista-submenu__item a:hover, .header__menu-desplegable__lista-submenu__item a:focus {
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #444 !important;
  }
}
@media (max-width: 991px) {
  .header__menu-desplegable__lista-submenu {
    display: none;
  }
}

/* Fin menú cabecera desplegable */
@media (max-width: 767px) {
  .n-hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    visibility: visible !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .n-hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .n-hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .n-hidden-lg {
    display: none !important;
  }
}
/* Inicio menú cabecera desplegable */
@media (min-width: 992px) {
  .header__menu-desplegable, .header__menu-desplegable.dropdown-menu {
    position: fixed;
    float: none;
    right: 5px;
    left: auto;
    top: 45px;
    width: 88vw;
    max-width: 100vw;
    max-height: calc(100vh - 45px);
    overflow-y: auto;
    background-color: rgba(68, 68, 68, 0.95);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0px 2px 5px #666;
    padding: 5px;
    padding: 0.5rem;
    border: none;
  }

  .header__menu-desplegable__lista-menu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    width: auto;
  }
  .header__menu-desplegable__lista-menu li a {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
  }

  .header__menu-desplegable__lista-menu__item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    border-bottom: 0px !important;
    flex-grow: 1;
  }
  .header__menu-desplegable__lista-menu__item .header__menu-desplegable__lista-menu__item__lnk {
    margin: 0 0 0.8em 0;
    font-size: 11px;
    font-size: 1.1rem;
    overflow: hidden;
  }
  .header__menu-desplegable__lista-menu__item .header__menu-desplegable__lista-menu__item__lnk .header__menu-desplegable__lista-menu__item__lnk__subrayado {
    padding-bottom: 0.5em;
    padding-right: 0.5em;
    display: inline-flex;
    justify-content: center;
    position: relative;
    text-transform: uppercase;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .header__menu-desplegable__lista-menu__item .header__menu-desplegable__lista-menu__item__lnk .header__menu-desplegable__lista-menu__item__lnk__subrayado:after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    border-top: 1px solid;
  }
  .header__menu-desplegable__lista-menu__item .header__menu-desplegable__lista-menu__item__lnk .header__menu-desplegable__lista-menu__item__lnk__subrayado i {
    display: none;
  }
  .header__menu-desplegable__lista-menu__item .header__menu-desplegable__lista-menu__item__lnk:hover {
    background-color: transparent;
  }
  .header__menu-desplegable__lista-menu__item:hover .header__menu-desplegable__lista-menu__item__lnk__subrayado::after {
    width: 150%;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .header__menu-desplegable__lista-submenu {
    flex-grow: 1;
    padding: 0;
  }

  .header__menu-desplegable__lista-submenu__item {
    border-bottom: none !important;
  }
  .header__menu-desplegable__lista-submenu__item:not(:last-child) {
    margin-right: 0.5em !important;
  }
  .header__menu-desplegable__lista-submenu__item a {
    transition: none;
    font-size: 0.95rem;
  }
  .header__menu-desplegable__lista-submenu__item a:hover, .header__menu-desplegable__lista-submenu__item a:focus {
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #444 !important;
  }
}
@media (max-width: 991px) {
  .header__menu-desplegable__lista-submenu {
    display: none;
  }
}

/* Fin menú cabecera desplegable */
.color-trazo-firma {
  color: var(--color-trazo-firma);
}

.web-socket-aviso {
  position: fixed;
  bottom: 1rem;
  left: 1.5rem;
  z-index: 1100;
}
.web-socket-aviso .web-socket-aviso__texto {
  display: flex;
  align-items: center;
  font-weight: 500;
  background-color: #FF7100;
  color: #FFF;
  border-color: #FF5F00;
}
.web-socket-aviso .web-socket-aviso__texto a {
  color: #FFF !important;
}
@media screen and (max-width: 450px) {
  .web-socket-aviso {
    width: 90vw;
    left: 5vw;
  }
}

/** Inicio animaciones **/
@-webkit-keyframes animacion-boxes {
  from {
    transform: translateY(15px);
    opacity: 0;
  }
}
@keyframes animacion-boxes {
  from {
    transform: translateY(15px);
    opacity: 0;
  }
}
@-webkit-keyframes animacion-botones-catalogo {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  50% {
    transform: scale(1.08);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animacion-botones-catalogo {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  50% {
    transform: scale(1.08);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes animacion-novedades {
  from {
    -moz-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    height: 0;
    opacity: 0;
  }
}
@keyframes animacion-novedades {
  from {
    height: 0;
    -moz-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
  }
}
/*
@keyframes quick-button__blink {
    0% { background-color: #EDEDED !important; transform: perspective(25em) rotateY(-20deg); }
    50% { background-color:#BFBFBF; transform: perspective(25em) rotateY(20deg); }
    100% { background-color: #EDEDED !important; transform: perspective(25em) rotateY(-20deg); }
}
 @-webkit-keyframes quick-button__blink {
    0% { background-color: #EDEDED !important; transform: perspective(25em) rotateY(-20deg); }
    50% {  background-color:#BFBFBF; transform: perspective(25em) rotateY(20deg); }
    100% { background-color: #EDEDED !important; transform: perspective(25em) rotateY(-20deg); }
}
*/
@keyframes quick-button__blink {
  0%, 100% {
    background-color: #FFECC9;
  }
  50% {
    background-color: #ffd17d;
  }
}
@-webkit-keyframes quick-button__blink {
  0%, 100% {
    background-color: #FFECC9;
  }
  50% {
    background-color: #ffd17d;
  }
}
@keyframes brillo-oblicuo-hover {
  25%, 75% {
    opacity: 0.22;
  }
  50% {
    height: 225%;
    opacity: 0;
  }
}
@-webkit-keyframes brillo-oblicuo-hover {
  25%, 75% {
    opacity: 0.22;
  }
  50% {
    height: 225%;
    opacity: 0;
  }
}
@keyframes animacion-iconos-botones-hover {
  50% {
    transform: scale(1.22);
  }
}
@-webkit-keyframes animacion-iconos-botones-hover {
  50% {
    transform: scale(1.22);
  }
}
@keyframes animacion-quick-button-aparicion {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  80% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes animacion-quick-button-aparicion {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  80% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
  
}

.btn-sso{
	margin: 0px 0px 0px 1px !important;
}

.btn-sso {
    border: 1px solid #4285F4;
    width: 49%;
}
.btn-sso-microsoft {
    border: 1px solid #F25022;
    width: 150px;
}
/** Fin animaciones **/