.pd-top-5 { padding-top:5px !important; }
.pd-left-10 { padding-left:10px; }
.pd-bt-10 { padding-bottom:10px; }
.pd-bt-15 { padding-bottom:15px; }
.pd-right-20 { padding-right:20px; }
.mg-top-5 { margin-top:5px !important; }
.mg-top-10 { margin-top:10px !important; }
.mg-top-20 { margin-top:20px !important; }
.mg-top-30 { margin-top:30px !important; }
.mg-top-35 { margin-top:35px !important; }
.mg-top-45 { margin-top:45px !important; }
.mg-left-10 { margin-left:10px; }
.mg-left-25 { margin-left:25px; }
.mg-left-45 { margin-left:45px; }
.mg-right-20 { margin-right:20px; }
.mg-bot-10 { margin-bottom:10px !important; }
.bloque { display:block; }
.img-middle { vertical-align: middle; }


.block { /* Compatibilidad con firefox */
  margin-bottom:10px !important;
}

.btn-pdf, .btn-pdf:hover { color:red; }
.btn-word, .btn-word:hover { color:blue; }

.btn-ok {
  background: green;
  border: 1px solid #fff;
  color:#fff;
}
.btn-ok:hover {
  background: green;
  border: 1px solid #fff;
  color:#fff;
  cursor:default !important;
}

.btn-valida {
  background: green;
  border: 1px solid #fff;
  color:#fff;
}
.btn-valida:hover {
  background: green;
  border: 1px solid #fff;
  color:#fff;
  cursor:pointer !important;
}

/* cambios de estilo sobre el diseño inicial */
.page-container .page-head {
  height:75px;
  border:0px;
  padding-top:10px;
}
.page-container .page-navigation .page-navigation-info {
  height:75px;
}
.page-head .page-head-elements > li:first-child {
  border:0px;
}
.profile { border: 0px; }
.page-navigation .navigation > li {
  width:90%;
}
.page-navigation .navigation > li > a {
  padding:0;
  padding:10px 0 10px 10px;
  margin: 0px 10px 0px 15px;
  border-top: 0px;
}
.page-navigation .navigation li ul {
  margin: 0px 10px 0px 15px;
  padding:0px;
  width:100%;
  border-top: 0px;
}
.page-navigation .navigation li ul li a {
  padding:10px 0 10px 10px;
}
.page-navigation .navigation li ul li a {
  padding:10px 0 10px 10px;
}
.page-container .page-navigation .page-navigation-info { border:0px; }

.page-content .page-toolbar .page-toolbar-title{
  color:#fff;
}
.breadcrumb {
  border:0px;
  padding-top:5px;
  padding-left:20px;
}

