.container-row {
    width: 100%;
}
.bold {
    font:  bold;
}
.dataTables_filter input { width: 50px }
.the_comment{
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  border-radius: 4px;

}.chart-gauge {
  width: 250px;
  height: 180px !important;
}

.scroll-pane{
    /*height:354px;*/
    max-height: 400px;
    overflow-y:auto;
    width:100%;
}

.thumbnail-products{
    min-height : 210px;
    float : left;
    width: 185px;
}

.thumbnail-img {
    padding-top: 20px;

    min-height : 150px !important;
    height : 150px !important;

    min-width: 200px;
    width: 200px;
}

.phcollapse a:after {
    font-family:'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: grey;
}
.phcollapseWhite a:after {
    font-family:'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: white;
}
#NOcollapse:after{
    font-family:'';
    content:"" !important;
}
.phcollapse a.collapsed:after {
    content:"\e080";
}
.phcollapseWhite a.collapsed:after {
    content:"\e080";
}

.GaugeProductividad{
     height: 100px !important;
 }

.chart-color1 {
  fill: #e92213;
}

.chart-color2 {
  fill: #F2BA3A;
}

.chart-color3 {
  fill: #f0f72a;
}

.chart-color4 {
  fill: #82e214;
}

.chart-color5 {
  fill: #428bca;
}

.needle,
.needle-center {
  fill: #464A4F;
}

.prose {
  text-align: center;
  font-family: sans-serif;
  color: #ababab;
}

.text {
  text-align: center;
  font-family: sans-serif;
  color: #000;
}
.navegador a{
    background-color: #31b0d5 !important;
    color: #FFFFFF !important;
}

.pager2 {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.pager2 li {
  display: inline;
}
.pager2 li > a,
.pager2 li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #5bc0de;
  border: 1px solid #dddddd;
  border-radius: 15px;
    color: #ffffff;

}
.pager2 li > a:hover,
.pager2 li > a:focus {
  text-decoration: none;
  background-color: #31b0d5;
}
.pager2 .next > a,
.pager2 .next > span {
  float: right;
}
.pager2 .previous > a,
.pager2 .previous > span {
  float: left;
}
.pager2 .disabled > a,
.pager2 .disabled > a:hover,
.pager2 .disabled > a:focus,
.pager2 .disabled > span {
  color: #999999;
  background-color: #ffffff;
  cursor: not-allowed;
}

#vertgraph2 {
width: 300px;
height: 110px;
position: relative;
background-color: white;
}

#vertgraph2 .position2{
position: absolute;
left: 20px;
top: -49px;
}

#vertgraph2 .position1{
position: absolute;
left: 125px;
top: -66px;
}

#vertgraph2 .position3{
position: absolute;
left: 218px;
top: -37px;
}


#vertgraph2 .Titulo{
position: absolute;
left: 85px;
top: -100px;
}

#vertgraph2 .Porcentaje1{
position: absolute;
left: 145px;
top: 110px;
}
#vertgraph2 .Porcentaje2{
position: absolute;
left: 35px;
top: 110px;
}
#vertgraph2 .Porcentaje3{
position: absolute;
left: 240px;
top: 110px;
}

#vertgraph {
width: 378px;
height: 207px;
position: relative;
background-color: white;
}
#vertgraph ul {
width: 378px;
height: 207px;
margin: 0;
padding: 0;
}
#vertgraph ul li {
position: absolute;
width: 100px;
height: 160px;
bottom: 34px;
padding: 0 !important;
margin: 0 !important;
background-color: #31416f;
text-align: center;
font-weight: bold;
color: white;
line-height: 2.5em;
list-style:none;
}

#vertgraph .position2{
position: absolute;
left: 34px;
top: -45px;
}

#vertgraph .position1{
position: absolute;
left: 163px;
top: -65px;
}

#vertgraph .position3{
position: absolute;
left: 282px;
top: -27px;
}



#vertgraph .Porcentaje1{
position: absolute;
left: 175px;
top: 150px;
}
#vertgraph .Porcentaje2{
position: absolute;
left: 45px;
top: 150px;
}
#vertgraph .Porcentaje3{
position: absolute;
left: 299px;
top: 150px;
}

#vertgraph .Tickets1{
position: absolute;
left: 190px;
top: 150px;
}

