/* 
    Document   : draphp
    Created on : 14/02/2012, 16:15:47
    Author     : horaciod
    Description:
     complementa a bootstrap
, url(http://fonts.gstatic.com/s/ubuntu/v7/_xyN3apAT_yRRDeqB3sPRg.woff) format('woff');
//@import url('http://fonts.googleapis.com/css?family=Ubuntu') ;
*/



@import 'libs/bootstrap/css/bootstrap.css';



@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu') ,  url(fonts/ubuntu.woff) format('woff');
}

.error {
    color:red ; padding:3px; 
    
}

.hlabel {
  background-color: white; 
  width:620px;
  padding:3px; 
  border:1px solid #eee ;   
}

.form-group  {
    border-bottom: 1px solid #BBB;
}

.tabla-mini {
    font-size: small; 
    
}

.rowmini {
    border-bottom: 1px solid #eee;
    
}
.rowmini .col-lg-4 {
    border-right: 1px solid #eee;
    
}

.aliright {
    text-align: right; 
}

.icono-on {
    background-image: url('images/button_ok.png') ;  
   display: inline-block;
   width:16px;
   height: 16px;
}
.icono-off {
    background-image: url(images/button_cancel.png) ;  
   display: inline-block;
   width:16px;
   height: 16px;
}
.well-mini {
    font-weight: bold; padding:3px;
    
}
.tabla50 {
    width: 50%;
}
/*.footer {
	width:940px;
	height:130px;
	
	background-repeat:no-repeat;
	background-position:center top;
	margin:auto;
	
}*/
.pasos-form {
	float:left;
}
.pasos-form span {
	float:left;
	font-size:14px;
	font-weight:bold;
	padding-right:10px;
	color:#555;
	margin-top:5px;
}
.titulolistado {
    width:30%;
}

.borde-bajo{
    border-bottom: 1px solid #ccc;
    
}

/* correcciones bootstrap */


.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
  background-color: #eee;
}
.table-striped tbody tr td.titform {
    width: 30%;
background-color: #EEE;
color: black;
font-weight: bold;
text-align: right;

    
}
.table-striped tbody tr td.inputform {

text-align: left;
padding-left: 6px; 

    
}

.label-big {
    font-size:14px;
    
}


/*.alert {
background-color: #F89406;
color: black;
text-shadow: none;
font-weight: bold;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
 background-color: #eee;   
}*/

.navbar-inner-blue {
    
    background-image: none;
    background-color: #BCE8F1 ; 
}

ul.nav >li >span.btn-group {
    top: 5px;
}

/*destaque para los tabs*/


.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
 color:white;
 background-color:#555; 
}
.ayudita {
/*position: relative;


float: right;
top: -27px;*/

}
.subblue{
background-image: none ; 
 background-color: #D9EDF7 ; 
}
.subblue >.navbar {
    
    color:#000;
}

.subblue > .container .nav > li > a {                             
                       color:navy;      
                       text-shadow: none; 
}
.subblue > .container .nav > li > a:hover {
 color:orange ;    
}
    

.acciones {width: 30%}

h3 {
font-size: 20px; line-height: 22px;    
    
}

body {
    
    font-family:Ubuntu, Arial ;
    
}


/* Ampliado */

.activity-line .label, .activity-line .date, .activity-line .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.activity-line .label {
    margin-right: 5px;
    padding: 3px 4px 2px;
}
.label.blue {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #67A6E5;
    background-image: -moz-linear-gradient(center top , #67A6E5, #3B8CDE);
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: 100% auto;
    border-color: #2273C4 #2273C4 #1A5999;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    text-shadow: 0 -1px #1E66AF;
}
.label.green {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #50BE50;
    background-image: -moz-linear-gradient(center top , #50BE50, #3BA03B);
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: 100% auto;
    border-color: #2D7B2D #2D7B2D #205520;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    text-shadow: 0 -1px #276827;
}
.label.red {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #E35355;
    background-image: -moz-linear-gradient(center top , #E35355, #DC272A);
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: 100% auto;
    border-color: #B31D1F #B31D1F #871618;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    text-shadow: 0 -1px #9D1A1B;
}
.label.right {
    text-align: right;
}
/* .label {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #DADADA;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 1px #FFFFFF inset;
    color: #404040;
    text-shadow: 0 1px #FFFFFF;
} */



/*  menu multilevel */

.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;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.form-control-sm {
    width:80% !important;
    
    
}

.form-control {
     padding-left: 2px !important;

}
td.td-col-md-1 {
    width: 50px;


}
td.td-col-md-2 {
    width: 100px;
    font-size: 100%;
}
td.td-col-md-3 {
    width: 180px;
    font-size: 100%;
}
td.td-col-md-4 {
    width: 200px;
    font-size: 100%;
}
td.td-col-md-7 {
    width: 350px;
}
.tablefina {
    padding: 0px;
    margin: -1px;

}


.pre300 {
    overflow-x: auto;
    max-width:300px
}