/* @override http://precon.kometadev.com/css/application.css
	http://precon.kometadev.com/equipo/css/application.css
	http://precon.kometadev.com/proyecto/css/application.css
	http://precon.kometadev.com/manodeobra/css/application.css
	http://precon.kometadev.com/partedetrabajo/css/application.css
*/

body {
	overflow-x:hidden;
	font-family: "Roboto", sans-serif;
	color: #9B9B9B;
}

div.cerrar-sesion {
	display: inline-block;
}

html {
	height: 100%;
	background-color: #f0f0f0;
	border-top: 20px solid #036754;
	border-bottom: 20px solid #036754;
}

.clear {
	clear:both;
}

.recuperar_pass{
	float: right;
    font-size: 12px;
    margin-right: 10px;
    margin-top: 10px;
}


.recuperar_pass a{
	color:white;
}

#logo {
	background-image: url("../images/LogoMed.png");
	width:105px;
	height:42px;
	padding:0;
}

#logo span {
	display:none;
}

.navbar-inverse .brand{
	color:white !important;
}

#navbar.navbar .navbar-inner {
	border-radius:0;
}

#navbar #menu_welcome {
	color:#bbb;
	padding-top:10px;
	font-size:0.9em;
	margin-right:40px;
}

footer {
	text-align:center;
	border-style: solid;
	border-color: #e3e3e3;
	border-width:1px 0;
	padding: 0;
}


.pagination{
  min-width: 200px;
  max-width:500px;
  text-align:center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}



.modal_botonera{
	margin-top:10px;
	width:100%;
	border-top:1px solid #ccc;
	padding:5px;
}

.modal_botonera .btn_cancelar{
	margin-left:5px;
}

/*******CUSTOM*******/

.col-md-6.anulaMargen {
	margin: 0;
	padding: 0;
}


/*TYPO*/

p {
	color: #9b9b9b;
}

a {
	color: #43aa8b;
}

@font-face {
    font-family: "Glyphicons Halflings";
    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");
}


h3 {
	text-align: left;
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
}


/*HEADER*/

#web header div.logo {
	background: url(../images/LogoSmall.png) no-repeat;
	width: 200px;
	height: 60px;
	margin: 0 0 0 20px;
	float: left;
}


#navbar {
	border-radius: 0;
	background: linear-gradient(to bottom, #08a08c 0%, #036754 100%) #036754;	
	height: 60px;
	padding: 0;
	margin-bottom: 0!important;
	border-style: none;
}

#web header h1, div.titulo {
	display: block;
	margin-right: 0;
	position: relative;
	right: 0;
	font: 36px "roboto light", sans-serif;
	font-style: normal;
	color: #43AA8B;
	text-align: right;
	padding-right: 20px;
	top: 5px;
}


div.top-menu {
	text-align: right;
	padding-right: 20px;
	padding-top: 10px;
}

div.conectado {
	display: inline-block;
	margin-right: 10px;
}

#web header {
	height: 120px;
	display: block;
	padding-bottom: 0;
}

#web header h1 {
	text-align: right;
	padding-right: 20px;
}


#web header div.top-menu div.cerrar-sesion a {
	color: #ff6f59;
}

/*MENU*/


.menu_principal a{
	font-weight: 500;
	text-transform: uppercase;
	display: inline-block;
	color: #43AA8B !important;
	position: relative;
	top: 5px;
}

.navbar-nav>li>a:active, .menu_principal a:active{
		color: #fff!important;
}


.nav > li > a:focus, .nav > li > a:hover
{
	text-decoration: none;
	background: none;
}



.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover
{
	color: #FFF!important;
	background-color: transparent;
}


.nav > li > a:focus, .nav > li > a:hover
{
	text-decoration: none;
	background-color: transparent;
}

.menu_principal a:hover
{
	color: #FFF!important;
	border-style: none!important;
}

.menu_principal a{
	border-style: none!important;
}


/*MAIN*/

a, a:visited
{
	text-decoration: none;
}

#content {
	min-height: 600px;
	background-color: #f0f0f0;
	padding: 20px;
}

#web {
	height: 100%;
}

a:focus
{
	outline: none;
}


/*LOGIN*/

div.logo {
	margin: 40px auto;
	width: 480px;
	height: 200px;
	display: block;
	background: url(../images/LogoMed.png) no-repeat;
}


.login {
	margin: auto;
	text-align: center;
}

.login input.input-medium {
	padding: 10px;
	width: 240px;
	color: #9b9b9b;
}

.login  input.btn {
	width: 240px;
	border-radius: 2px;
	background-color: #b2b09b;
	padding: 10px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}