#vertgraph .Tickets2{
position: absolute;
left: 60px;
top: 150px;
}

#vertgraph .Tickets3{
position: absolute;
left: 320px;
top: 150px;
}

#vertgraph .HS1{
position: absolute;
left: 190px;
top: 150px;
}

#vertgraph .HS2{
position: absolute;
left: 60px;
top: 150px;
}

#vertgraph .HS3{
position: absolute;
left: 320px;
top: 150px;
}



#vertgraph li.critical { left: 50px; background-position: 0px bottom !important; }
#vertgraph li.high { left: 150px; background-position: 0px bottom !important; }
#vertgraph li.medium { left: 250px; background-position: 0px bottom !important; }



.portfolio_item img { min-height:200px; height:200px; }

.img_customsize { min-height:200px; height:200px;}
.img_customsize2 { 
    min-height:100px; height:100px;
    min-width: 100px; width: 100px;
}

.news-btn{
    padding-bottom: 5px;
}
/*Dropdowns in general*/
.dropdown-menu {
  box-shadow: none;
  border-color: #eee;
}
.dropdown-menu > li > a {
  color: #777;
}
.dropdown-menu > li > a > .glyphicon,
.dropdown-menu > li > a > .fa,
.dropdown-menu > li > a > .ion {
  margin-right: 10px;
}
.dropdown-menu > li > a:hover {
  background-color: #e1e3e9;
  color: #333;
}
.dropdown-menu > .divider {
  background-color: #eee;
}

/* Fix dropdown menu in navbars */
.navbar-custom-menu > .navbar-nav > li {
  position: relative;
}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
  position: absolute;
  right: 0;
  left: auto;
}
@media (max-width: 991px) {
  .navbar-custom-menu > .navbar-nav {
    float: right;
  }
  .navbar-custom-menu > .navbar-nav > li {
    position: static;
  }
  .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    position: absolute;
    right: 5%;
    left: auto;
    border: 1px solid #ddd;
    background: #fff;
  }
}

.navbar-custom-menu > .navbar-nav > li {
  position: relative;
}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
  position: absolute;
  right: 0;
  left: auto;
}
@media (max-width: 991px) {
  .navbar-custom-menu > .navbar-nav {
    float: right;
  }
  .navbar-custom-menu > .navbar-nav > li {
    position: static;
  }
  .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    position: absolute;
    right: 5%;
    left: auto;
    border: 1px solid #ddd;
    background: #fff;
  }
}


.navbar-nav > .notifications-menu > .dropdown-menu,
.navbar-nav > .messages-menu > .dropdown-menu,
.navbar-nav > .tasks-menu > .dropdown-menu {
  width: 305px;
  padding: 0 0 0 0;
  margin: 0;
  top: 100%;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li,
.navbar-nav > .messages-menu > .dropdown-menu > li,
.navbar-nav > .tasks-menu > .dropdown-menu > li {
  position: relative;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.header,
.navbar-nav > .messages-menu > .dropdown-menu > li.header,
.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #ffffff;
  padding: 7px 10px;
  border-bottom: 1px solid #f4f4f4;
  color: #444444;
  font-size: 14px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 12px;
  background-color: #fff;
  padding: 7px 10px;
  border-bottom: 1px solid #eeeeee;
  color: #444 !important;
  text-align: center;
}
@media (max-width: 991px) {
  .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
  .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
  .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
    background: #fff !important;
    color: #444 !important;
  }
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
  text-decoration: none;
  font-weight: normal;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
  max-height: 200px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: hidden;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
  display: block;
  white-space: nowrap;
  /* Prevent text from breaking */
  border-bottom: 1px solid #f4f4f4;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
  background: #f4f4f4;
  text-decoration: none;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
  color: #444444;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
  width: 20px;
}


