﻿ .table-wrapper{
  overflow-y: scroll;
  height:450px;
}
.table-wrapper table{
  border-collapse: separate;
  width: 100%;
  border-spacing:1px;
}
.table-wrapper th{
    position: sticky;
    top: 0px;
    background-color :#507CD1;
    color:white;
    padding:3px;
}
.table-wrapper td,th{
  padding: 3px;
  border:solid;
  border-width:1px;
  border-color:#CCCCCC;
}
.primary{
    background-color:#337ab7;
}
.success{
    background-color:#dff0d8;
}
.danger{
  background-color: #f2dede;

}
.info{
    background-color: #d9edf7;
}
.warning{
    background-color: #fcf8e3;

} 
.Textos_Rojos
{
 color:         #e8969e;
 font-weight:bold;
    text-align: left;
} 
  .Textos_Verdes
{
 color:         #3bd65e;
 font-weight:bold;
    text-align: left;
} 
.texto_cortado
{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    }
  .MiLabel
{ 
border-color: #00CC00; 
border-style: solid; 
background-color: #FF6600; 
color: #FFFFFF;
font-family: Arial; 
font-size: 10pt; 
font-weight: bold;
}

 .Btn_Rojo
{
display:       inline-block;
padding:       8px 20px;
background:    #ff0000 repeat-x;
background:    #cccccc;
background:    -webkit-linear-gradient(#cccccc, #999999);
background:    linear-gradient(#cccccc, #999999);
border-radius: 999px;
color:         #fff;
font:          normal 700 16px/1 "Calibri", sans-serif;
text-shadow:   1px 1px 0 #000;
} 

 .Btn_Azul
{
display:       inline-block;
padding:       8px 20px;
background:    #0f78d7 repeat-x;
background:    -moz-linear-gradient(#429ff3, #0f78d7);
background:    -o-linear-gradient(#429ff3, #0f78d7);
background:    -webkit-linear-gradient(#429ff3, #0f78d7);
background:    #0f78d7 repeat-x;
border-radius: 999px;
color:         #fff;
font:          normal 700 16px/1 "Calibri", sans-serif;
text-shadow:   1px 1px 0 #000;
    }  

.Btn_Azul:hover
{
display:       inline-block;
padding:       8px 20px;
background:     #0f78d7 repeat-x;
background:    #0000ff repeat-x;
background:    -moz-linear-gradient(#0000ff, #0000ff);
background:    -o-linear-gradient(#0000ff, #0000ff);
background:    -webkit-linear-gradient(#0000ff, #0000ff);
background:    linear-gradient(#0000ff, #0000ff);
border-radius: 999px;
color:         #fff;
font:          normal 700 16px/1 "Calibri", sans-serif;
text-shadow:   1px 1px 0 #000;
}  

 .Textos_Azules
{
 color:         #000087;
 font-weight:bold;
    text-align: left;
} 

.Textos_Encabezado_Azul
{
 color:         #000087;
 font-weight:bold;
 font:          normal 700 36px/1 "Calibri", sans-serif;
    margin-bottom: 0px;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
    .form-control {
  display: block;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }  
 .form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled]{
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}

.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 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:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.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-Readonly {
  display: block;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #000;
  background-color: #7ec0ee;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}  
 .form-control-Readonly:focus {
  border-color:#7ec0ee;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control-Readonly::-moz-placeholder {
  color: #7ec0ee;
  opacity: 1;
}
.form-control-Readonly:-ms-input-placeholder {
  color: #7ec0ee;
}
.form-control-Readonly::-webkit-input-placeholder {
  color: #7ec0ee;
}
.form-control-Readonly[disabled],
.form-control-Readonly[readonly],
fieldset[disabled]{
  cursor: not-allowed;
  background-color: #7ec0ee;
  opacity: 1;
}
textarea.form-control-Readonly {
  height: auto;
}
          .overlay  
        {
    	    position: fixed;
    	    z-index: 98;
    	    top: 0px;
    	    left: 225px;
    	    right: 325px;
    	    bottom: 0px;
            
        }
        .overlayContent
        {
    	    z-index: 99;
    	    margin: 250px auto;
    	    width: 80px;
    	    height: 80px;
        }
        .overlayContent h2
        {
            font-size: 18px;
            font-weight: bold;
            color: #000;
        }
        .overlayContent img
        {
    	    width: 150px;
    	    height: 150px;
        }
         .Login
        {
    	    width: 20%;
    	    left:35%;
    	    top:25%;
    	    position:absolute;
    	    box-shadow: 6px 6px 6px #999;
    	    -webkit-border-radius: 10px;
    	    border-radius: 10px;
            -moz-border-radius:10px; 
            padding:10px;
    	    background: (204,204,204,.5);
        }    
        .Contenido_Pregunta
        {
            box-shadow: 6px 6px 6px #999;-webkit-border-radius: 10px;border-radius: 10px; -moz-border-radius:10px;padding:10px;
            position: fixed;
    	    z-index: 99;
    	    margin-left:32%;
    	    margin-top:250px;
    	    background: (204,204,204,.5);
        }
       .RegU
        {
            position: fixed;
    	    z-index: 99;
    	    width: 1100px;
    	    margin-top:250px;
    	    margin-left:15%;
    	    box-shadow: 6px 6px 6px #999;
    	    -webkit-border-radius: 10px;
    	    border-radius: 10px;
            -moz-border-radius:10px; 
            padding:10px;
        }
        .Bloque_Fondo
        {
    	    position: fixed;
    	    z-index: 98;
    	    top: 0px;
    	    left: 0px;
    	    right: 0px;
    	    bottom: 0px;
    	    background: (204,204,204,.5);
        }
          .Paneles {
          box-shadow: 6px 6px 6px #999;
          -webkit-border-radius: 10px;
          border-radius: 10px;
          -moz-border-radius:10px;
          padding:10px;
          background-color:#F9F9F9;
          width:100%;
    margin-bottom: 0px;
}
      .Cambios 
      {
          position: absolute;
          top:  50px; 
          left: 50px;
          
          }
      
           .Contenido_Pregunta1
        {
            box-shadow: 6px 6px 6px #999;
            -webkit-border-radius: 10px;
            border-radius: 10px; 
            -moz-border-radius:10px;
            padding:20px;
    	    BACKGROUND: yellow;
    	    
        }
          
        
        