.login div {
	margin-bottom: 10px;
}



/*ALERTAS*/

div.alert.alert-error {
	border-radius: 0px;
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 50%;
	background-color: #fff;
	border-style: solid;
	border-color: #ffbebe;
	color: #ff6f59;
}

/*SECCIONES*/

.iconoConfiguracion{
	width: 60px;
	height: 60px;
	float: right;
	background: url(../images/icon-config.png) center center no-repeat;
}

.iconoManodeobra{
	width: 60px;
	height: 60px;
	float: right;
	background: url(../images/icon-mano.png) center center no-repeat;
	padding-right: 2px;
	position: relative;
	right: 20px;
	top: 8px;
}

.iconoProveedores{
	width: 60px;
	height: 60px;
	float: right;
	background: url(../images/icon-prov.png) center center no-repeat;
	padding-right: 2px;
	position: relative;
	right: 20px;
	top: 8px;
}

.iconoVehiculos{
	width: 60px;
	height: 60px;
	float: right;
	background: url(../images/icon-vehic.png) center center no-repeat;
	padding-right: 2px;
	position: relative;
	right: 20px;
	top: 8px;
}

.iconoProyectos{
	width: 60px;
	height: 60px;
	float: right;
	background: url(../images/icon-proy.png) center center no-repeat;
	padding-right: 2px;
	position: relative;
	right: 20px;
	top: 8px;
}



.iconoEquipos{
	width: 60px;
	height: 60px;
	float: right;
	background: url(../images/icon-equip.png) center center no-repeat;
	padding-right: 2px;
	position: relative;
	right: 20px;
	top: 8px;
}

.iconoPartedetrabajo{
	width: 60px;
	height: 60px;
	float: right;
	background: url(../images/icon-parte.png) center center no-repeat;
	padding-right: 2px;
	position: relative;
	right: 20px;
	top: 8px;
}

.iconoInformes{
	width: 60px;
	height: 60px;
	float: right;
	background: url(../images/icon-inform.png) center center no-repeat;
	padding-right: 2px;
	position: relative;
	right: 20px;
	top: 8px;
}


/*BOTONES Y FORMS*/

#content div.data-index div.row div.new.informemapa.col-md-2 a.btn.btn-primary {
	background-color: #73715b;
}

ul.nav.nav-tabs {
	border-style: none;
	position: relative;
	top: 30px;
}

#proyecto_form ul.nav.nav-tabs {
	position: static;
	margin-bottom: 20px;
}

#proyecto_form div.tab-content {
	padding-bottom: 20px;
	margin-bottom: 20px;
	background-color: #fff;
}


div#proyectos.tab-pane.fade.active.in {
	position: relative;
	top: -10px;
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{
	border-radius: 0px;
	border: 1px solid #43aa8b;
	color: #43aa8b;
	font-weight: bold;
	background-color: rgba(67, 170, 138, 0.28);
	z-index: 100;
		margin: -1px;
	
}

.nav>li>a:focus,.nav>li>a:hover{
border-radius: 0px;
border: 1px solid #036754;
color: #fff;
background-color: #036754;
	margin: -1px;

}

.nav-tabs>li>a{
	border-radius: 0px;
	border: 1px solid #ced1d2;
	color: #ced1d2;
	background-color: #fff;
	margin: -1px;
}

.buscador{
	display: inline-block;
	margin-left: 40px;
	float: right;
	padding-right: 0;
	position: relative;
	left: 8px;
}

.popup .col-md-6 {
	padding-right: 0;
}

div.new {
	display: inline-block;
	margin-right: 20px;
}

div.buscador_.buscador input {
	margin-right: 10px;
	margin-left: 10px;
	height: 40px;
}

#boton_buscador{
	border-radius: 0px!important;
	background-color: #b2b09b;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	height: 40px;
	padding-left: 20px;
	padding-right: 20px;
}

#boton_buscador:focus, #boton_buscador:hover {
	border-radius: 0px!important;
	background-color: #036754;
	}

.btn-primary, #boton_informe{
	color:#fff;
	background-color: #036754;
	border-style: none;
	border-radius: 0px;
	height: 40px;
	padding: 10px 20px;
	font-weight: bold;
	text-transform: uppercase;
}

.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{
	color:#fff;
	background-color: #b2b09b;
	border-color: #122b40; 
	border-style: none;
	border-radius: 0px;
}

.btn-primary:hover{
	color:#fff;
	background-color:#b2b09b;
	border-style: none;
}


/*TABLAS*/

table.results.table.table-striped.table-hover {
	margin-top: 20px;
}