.navbar-nav > .user-menu > .dropdown-menu {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  padding: 1px 0 0 0;
  border-top-width: 0;
  width: 280px;
}
.navbar-nav > .user-menu > .dropdown-menu,
.navbar-nav > .user-menu > .dropdown-menu > .user-body {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
  height: 175px;
  padding: 10px;
  text-align: center;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
  z-index: 5;
  height: 90px;
  width: 90px;
  border: 3px solid;
  border-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
  z-index: 5;
  font-size: 17px;
  margin-top: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
  display: block;
  font-size: 12px;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body {
  padding: 15px;
  border-bottom: 1px solid #f4f4f4;
  border-top: 1px solid #dddddd;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
  content: " ";
  display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
  clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body a {
  color: #444 !important;
}
@media (max-width: 991px) {
  .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
    background: #fff !important;
    color: #444 !important;
  }
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
  background-color: #f9f9f9;
  padding: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
  content: " ";
  display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
  clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
  color: #666666;
}
@media (max-width: 991px) {
  .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
    background-color: #f9f9f9;
  }
}
.navbar-nav > .user-menu .user-image {
  float: left;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: -2px;
}
@media (max-width: 767px) {
  .navbar-nav > .user-menu .user-image {
    float: none;
    margin-right: 0;
    margin-top: -8px;
    line-height: 10px;
  }
}
.visible-false{
    display:none;
}
.visible-true{
    display:block;
}
.font-red{
    color:red;
}
.font-green{
    color:green;
}
.form-group.required .control-label:after { 
    color: #d00;
    content: "*";
    position: absolute;
    margin-left: 8px;
    top:7px;

}
.required2 label:after { 
    color: #d00;
    content: "*";
    position: absolute;
    margin-left: 8px;
    top:0px;

}
.white{
    color:white;
}
.ui-autocomplete {
            max-height: 150px;
            overflow-y: auto;
            /* prevent horizontal scrollbar */
            overflow-x: hidden;
            /* add padding to account for vertical scrollbar */
            padding-right: 20px;
        } 
.pull-left{float:left!important;}
.pull-right{float:right!important;}
.huge {
    font-size: 40px;
}

/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
/* enable absolute positioning */
.inner-addon { 
    position: relative; 
}

/* style icon */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
        background-image: url('img/asc.gif');
    }
table.tablesorter thead tr .headerSortDown {
	background-image: url(img/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}


@media (min-width: 768px) {
    .container-personalizado {
      margin-right: auto;
      margin-left: auto;
      padding-left: 40px;
      padding-right: 40px;
      padding-top: 40px;
    }
}
@media (min-width: 768px) {
    .container-personalizado3 {
      margin-right: auto;
      margin-left: auto;
      padding-left:10px;
      padding-right:10px;
      padding-top: 40px;
    }
}


.panel-primaryp {
  border-color: #1363A4;
}
.panel-primaryp > .panel-heading {
  color: #ffffff;
  background-color: #1363A4;
  border-color: #1363A4;
}
.panel-primaryp > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #1363A4;
}
.panel-primaryp > .panel-heading .badge {
  color: #1363A4;
  background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #1363A4;
}


.container-personalizado2 {
  margin-right: auto;
  margin-left: auto;
  padding-left: 175px;
  padding-right: 175px;
}
@media (min-width: 768px) {
  .container-personalizado2 {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container-personalizado2 {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container-personalizado2 {
    width: 1170px;
  }
}
@media (min-width: 1400px) {
  .container-personalizado2 {
    width: 1600px;
  }
}
@media (min-width: 1600px) {
  .container-personalizado2 {
    width: 1550px;
  }
}
@media (min-width: 1680px) {
  .container-personalizado2 {
    width: 1600px;
  }
}
@media (min-width: 1920px) {
  .container-personalizado2 {
    width: 1850px;
  }
}
header .container-personalizado2 {
  position: relative;
}
.hgroup .container-personalizado2 {
  margin-top: 26px;
  margin-bottom: 26px;
  padding-top: 17px;
  padding-bottom: 17px;
  border-bottom: 1px solid #cccccc;
}


a.Ntooltip {
    position: relative; /* es la posición normal */
    text-decoration: none !important; /* forzar sin subrayado */
    color:#0080C0 !important; /* forzar color del texto */
    font-weight:bold !important; /* forzar negritas */
}
a.Ntooltip:hover {
    z-index:999; /* va a estar por encima de todo */
    background-color:#000000; /* DEBE haber un color de fondo */
}
a.Ntooltip span {
    display: none; /* el elemento va a estar oculto */
}
a.Ntooltip:hover span {
    display: block; /* se fuerza a mostrar el bloque */
    position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
    top:2em; left:2em; /* donde va a estar */
    width:250px; /* el ancho por defecto que va a tener */
    padding:5px; /* la separación entre el contenido y los bordes */
    background-color: #0080C0; /* el color de fondo por defecto */
    color: #FFFFFF; /* el color de los textos por defecto */
}


.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}

.scrollhorizontal {
    overflow-x: auto;
    width: 100%;
    height:100%;
}
.tablebd{
    height:1px;
    padding:0px;
    margin:0px;
}

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}


