root { 
    display: block;
}

.spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 100px 0 0 -100px;
	height: 200px;
	width: 200px;
	text-indent: 250px;
	white-space: nowrap;
	overflow: hidden;
	background:  url(../images/spinner.gif) no-repeat center center;
        z-index:1;

}


.spinner2 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 100px 0 0 -500px;
	height: 200px;
	width: 1077px;
	text-indent: 250px;
	white-space: nowrap;
	overflow: hidden;
	background:  url(../images/spinner2.gif) no-repeat center center;
        z-index:1;

}

#logo_login {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align:right;    
}

#descripcion{
    text-align:justify;
}

#login_form legend{
    border-bottom:  1px solid #ff6600;
}


.panel-heading-my {    
    font-weight: bold;
/*    font-size: 14px;*/
    padding-top: 7px;
    padding-bottom: 7px;
    /*color:#666666;*/
}

.panel-my {    
    padding-top : 3px;
    padding-bottom : 2px;
    text-align: justify;
}

.panel-my hr{    
    margin-top: 2px;
    margin-bottom: 5px;
}

.panel-my .destino{    
    font-size: 9px;
    color:#666666;
}

.panel-my .contrato{    
    font-size: 10px;
    color:#666666;
    border-top:  1px solid silver;    
    margin-top: 2px;
    padding-top:  2px;
    padding-bottom: 2px;
}

.panel-my span:hover{    
    color:#ff6600;
	margin-bottom: 3px;
/*	padding-right: 3px;       */
        -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.6);
        box-shadow: 0 15px 20px rgba(0, 0, 0, 0.6);          
}

.panel-my span{    
    color:#666666;
}


.panel-my hr.style-one {
    border: 0;
    height: 1px;
    background: #fff;
    /*background-image: linear-gradient(to right, #ccc, #333, #ccc);*/
    background-image: linear-gradient(to right, #fdae35 , #ff6600,  #fdae35);
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    
}


.modal-wide .modal-dialog {
  width: 90%; /* or whatever you wish */
}

  .ui-autocomplete-loading {
    background: white url("../images/progress.gif") right center no-repeat;
  }
  
  
.modal-wide-lg .modal-dialog {
  width: 99%; /* or whatever you wish */
}  


.rot180 {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	rotation: 180deg;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}


.resize_small{
    height: 500px;
}

.resize_large{
    height: 1000px;
}
 

.rotate_img{
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}    

.thumbnail_viewer_left{
    overflow:auto;
    height: 530px;    
}


  .ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 100px;
  }