thead, .table>thead>tr>th {
	background-color: #b2b09b;
	color: white;
	border-style: none;
}

th, td {
	padding-top: 15px;
	padding-bottom: 15px;
	height: 40px;
	border-style: none;
	vertical-align: middle!important;
}

#content div.data-edit div.back a.btn {
	font-size: 0;
	width: 36px;
	height: 36px;
	padding: 0;
	margin-bottom: 15px;
	background: url(../images/back.png) center no-repeat;
}

#content div.data-edit div.back a.btn:hover {
	opacity: 0.5;
}


div.data-index {
	padding: 20px;
	background-color: #fff;
}

div#maquinaria.tab-pane.fade.active.in {
	margin-top: 20px;
}

#tiposdeobra, #mercados, #resproyecto, #tecobra, #tecapoyo {
	margin-top: 40px;
}

div#usuarios.tab-pane.fade.in.active {
	width: 100%;
}

#usuarios div.data-index {
	margin-top: 20px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #f7f7f7!important;
}

.table-hover>tbody>tr:hover{background-color: #f7f7f7!important
}

tr {
	border-style: none!important;
	height: 40px;
	padding-top: 15px;
	padding-bottom: 15px;
}

th {
	background-color: #b2b09b!important;
}


.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-style: none;
}



a.action-edit {
	font-size: 0;
	width: 32px;
	height: 32px;
	display: inline-block;
	margin: 0 60px 0 0;
	background-image: url(../images/edit.png);

}



a.action-new.action {
	font-size: 0;
	width: 32px;
	height: 32px;
	display: inline-block;
	margin: 0 60px 0 0;
	background: url(../images/newedit.png) center center no-repeat;
}



.action.delete_concepto, a.action-delete.action {
	font-size: 0;
	width: 32px;
	height: 32px;
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	background-image: url(../images/delete.png);
}


.pager li > a, .pager li > span
{
	display: inline-block;
	padding: 5px 14px;
	background-color: #FFF;
	border: 1px solid #e8e8e8;
	border-radius: 0px;
	margin-right: -1px;
}


/*MODALES*/

img.popup_control.popup_close {
	padding: 7px;
	display: block;
	background-color: #b2b09b;
	border-radius: 200px;
}


.popup_title {
	padding:10px 20px;
	border-bottom:1px solid #bbb;
	text-shadow:none!important;
	font-weight:bold;
	font-size:1.2em;
	background-color: #b2b09b;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	color: #fff;
}



.popup {
	position:relative;
	top:50%;
	left:50%;
	background-color:white;
	color:#666;
	font-size:13px;
	display:inline-block;
	border-radius:0px!important;
	z-index:1000;
	box-shadow: 1px 1px 5px #333333;
   -webkit-box-shadow: 1px 1px 5px #333333;
   -moz-box-shadow: 1px 1px 5px #333333;
}

.popup_content {
	padding:20px;
	overflow:auto;
	border-radius: 0px!important;
	font: 14px "Roboto", sans-serif;
	color: #9B9B9B;
}


.panel
{
	margin-bottom: 20px;
	background-color: #FFF;
	border: 1px solid rgba(0, 0, 0, 0.14);
	border-radius: 0px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}


.panel-primary > .panel-heading
{
	color: #FFF;
	background-color: #43aa8b;
	border-style: none;
	border-radius: 0px!important;
}

select {
	margin-left: 10px;
	height: 40px;
}


.form-control:focus
{
	border-color: #43aa8b;
	outline: 0;
	-moz-box-shadow: 0 0 1px #43aa8b;
	box-shadow: 0 0 1px #43aa8b;
}


div.col-md-6.pass_repeat {
	padding: 0 0 0 10px;
}

.form-control
{
	border-radius: 0px;
	margin-left: 0;
	margin-bottom: 10px;
}

div.controls {
	width: 100%;
	display: inline-block;
	padding-right: 20px;
}

#informe_form div.row.formulario1y2 div.col-md-6, #informe_form div.row.formulario3y4 div.col-md-6 {
	background-color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 4px solid #eff0ef;
}

.formulario1y2 select.form-control, .formulario3y4 select.form-control {
	width: 50%;
	margin-bottom: 20px;
}

div.row.formulario1y2, div.row.formulario3y4, div.row.formulario5y6 {
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-top: 20px;
}

label.control-label {
	padding-bottom: 10px;
}

div.form-group.col-md-12 {
	width: 356px;
}

div.tab-content {
	display: inline-block;
	margin-top: 0;
	width: 100%;
	padding-top: 20px;
}