.signinMovil {
  text-align: center;
  background-color: #ffffff;
  padding: 10px;
  margin-bottom: 24px;
}
.signinMovil form input {
  margin-bottom: 10px;
}
.signinMovil form .forgot {
  padding: 0 0 10px 0;
  font-weight: 300;
}
.signinMovil form .forgot .checkbox {
  font-weight: 300;
}
.signinMovil form .forgot .checkbox input[type="checkbox"] {
  float: none;
}

/* Organization Chart */
.panel-org-chart{
    height: 800px;
    min-height: 800px;
    max-height: 800px;
}
#chart_perseo {
    -webkit-transform: matrix(0.3, 0, 0, 0.3, -591, -320);
    -moz-transform: matrix(0.3, 0, 0, 0.3, -591, -320);
    -ms-transform: matrix(0.3, 0, 0, 0.3, -591, -320);
    -o-transform: matrix(0.3, 0, 0, 0.3, -591, -320);
    transform: matrix(0.3, 0, 0, 0.3, -591, -320);
}
.org-image { 
    width: 90px; 
    height: 90px;
    min-width : 90px;
    min-height : 90px;
}
.table tbody>tr>td.table-vertical-align {
   vertical-align: middle;
}
table.google-visualization-orgchart-table {
    border-collapse: separate;
    background-color: #fbfbfb;
}
.node-org-perseo {
    cursor: default;
    border: 2px solid #e9e5e5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 3px;
    background-color: #fff;
    max-width: 215px;
    min-width: 215px;
    vertical-align: top;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
.nodesel-org-perseo {
    border: 2px solid #74b4ea;
}
.google-visualization-orgchart-linebottom {
    border-bottom: 4px solid #3388dd !important;
}
.google-visualization-orgchart-lineright {
    border-right: 4px solid #3388dd !important;
}
.google-visualization-orgchart-lineleft {
    border-left: 4px solid #3388dd !important;
}

/*Tabla catalogo productos*/
#tablaProductosCatalogo tbody tr td{
    padding-bottom: 30px;
    padding-top: 30px;
}

/*Descargas / Documentos*/
.panel-documento .panel-heading{
    background-color: #fff;
}
ul.nav li.dropdown-download:hover ul.dropdown-menu {
    display: block;
}
ul.nav li.dropdown-download ul.dropdown-menu li.dropdown-submenu  ul{
    display: none;
}
ul.nav li.dropdown-download ul.dropdown-menu li.dropdown-submenu:hover > ul.dropdown-menu{
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;
   -moz-border-radius:0 6px 6px 6px;
   border-radius:0 6px 6px 6px;
 }
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}

/*Footer social-media*/
div.social-media div.media div.media-left{
    width: 48px;
    min-width: 48px;
    max-width: 48px;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    vertical-align: middle;
    text-align: center;
    border-radius: 5px;
    padding-right: 0;
}
div.social-media div.media div.media-left img{
    border-radius: 5px;
}
div.social-media div.media div.media-body {
    padding-left: 10px;
    font-weight: 300;
    color: #ccc;
    font-size: 13px;
}
div.social-media div.media div.media-fa{
    background-color: #3c579e;
}
div.social-media div.media div.media-yt{
    background-color: #cc191e;
}
div.social-media div.media div.media-fa .fa-facebook{
    color: #fff;
    font-size: 2.5em;
}
div.social-media div.media div.media-yt .fa-youtube-play{
    color: #fff;
    font-size: 2.5em;
}
.scroll-panel-body{
    overflow-y: auto;
    max-height: 500px;
    padding-top: 0;
}

/*Marketing*/
div .container-marketing{
    min-height: 350px !important;
}

.marketing-title{
    color: #333e6b;
    font-size: 25px;
}