.overlay { filter: Alpha(Opacity=50); -moz-opacity: 0.5; opacity: .5; background-color:#000; cursor:wait; position: fixed; top:0; left:0; right:0; bottom:0; z-index:100; }
/* estilo para los botones que van pegados a campos input */
.btn-ex { height:30px !important; }
.f8 { font-size:8px !important; }
.f10 { font-size:10px !important; }
.f12 { font-size:12px !important; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }
.enlace:hover { cursor:pointer; }
.noenlace:hover { cursor:default !important; }
.centrado { text-align:center !important; }
.negrita { font-weight: bold; }
.justificado { text-align:justify; }
.pos_rel { position:relative; }
.fleft { float:left !important; }
.rojo { color:#e53c2e; }
.verde { color:#4cae4c; }
.clear { clear:both; }
.totales { font-weight: bold; }
.form-group .texto { margin-top:6px; }
.text-left { text-align:left !important; }
.circulo {
     width: 10px;
     height: 10px;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
}
.white { color:white; }
.blue { color:blue; }
.green { color:green; }
.red { color:red;}


.btn-dener, .btn-dener:hover { background-color:#ff6600 !important; color:#fff; }
.btn-sint, .btn-sint:hover { background-color: #ee162d;  color:#fff; }
.btn-pdf, .btn-pdf:hover { color:red; }

h5 { font-weight:bold; color:#e53c2e; }

/* Cabecera */
.page-head .page-head-elements > li > a { color: #000 !important; }
.page-head .page-head-elements > li > a:hover { background-color: #fff !important; }
.titulo_app { font-size:25px; color:#5e1210; }

/* Tabla de introducción de datos */
.adra { text-align:right; }
table.tdatos { font-size:12px; }
table.tdatos thead tr {
  border-bottom:2px solid #000;
  padding:5px 0;
  line-height:20px;
}
table.tdatos th { text-align:center; }
table.tdatos input.editable { width:80px; height:24px; padding:2px; }
table.tdatos input.inputsmbox { width:75px; padding:2px; }
table.tdatos tfoot td { font-weight:bold; border-top:1px solid #e53c2e; }

table.tdatosv td { background-color: #f2f2f2; }
table.tdatosv td.ap { border-right:1px solid #e53c2e; }
table.tdatosv td.res { font-weight:bold; }

input.ffecha { background-color: #FFF !important; }
input.noeditable { border:none; text-align:right; background-color:transparent;}

.principal { color:#2f9fe0; font-size:14px; font-weight: bold; }
.noprincipal { font-size:14px; font-weight: bold; }
.noprincipal:hover { cursor:pointer; }
.coeliminar { color:#da4453; }
.coeliminar:hover { cursor:pointer; }

.txtbtn.btn-sm span, .txtbtn.btn-sm i { font-size:10px !important;}
.txtbtn.btn-m span, .txtbtn.btn-m i { font-size:12px !important;}

.datetimepicker.dropdown-menu { width:200px !important; margin-top:6px !important;}
.datetimepicker.datetimepicker-dropdown-bottom-left:before { top: 0px; }

input.form-control[disabled] { color:#555; }
div.dataTables_length { float:left; }
.dataTables_length select { width:60px;}
div.DTTT_container {
  position: absolute;
  float: none;
  right: 180px;
  top: 5px; 
}
.dataTable tr.selected td {
  background-color:#ccc !important;
}
.modal-content { background:#fff;}
@media (max-width: 540px) {
	div.DTTT_container { display:none; }
}
.oculto { display:none !important; }
/*
.cargando { background-url:'../img/loading.gif' no-repeat !important; padding-left:20px;}
*/
.sololectura {
  cursor: not-allowed;
  background-color: #eeeeee;
  display: block;
  width: 100%;
  height: auto;
  min-height:34px;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-image: none;
  border-radius: 4px;
  border:1px solid #ccc;
}

.icheckbox_flat-green, .icheckbox_flat-red { left:10px; top:5px;}

/* Estilos para el select-multiple 
.ms-container { margin-bottom:10px; }
.ms-elem-selectable, .ms-elem-selection { font-size:12px !important; }
.botones { margin-bottom:10px;}
.botones button { width:166px; }
.search-input { padding: 6px 12px; border-radius: 4px; border:1px solid #ccc; width:166px; margin-bottom:10px; }
*/

/* Tamaño popup colorpicker */
.colorpicker.dropdown-menu { width:130px !important;}
.input-group-addon { height:20px !important; padding:0 5px; margin:0; }

/* Clase Menu */
.clasemenu { border-radius: 4px; padding:5px; text-align:center; color:#fff; }

/* Botones dentro de un panel */
.panel .panel-heading .btn {
  margin: 5px 10px 5px 0px;
  padding: 5px 10px;
}

#tplatos tr td { padding:0 !important; }
td div.fileupload { margin:3px 0 0 0 !important;}

/* Menus */
.cuando { margin-top:3px; font-size:10px; line-height:12px; }
#tmenus, #plantillas { position: relative; }
.thumpl { 
  position:absolute; 
  background-color: white;
  padding: 5px;
  width:212px;
  height:auto;
  z-index:1000;
  display:none;
  border: 1px solid #2f9fe0;
}
.thumpl img { width:200px; }

/* Calendario */
td.diasel { background-color:#F3FCC0 !important; }
.fc-day:hover { cursor: pointer; }

/* Drag&Drop. Marcar la fila que se está moviendo de una tabla */
.dragdrop { color:#334454; font-weight: bold; }

/* Mapa */
#mapa { width:300px; height:150px; margin-bottom:5px;}
#mapa-amp { width:570px; height:400px; }
.inpmapa {
  background-color: #FFF;
  display: block;
  width: 100%;
  height: auto;
  min-height:34px;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-image: none;
  border-radius: 4px;
  border:1px solid #ccc;
  margin-bottom:5px;
}

/* Monitorizacion */
.contgrafica { border:1px solid #e85412; padding:10px; }
#seleccion { margin:10px 0; }
.seleccion { height:16px; width:auto; display:inline; margin:5px 25px 5px 0; font-size:10px; }
#graficoA, #graficoB { margin:10px 5px 5px 10px; border:1px solid #000; width:98%; }

.monito .ms-container { width:565px !important; }
.monito .botones { margin-bottom:10px;}
.monito .botones button { width:254px; }
.monito .search-input { padding: 6px 12px; border-radius: 4px; border:1px solid #ccc; width:254px; margin-bottom:10px; }

/* Generando hoja excel */
.genexcel { margin-right:2px; width:200px; height:36px; display:none; border:1px solid #939393; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.genexcel #loading { float:left; margin:8px 10px 2px 10px; }
.genexcel #mensaje, .genexcel #resultado { float:left; font-size:10px; padding-top:11px; font-weight:bold; }
.genexcel #resultado a { font-weight:normal; color:#000; }
.genexcel #resultado a:hover { color:#000; cursor:pointer; font-weight:bold; text-decoration: none; }
.genexcel i { color:#3ec21d; }

/* Cargando */
#fondo { display:none; filter: Alpha(Opacity=50); -moz-opacity: 0.5; opacity: .5; background-color:#000; cursor:wait; position: fixed; top:0; left:0; right:0; bottom:0; z-index:100; }
#cargando  {display:none; position:absolute; left:40%; top:50%; padding:10px; z-index:120 !important; background:url('../img/fondocargando.png') no-repeat; width:408px; height:113px;}
#cargando #loading { float:left; margin:10px 40px 10px 10px; }
#cargando #mensaje { float:left; width:240px; font-size:14px; padding-top:30px; }

/* Back Top */
.back-to-top {
  position: fixed;
  bottom: 0;
  right: 0px;
  text-decoration: none;
  color: #FFF;
  background-color: rgba(39, 41, 48, 0.8);
  font-size: 12px;
  padding: 9px 12px;
  display: none;
}
.back-to-top i {
  font-size: 15px;
}
.back-to-top:hover {
  color: #FFF;
  background-color: #272930;
  text-decoration: none;
}
.back-to-top:focus {
  color: #FFF;
}

/* Bloque de Login */
.block-login {
  width: 400px;
  margin: 50px auto 0px;
  -webkit-animation: fadein 1s;
  -moz-animation: fadein 1s;
  animation: fadein 2s;
}
.block-login .block-login-logo {
  float: left;
  width: 100%;
  padding: 8px 10px;
  line-height: 30px;
  text-align: center;
}
.block-login .block-login-logo .logo {
  margin: 0px auto;
  float: none;
}
.block-login .block-login-content {
  background: #FFF;
  -moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  float: left;
  width: 100%;
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 5px solid #465e74;
}
.block-login h1 {
  font-weight: 100;
  text-align: center;
  margin-bottom: 15px;
}

/* Mostrar la etiqueta sobre el gráfico */
.morris-hover{position:absolute;z-index:1000;}
.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255, 255, 255, 0.8);border:solid 2px rgba(230, 230, 230, 0.8);font-family:sans-serif;font-size:12px;text-align:center;}
.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0;}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0;}

.leyenda {
  cursor: not-allowed;
  background-color: #eeeeee;
  display: block;
  min-width: 100px;
  height: auto;
  min-height:34px;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-image: none;
  border-radius: 4px;
  border:1px solid #ccc;
}

.form-wizard .form-wizard-levels li a {
  font-size:10px;
  max-width:100px;
  line-height: 15px;
  padding:10px 5px 10px 5px;
  text-align:left;
}
.form-wizard .num { text-align: center; }


/* Gallery
---------------------------------------------------------------------------------------------- */
.gallery {
  background: #f3f4f5;
}
.gallery .controls {
  height: 60px;
}
.gallery .gallery-items li img {
  width: 100% !important;
}
.panel-gallery .panel-footer {
  text-align: center;
  padding-bottom: 5px;
  background-color:#FFF;
}
.panel-gallery .panel-footer h3 {
  margin-top: 0px;
}
.panel-gallery a:hover { text-decoration: none; }
#Grid {
  font-size: 0;
  line-height: 0;
  margin: 0 -15px;
}
#Grid:hover .mix > div {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -o-transition: opacity .5s linear;
  -ms-transition: opacity .5s linear;
  -moz-transition: opacity .5s linear;
  -webkit-transition: opacity .5s linear;
  /* ...and now override with proper CSS property */
  transition: opacity .5s linear;
}
#Grid:hover .mix > div:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
#Grid .mix {
  opacity: 0;
  display: none;
  width: 265px;
  vertical-align: top;
  font-size: 13px;
}
#Grid .mix > div {
  background: #fff;
  border: 1px solid #d2d4d8;
  margin: 15px;
  text-align: center;
}
/*
@media (max-width: 767px) {
  #Grid .mix {
    width: 50%;
  }
}
*/

/* Detalle Servicio o Trabajo */
.datostrabajo ul li { clear:both; float:none; }
.datostrabajo ul li.separador { padding-top:10px; }
.datostrabajo ul li.total { border-top:1px solid #336666; }
.datostrabajo ul li.tit { border-bottom:1px solid #336666; }
.datostrabajo .rest { display:block; float:left; font-size: 12px; font-weight: bold; } 
.datostrabajo .prod { display:block; float:left; font-size: 12px; } 
.datostrabajo .acc { display:block; float:right; width:60px; }
.datostrabajo .acc i:hover { cursor:pointer; color:#336666; }
.datostrabajo .price { display:block; float:right; color: #336666; width:50px; text-align:right; margin-right:5px; }
.datostrabajo .price-total { float:right; color: #336666; font-weight: bold; margin:0 5px 0 0; }


.info-box {
  margin-bottom: 20px;
  border-radius: 4px;
}
.info-box .info-icon {
  padding: 7px;
  display: inline-block;
  width: 28%;
  text-align: center;
}
.info-box .info-icon:hover i {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari and Chrome */
  -webkit-transition: 600ms ease;
  -moz-transition: 600ms ease;
  -o-transition: 600ms ease;
  -ms-transition: 600ms ease;
  transition: 600ms ease;
}
.info-box .info-details {
  display: inline-block;
  width: 70%;
  padding-left: 5%;
}
.info-box .info-details .pull-right {
  margin-right: 5px;
}
ul.info-list {
  margin-top: 20px;
}

.bg-primary {
  background: #495b79 !important;
}
.bg-warning {
  background: #f9a94a !important;
}
.bg-info {
  background: #54b5df !important;
}
.bg-danger {
  background: #e45857 !important;
}
.bg-success {
  background: #90c657 !important;
}
.bg-gray {
  background: #eeeeee !important;
}
.bg-pink {
  background: #ff6c60 !important;
}
.bg-purple {
  background: #8175c7 !important;
}
.bg-seagreen {
  background: #01a89e !important;
}
.bg-yellow {
  background: #f8d347 !important;
}
.bg-black {
  background: #000000 !important;
}

.bg-success:hover,
.bg-success-dark {
  background: #77af3b !important;
}
.bg-primary:hover,
.bg-primary-dark {
  background: #364359 !important;
}
.bg-warning:hover,
.bg-warning-dark {
  background: #f79219 !important;
}
.bg-info:hover,
.bg-info-dark {
  background: #29a2d7 !important;
}
.bg-danger:hover,
.bg-danger-dark {
  background: #dd2c2b !important;
}
.bg-none {
  background: none !important;
}
.bg-white {
  background: #FFFFFF !important;
}
.text-primary {
  color: #495b79 !important;
}
.text-warning {
  color: #f9a94a !important;
}
.text-danger {
  color: #e45857 !important;
}
.text-success {
  color: #90c657 !important;
}
.text-info {
  color: #54b5df !important;
}
.text-white {
  color: #FFFFFF !important;
}

.con-loader {
  width:90%;
  margin:20px auto;
}
.con-loader img {
  width:20px;
}