@charset "UTF-8";
body{
/*background:url(../images/d2web-fondo.jpg) no-repeat top left;	*/
background:#f4f4f4;
 overflow-x: hidden;
}
.nopadding {
   padding-left: 0 !important;
   padding-right: 0 !important;
}
a{
	color:#3a3a3a;
	
	}
li a span{
width:20px; text-align:center;	
}
.form-group em{
	text-align:right; !important;
	
}
.readonly{
	background-color:#eee;
}

.dropdown-menu li{
	padding-left:10px; padding-right:10px;
}
.dropdown-menu li a {
	border-bottom:#D5D3D3 1px solid;
}
.navbar{
min-height:0px; !important;	
}
.image-upload > input{
display:none;	!important;
}
.image-upload-button:hover{
	 content: url('../images/UPLOAD.png');

}
.text-motivo{
height:40px; resize: none;	
}
.text-direccion{
height:65px; resize: none;	
}
.check-horas-extra > input{
width:20px; height:20px; margin-left:auto; margin-right:auto;	
}
.text-email{
resize: none;	
}
.select-supervisor{
	height:100px;
	
}
.image-upload-button{
	background:none;
	width:100%;
	height:100%;
	display:block;
	
}

.marcacion-select{
min-width:120px; font-size:12px;	
}
.select-razon{
	min-width:180px; font-size:12px;
}
.input-fecha-marcacion{
min-width:90px; font-size:12px;
}
.input-hora-marcacion{
min-width:60px; font-size:12px; border-top-right-radius: 0.33em; border-bottom-right-radius: 0.33em; border-top-left-radius: 0;  border-bottom-left-radius: 0;	
}
.input-select-dispositivo{
min-width:180px; font-size:12px;	
}
.input-select-aplica{
min-width:90px; font-size:12px;	
}
.nombre, .nombre a{color:#fff}
.nombre .open>a,.nombre .open>a:focus,.nombre .open>a:hover{background-color:#989898;border-color:none; color:#fff;}
select{
    border: 0;
    color: #555;
    font-size: 14px;
    margin: 0;
    width: auto;
    padding: 5px;
    height: 2em;
    background: #efefef;
    border-radius: .3em;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    -o-border-radius: .3em;	
}

input{
	
    border-radius: .3em; !important
    -webkit-border-radius: .3em; !important
    -moz-border-radius: .3em; !important
    -o-border-radius: .3em; !important
}
.form-group label{
font-size:12px;
vertical-align:middle;
vertical-align:central;
margin-top:7px;	
}
.form-group select{
font-size:14px;

}

.input-fechas{
min-width:50px;!important;
 margin:0px; font-size:12px;	
}
table{
font-size:10px; !important;	
border-collapse:collapse;

	}
.table-menu td{
padding:2px;
text-align:center;
}
.table-menu label{
	font-size:9px;	
}
.table-menu input{
	font-size:10px;	
}
.table-menu select{
	font-size:12px;	
}
.table-menu .btn{
	font-size:12px;	
}
#page-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity:0.9;
  background-color: #fa743e;
}
#page-loader img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -64px 0 0 -64px;
  width: 128px;
  height: 128px;
}
.btn_buscar{
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.input-group-addon{
	min-width:45px;
}

h1{
color:#337ab7;	
padding-left:10px;
font-size:18px;
text-align:center;
font-weight:bold;
}
h2{
color:#337ab7;	
padding-left:5px;
font-size:18px;
font-weight:bold;
text-align:left;
}
.datos th, .datos td{
text-align:center;	
}
.grafico{
	margin-left:auto; margin-right:auto; text-align:center;
}
.grafico .canvas_grafico{
	background:#ffffff;
	padding:15px;
	height:400px;
	width:800px;
	margin-bottom:20px;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
	
	
}
.table-responsive{
	background:#ffffff;
	padding:15px;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
	margin-left:10px; margin-right:10px; margin-bottom:30px;

	
	
}

.table-responsive2{
	background:#ffffff;
	padding:15px;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
	margin-left:10px; margin-right:10px; margin-bottom:30px;

	
	
}
.timepicki_width{
min-width:190px; !important;	
}
.grafico td{
	font-size:10px;
	font-weight:normal;
}
.grafico th{
	font-size:10px;
	font-weight:bold;
	text-align:center;
}
.flecha{
	float:right;
}
.header-menu{ 
	height:70px; width:100%; background:url(../images/gradient-left-50.png) #f7931d repeat-y left; 
}
.header-menu .personal{
float:right; padding-right:35px; padding-top:10px;	
}
.header-menu .titulo{
float:left; color:#fff; font-size:13px; padding-top:30px; padding-left:10px;	
}
.header-menu .logo-container{
margin-left:20px; margin-top:10px; margin-right:20px; float:left;	
display:block;
height:47px;
width:50px;
background:url(../images/logo-ID-pq.png) no-repeat left top;
}
.label_reporte{
text-align:center; padding-top:10px; padding-bottom:10px;	
}
.pie_pagina{
background-color:#ffffff; text-align:center; padding-top:5px; height:30px;	
}
.pie_pagina .powered_by{
text-align:center; margin-top:0px; 
}
.pie_pagina .powered{
float:left;
}
.pie_pagina a{
	display:inline-table;
	
}
.pie_pagina .webtec{
	background:url(../images/powerd.jpg) no-repeat;
	width:149px;
	height:27px;
}
.boton_menu_movil .icon-bar{
background-color:#ffffff;	
}
.contenido .breadcrumb{
background:none;
}
.barra_menu{
box-shadow: 1px 1px 2px #888888; background:#ffffff;	
}
.menu_nombre{
font-size:20px;	
}

.busqueda_avanzada{
text-align:center; padding-bottom:10px;	
}
.botones_busqueda .form-group{
style="text-align:center;"	
}
@media (max-width: 767px) {
.header-menu{ 
	height:30px; width:100%; background:url(../images/gradient-left-50.png) #f7931d repeat-y left; 
}
.menu_mobil_fixed_top{
    top: 25px;;
	left:15px;
	right:15px;
    border-width: 0 0 1px;
	 position: fixed;
	 z-index:1100;
	
}
.header-menu .personal{
float:right; padding-right:15px; padding-top:0px;	
}
.header-menu .titulo{
float:left; color:#fff; font-size:10px; padding-top:2px; padding-bottom:2px; margin-top:6px; margin-left:10px; padding-left:10px; border-left:1px solid #ffffff;	
}

.header-menu .logo-container{
padding-left:20px; padding-top:5px; float:left;	
display:block;
height:50px;
background:none;
}
.logo_text{
	color:#ffffff;
	font-weight:bold;
	padding-top:5px;
	padding-left:10px;
	float:left;
	
}
.navbar{
margin-bottom: 5px;	
}
.progress{
	margin-bottom: 0px;
	
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 5px 5px;
    margin-top: 1px;
    margin-right: 5px;
    margin-bottom: 2px;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.collapsed{
background-color: #f7931d;	!important;
}



.navbar-nav>li>a{
font-size:8px; 	!important;	
padding-top: 5px; !important;	
    padding-bottom: 5px; !important;	
    line-height: 10px; !important;	
}
.navbar-nav .open .dropdown-menu>li>a{
    line-height: 10px; !important;		
	font-size:8px; 	!important;	
}
.caret{
    border-top: 3px dashed; !important;	
    border-right: 3px solid transparent; !important;	
    border-left: 3px solid transparent;	 !important;	
}

}

/*
    Common 
*/

.wizard,
.tabcontrol
{
    display: block;
    width: 100%;
    overflow: hidden;
}

.wizard a,
.tabcontrol a
{
    outline: 0;
}

.wizard ul,
.tabcontrol ul
{
    list-style: none !important;
    padding: 0;
    margin: 0;
}

.wizard ul > li,
.tabcontrol ul > li
{
    display: block;
    padding: 0;
}

/* Accessibility */
.wizard > .steps .current-info,
.tabcontrol > .steps .current-info
{
    position: absolute;
    left: -999em;
}

.wizard > .content > .title,
.tabcontrol > .content > .title
{
    position: absolute;
    left: -999em;
}



/*
    Wizard
*/

.wizard > .steps
{
    position: relative;
    display: block;
    width: 100%;
}

.wizard.vertical > .steps
{
    display: inline;
    float: left;
    width: 30%;
}

.wizard > .steps .number
{
    font-size: 1.429em;
}

.wizard > .steps > ul > li
{
    width: 33%;
}

.wizard > .steps > ul > li,
.wizard > .actions > ul > li
{
    float: left;
}

.wizard.vertical > .steps > ul > li
{
    float: none;
    width: 100%;
}

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active
{
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 1em 1em;
    text-decoration: none;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active
{
    background: #eee;
    color: #aaa;
    cursor: default;
}

.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active
{
    background: #2184be;
    color: #fff;
    cursor: default;
}

.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active
{
    background: #9dc8e2;
    color: #fff;
}

.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active
{
    background: #ff3111;
    color: #fff;
}

.wizard > .content
{
    background: #eee;
    display: block;
    margin: 0.5em;
    min-height: 100px;
    overflow: hidden;
    position: relative;
    width: auto;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard.vertical > .content
{
    display: inline;
    float: left;
    margin: 0 2.5% 0.5em 2.5%;
    width: 65%;
}

.wizard > .content > .body
{
    float: left;
    position: absolute;
	width:100%;

    padding: 2.5%;
}

.wizard > .content > .body ul
{
    list-style: disc !important;
}

.wizard > .content > .body ul > li
{
    display: list-item;
}

.wizard > .content > .body > iframe
{
    border: 0 none;
    width: 100%;
    height: 100%;
}

.wizard > .content > .body input
{
    display: block;
    border: 1px solid #ccc;
}

.wizard > .content > .body input[type="checkbox"]
{
    display: inline-block;
}

.wizard > .content > .body input.error
{
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

.wizard > .content > .body label
{
    display: inline-block;
    margin-bottom: 0.5em;
}

.wizard > .content > .body label.error
{
    color: #8a1f11;
    display: inline-block;
    margin-left: 1.5em;
}

.wizard > .actions
{
    position: relative;
    display: block;
    text-align: center;
    width: 100%;
}

.wizard.vertical > .actions
{
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%;
}

.wizard > .actions > ul
{
    display: inline-block;
    text-align: right;
}

.wizard > .actions > ul > li
{
    margin: 0 0.5em;
}

.wizard.vertical > .actions > ul > li
{
    margin: 0 0 0 1em;
}

.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active
{
   
   
}

.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active
{
      cursor: not-allowed;

	  cursor: not-allowed;
  	filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;

  background-color: #337ab7;
  border-color: #2e6da4;}

.wizard > .loading
{
}

.wizard > .loading .spinner
{
}



/*
    Tabcontrol
*/

.tabcontrol > .steps
{
    position: relative;
    display: block;
    width: 100%;
}

.tabcontrol > .steps > ul
{
    position: relative;
    margin: 6px 0 0 0;
    top: 1px;
    z-index: 1;
}

.tabcontrol > .steps > ul > li
{
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;

    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.tabcontrol > .steps > ul > li:hover
{
    background: #edecec;
    border: 1px solid #bbb;
    padding: 0;
}

.tabcontrol > .steps > ul > li.current
{
    background: #fff;
    border: 1px solid #bbb;
    border-bottom: 0 none;
    padding: 0 0 1px 0;
    margin-top: 0;
}

.tabcontrol > .steps > ul > li > a
{
    color: #5f5f5f;
    display: inline-block;
    border: 0 none;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none;
}

.tabcontrol > .steps > ul > li > a:hover
{
    text-decoration: none;
}

.tabcontrol > .steps > ul > li.current > a
{
    padding: 15px 30px 10px 30px;
}

.tabcontrol > .content
{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px;
}

.tabcontrol > .content > .body
{
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%;
}

.tabcontrol > .content > .body ul
{
    list-style: disc !important;
}

.tabcontrol > .content > .body ul > li
{
    display: list-item;
}

#icons {
		margin: 0;
		padding: 0;
	}
	#icons li {
		margin: 2px;
		position: relative;
		padding: 4px 0;
		cursor: pointer;
		float: left;
		list-style: none;
	}
	#icons span.ui-icon {
		float: left;
		margin: 0 4px;
	}
.switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 24px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #f0ad4e;
}

input:focus + .slider {
  box-shadow: 0 0 1px #f0ad4e;
}

input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.caja-formulario .contenedor{
background-color:#ffffff; display:inline-block; padding-bottom:30px; box-shadow:#BDBCBC; box-shadow: 1px 1px 2px #888888; width:100%;

}
.caja-formulario{
margin-bottom:20px; margin-top:10px; 	
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	float: left;


}
.caja-formulario .contenedor .cabecera{
background-color:#989898; height:40px; margin-bottom:30px;	
position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	float: left;
	width: 100%;
}
.cabecera .cabecera_titulo{
color:#fff; font-weight:bold; height:40px; padding-top:10px;	
}
.progress_fixed_top{
    top: 5px;;
	left:15px;
	right:15px;
    border-width: 0 0 1px;
	 position: fixed;
	 z-index:1000;
	
}
.menu_mobil_fixed_top{
 
	
}
.progress{
	background-color:#f5e1c9;
	
}
.alert{
	margin-left:30px; margin-right:30px; margin-top:20px; margin-bottom:20px;
	padding:20px;
	font-size:16px;
	}
h4{
	font-weight:bold;
	padding:15px;
	
}

.close-button {
  overflow: hidden;
}

.bmd-modalContent {
  box-shadow: none;
  background-color: transparent;
  border: 0;
}
  
.bmd-modalContent .close {
  font-size: 30px;
  line-height: 30px;
  padding: 7px 4px 7px 13px;
  text-shadow: none;
  opacity: .7;
  color:#fff;
}

.bmd-modalContent .close span {
  display: block;
}

.bmd-modalContent .close:hover,
.bmd-modalContent .close:focus {
  opacity: 1;
  outline: none;
}

.bmd-modalContent iframe {
  display: block;
  margin: 0 auto;
}
.tr_delegado{
	background-color:#fcf8e3 !important;
	}
.tr_delegado:hover{
	background-color:#f7ecb5 !important;
	}
.tr_invitado_especial{
	background-color:#e7e7e7!important;
	}
.tr_invitado_especial:hover{
	background-color:#cccccc !important;
	}
.tr_staff{
	background-color:#aeaeae!important;
	color:#ffffff;
	}
.tr_staff:hover{
	background-color:#545454!important;
	
	}