.panel-marketing{
    border-radius: 3px;
    border-color: #CDCDCD;
    box-shadow: 1px 1px 2px #888888;
}

/*HS-TICKETS DIAS ABIERTO*/
h1.color-Azul{
    /*color: #d9edf7;*/
    background-color: #d9edf7;
    font-size: 20px;
}
h1.color-Verde{
    /*color: #dff0d8;*/
    background-color: #dff0d8;
    font-size: 20px;
}
h1.color-Naranja{
    /*color: #fcf8e3;*/
    background-color: #fcf8e3;
    font-size: 20px;
}
h1.color-Rojo{
    color: #fff;
    background-color: #f23c3c;
    font-size: 20px;
}

#tiempo-actividades {
    background-color: #1fa67a;
    padding: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin-left: 3px;
    border-radius: 2px;
}
.actividades-hs .fa {
    font-size: 20px;
}
.actividades-hs .btn {
    border-radius: 2px;
    padding: 5px;
    color: #fff;
    background-color: #1fa67a;
}
.actividades-hs .btn:hover{
    background-color: #1f8765;
}

/*Calendar*/
.dhx_btn_set {
    border-radius: 4px !important;
}
.dhx_save_btn_set {
    background-color: #4CAF50 !important;
}
.dhx_cancel_btn_set {
    background-color: #9E9E9E !important;
    border-color: #9E9E9E;
}
.dhx_cancel_btn_set:hover {
    background-color: #808080 !important;
    border-color: #9E9E9E;
}
.dhx_delete_btn_set {
    background-color: #F44336;
    color: #FFF !important;
    border-color: #FFF !important;
}
h5#messageTitle { font-weight: bold; }

#calendar_form {
	position: absolute;
	top: 100px;
	left: 200px;
	z-index: 10001;
	display: none;
	background-color: white;
	border: 1px outset #9E9E9E;
    border-radius: 4px;
	padding: 20px;
    width: 500px;
}
#calendar_form .form-group, .panel-filters-calendar .form-group {
    margin-bottom: 5px;
}
#calendar_form .form-control, .panel-filters-calendar .form-control {
    height: 30px;
}
.dhx_cal_quick_info {
    border-radius: 4px !important;
}
.dhx_cal_qi_controls {
    display: none;
}
.dhx_scheduler_month .current_week .dhx_month_body {
    background-color: #007acc !important;
    color: #fff !important;
}
.dhx_scheduler_month .current_week .dhx_month_head {
    background-color: #007acc !important;
    color: #fff !important;
    font-weight: bold;
}
.dhx_scheduler_month .current_date .dhx_month_head {
    background-color: #43bdfe !important;
    color: #fff !important;
    font-weight: bold;
}
.dhx_scheduler_month .current_date .dhx_month_body {
    background-color: #43bdfe !important;
    color: #fff !important;
}
.dhx_cal_event_clear, .dhx_month_link a {
    color: #000 !important;
}
.dhx_month_link a {
    font-weight: bold;
}
table.info tr td{
    padding: 5px;
}