div.buttons.control-group.nuevoEquipo.disabled {
	padding: 16px;
	margin-bottom: 20px;
}

div.panel-body.combomdo, div.panel-body.combovehiculos, div.panel-body.combogruas, div.panel-body.comboplataformas {
	margin-bottom: 20px;
	background-color: #fff;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	border: 1px solid #43a98a;
}

#equipo_form {
	padding: 20px;
	background-color: #fff;
	display: inline-block;
}

div.panel-body.combovehiculos {
	padding-left: 20px;
}

#equipo_form div.col-md-12 {
	padding: 0;
}

div#descripcion.tab-pane {
	height: 20px;
}

button.btn.moveall.btn-default, button.btn.removeall.btn-default {
	background-color: #b2b09b;
	color: #fff;
	border-style: none;
	border-radius: 0px;
}

.bootstrap-duallistbox-container select {
	padding: 10px;
}


#fechainicio, #fechainicioestado, #fechafinestado, #fechafin, input.form-control.string.date.date-picker {
	background: url(../images/cal.png) 98% no-repeat;
}

#boton_informe {
	margin-top: 20px;
}

div.col-md-6.form-group.fechainicio.anuulaMargen {
	margin-right: 5px;
	width: 47.3%;
}

}
/*MAPAS*/


#map3 {
	width: 100%!important;
}

#map2 {
	width: 100%!important;
}


/*COLORES*/

td.ocupado, td.libre, td.vacaciones, td.licencias, td.formacion, td.proyectos, td.baja, td.disponible, td.iniciado, td.pendiente, td.terminado, td.programado

 {
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	color: #FFF;
}

#content div.data-index div.row div.data-list.partedetrabajo-list table.results.table.table-striped.table-hover {
	padding-right: 20px;
	padding-left: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

td.ocupado {
	background-color: #A31B03;
}

td.proyectos {
	background-color: #0300d3;
}

td.libre {
	background-color: #53A303;
}

td.disponible {
	background-color: #1eb614;
}

td.vacaciones {
	background-color: #33cbcb;
}

td.licencias {
	background-color: #fecc00;
}

td.formacion {
	background-color: #33cbcb;
}

td.terminado {
	background-color: #A30355;
}

td.baja {
	background-color: #dc0805;
}

td.programado {
	background-color: #A38603;
}

td.iniciado {
	background-color: #03A388;
}

td.pendiente {
	background-color: #1E03A3;
}

td.sincontrato {
	font-size: 0;
	background: #f0f0f0;
	border: 1px solid #fff!important;
}



/*DATEPICKER*/

 .datepicker { top: 0; left: 0; padding: 4px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; /*.dow { border-top: 1px solid #ddd !important; }*/
 	min-width: 400px;
 } 
 
 .datepicker: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; } 
 
.datepicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; } 
 
.datepicker > div { display: none; } 
 
.datepicker table { width: 100%; margin: 0; } 
 
.datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
	color: #575757;
} 
 
.datepicker td.day:hover { background: #b1af9b; cursor: pointer;
	color: #fff;
}


.datepicker td.old, .datepicker td.new { color: #e3e3e3; } 
 
.datepicker td.active, .datepicker td.active:hover { background-color: #026753; 
color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } 
 
.datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] { background-color: #026753; } 
 
.datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active { background-color: #003399 \9; } 
 
.datepicker td span { display: block; width: 47px; height: 54px; line-height: 54px; float: left; margin: 2px; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } 
 
.datepicker td span:hover { background: #eeeeee; } 
 
.datepicker td span.active { background-color: #026753;
} 
 
.datepicker td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] { background-color: #026753; } 
 
.datepicker td span.active:active, .datepicker td span.active.active { background-color: #003399 \9; } 
 
.datepicker td span.old { color: #999999; } 
 
.datepicker th.switch { width: 145px; } 
 

.datepicker thead tr:first-child th { cursor: pointer;
	color: #fff;
} 
 
.datepicker thead tr:first-child th:hover { background: #eeeeee;
	color: #fff;
} 
 
.input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; }


.datepicker th.next, .datepicker th.next:hover {
	background: url(../images/arrow-right.png) center center no-repeat;
}

#content div.data-index div.row div.row div.new.informe.col-md-3.botonNuevoparte a.btn.btn-primary {
	margin-left: 32px;
}

div.data-list.partedetrabajo-list {
	padding-left: 32px;
	padding-right: 32px;
}

.datepicker th.prev, .datepicker th.prev:hover {
	background: url(../images/arrow-back.png) center center no-repeat;
}

.div_boton_buscador{
	margin-top:30px !important;
}