.inventario-img-list{
    max-width: 60px;
}
.flexslider .container .carousel-caption{
    text-align:center;
    margin:0;
    /*padding:0;*/
    padding-bottom: 5px;
    /*max-height: 400px;*/
    
}
.flexslider .container .carousel-caption .carousel-text{
    background: transparent;
    font-size:36px;
    /*text-align:left;*/
    white-space: pre-wrap;
    word-break: normal;
    /*max-width: 750px;*/
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

.form-group-inventarios{
    margin-right: 15px;
}

.form-sm{
    height: 22px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    width: 100%;
}

.table-cuadro tr th, .table-cuadro tr td{
    padding-left: 5px;
    padding-right: 5px;
}

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

@media (min-width: 768px) {
    .nav > li > a {
        padding: 10px 8px;
    }
}
@media (max-width: 1700px) {
    .nav > li > a{
        padding: 10px 4px;
        font-size: 14px;
    }
}

/* CHECK LIST DE PROYECTOS */
.checklist-status{
    color: #fff;
    font-size: 10px;
    padding: 0 3px 0 3px !important;
    vertical-align:middle !important;
}
.checklist-green{
    background: #8bc34a;
}

.checklist-red{
    background: #e51c23;
}

.checklist-gray{
    background: #ababab;
}

.color-red{
    color:#e51c23 !important;
}

.group-hs{
    font-weight:bold;
    text-transform: uppercase;
    background: #f1f1f1;
}

.ui-tooltip, .arrow:after {
    white-space: pre-line !important;
}

.multiselect-container{
    width: 100% !important;
    max-height: 650px !important;
}

/* DETALLE DESEMPEÑO */
.popover{
    max-width: 100% !important;
    max-height: 50%;
    overflow:auto;
}

/* HEADER HOJA DE SERVICIO */
div.well-container{
    display: inline-block;
    padding: 7px 10px 7px 0;
}

div.well-container p{
    margin-left: 5px !important;
}

div.well-container span.well-inline{
    width: 100%;
}

.well-inline {
    display: inline-block;
    padding: 7px;
    border-radius: 3px;
    min-height: 20px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    color: #555555;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.5em;
    margin: 5px;
}

.well-inline .text-danger{
    font-size:13px;
    font-weight:bold;
    color:#be3b3b;
    opacity:unset;
}

.bg-red{
    background-color: #d9534f;
    border: 1px solid #d43f3a;
    color:#fff !important;
}

.bg-red a, .bg-blue-primary a, .bg-orange a {
    color:#fff !important;
}

.bg-orange{
    background-color: #f0ad4e;
    border: 1px solid #eea236;
    color:#fff !important;
}

.bg-gray{
    background-color: #eeeeee;
    border: 1px solid #cccccc;
}

.bg-green{
    background-color: #1fa67a;
    border: 1px solid #1a8d67;
    color:#FFF;
}

.bg-blue-primary{
    background-color: #428bca;
    border: 1px solid #357ebd;
    color:#FFF;
}

.row-ticket{
    background-color: #a7e2ff !important;
}

.row-hoja-servicio{
    background-color: #caffb3 !important;
}

.row-hoja-servicio-cotizar{
    background-color: #ffe5c0 !important;
}

.row-pasado-por-direccion{
    background-color: #FDD130 !important;
}

#TablaCombinadaTH {
    font-size: 13px !important;
}

.form-hoja-servicio .control-label{
    font-weight:bold;
}

.form-hoja-servicio .form-control{
    font-size: 13px;
}

.panel-cotizacion-cuadro .row{
    margin-bottom: 5px;
}

input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.form-actividad .row{
    margin-bottom: 5px;
}

.form-actividad hr{
    margin-top: 15px;
    margin-bottom: 10px;
}

.form-actividad h5{
    font-weight:bold;
}

.group-nivelhs{
    text-align:center;
    text-transform: uppercase;
    font-weight:bold;
}

#formContacto .row {
  margin-bottom: 10px !important;
}


.btn-orange {
    color: #ffffff;
    background-color: #f16e00;
    border-color: #f16e00;
}

    .btn-orange:hover,
    .btn-orange:focus,
    .btn-orange:active,
    .btn-orange.active,
    .open .dropdown-toggle.btn-orange {
        color: #ffffff;
        background-color: #d16307;
        border-color: #d16307;
    }

    .btn-orange:active,
    .btn-orange.active,
    .open .dropdown-toggle.btn-orange {
        background-image: none;
    }

    .btn-orange.disabled,
    .btn-orange[disabled],
    fieldset[disabled] .btn-orange,
    .btn-orange.disabled:hover,
    .btn-orange[disabled]:hover,
    fieldset[disabled] .btn-orange:hover,
    .btn-orange.disabled:focus,
    .btn-orange[disabled]:focus,
    fieldset[disabled] .btn-orange:focus,
    .btn-orange.disabled:active,
    .btn-orange[disabled]:active,
    fieldset[disabled] .btn-pink:active,
    .btn-orange.disabled.active,
    .btn-orange[disabled].active,
    fieldset[disabled] .btn-orange.active {
        background-color: #d16307;
        border-color: #d16307;
    }

td.details-control {
    background: url('../Content/img/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../Content/img/details_close.png') no-repeat center center;
}

.label-purple {
  background-color: #7630b0;
}
.label-purple[href]:hover,
.label-purple[href]:focus {
  background-color: #7630b0;
}