
body{
   background-color: #f9f9f9;  
    background-image: url("images/040a9c35.png") !important;
    background-repeat: repeat-x repeat-y !important;   
}

legend {  margin-bottom: 10px !important; }

.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: white;
    background-color: #5cb85c;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: white;
    background-color: #f0ad4e;
}



.v-separator
{
    content: "";
    display: inline-block;
    width: 0px;
    height: 12px;
    border-right: 1px solid #fafafa;
    border-left: 1px solid #b4b4b4;
    padding: 0;     
}

/* ---------------------------------------------------------------------- 
Carrousel de imagenes
------------------------------------------------------------------------*/
.slide-image {
    width: 100%;
}

.carousel-holder {
    margin-bottom: 30px;
}

.carousel-control,
.item {
    border-radius: 4px;
}



/* ---------------------------------------------------------------------- 
Areas de texto / parrafo
------------------------------------------------------------------------*/
.thumbnail img {
    width: 100%;
}
.ratings {
    padding-right: 10px;
    padding-left: 10px;
    color: #d17581;
}
.thumbnail {
    padding: 0;
}
.thumbnail .caption-full {
    padding: 9px;
    color: #333;
}
footer {
    margin: 50px 0;
}

/* ---------------------------------------------------------------------- 
Regresar Inicio boton
------------------------------------------------------------------------*/
#btnRegresarIndice {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px;
  border-radius: 5px;
  color: #ffffff;
  background-color: #555;
}

#btnRegresarIndice:hover {
  background-color: #8c8c8c;
}


/* ---------------------------------------------------------------------- 
Espaciado texto
------------------------------------------------------------------------*/
.espacio-parrafo{
    padding-top: 15px;
}

/* ---------------------------------------------------------------------- 
Titulo de ayuda
------------------------------------------------------------------------*/

.bg-titulo-ayuda {
    color: #fff;
    box-shadow: 1px 1px 1px #888888;
    background-color: #3885c8;
    border-color: #3278b5;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 60px;
}
/* ---------------------------------------------------------------------- 
Mensajes para mostrar errores.
------------------------------------------------------------------------*/
.bdv-header{
    width: 100%;
}

.bdv-title{
    width: 100%;
    color: white;
    padding: 0.5% 1%;
    box-shadow: 1px 1px 1px #888888;
    background-color: #3885c8;
    border-color: #3278b5;
    font-size: 13px;
}

.header-left{
    padding-top: 8px; 
    padding-bottom: 8px; 
    padding-left: 1px;
    color: white; 
    font-weight: bold; 
    font-size:13px;        
}

/* ---------------------------------------------------------------------- 
Mensajes para mostrar errores.
------------------------------------------------------------------------*/

.global-msg {
    left: 50%;
    max-width: 500px;
    position: fixed;
    z-index: 1000;
}


.aui-message, .aui-message:first-child {
    margin-bottom: 10px;
}

.aui-message.aui-message {
    padding: 20px 40px 20px 60px;
}

.global-msg .aui-message {
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

aui-message:first-child, .aui-message:first-child {
    margin-top: 0;
}

.aui-message.error, .aui-message-error {
    background: #fff;
    border-color: #d04437;
    color: #333;
}

.aui-message {
    background: #fff;
    border-top: 1px solid #3572b0;
    border-right: 1px solid #3572b0;
    border-bottom: 1px solid #3572b0;
    border-left: 1px solid #3572b0;
    border-radius: 3px;
    color: #333;
    line-height: 20px;
    margin: 20px 0 0 0;
    overflow-wrap: break-word;
    padding-bottom: 20px;
    padding-left: 60px;
    padding-right: 40px;
    padding-top: 20px;
    position: relative;
    word-wrap: break-word;
    word-break: break-word;
}


.aui-message p.title {
    font-weight: bold;
}

p:first-child, ul:first-child, ol:first-child, dl:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, blockquote:first-child, pre:first-child, form.aui:first-child, table.aui:first-child, .aui-tabs:first-child, .aui-panel:first-child, .aui-group:first-child {
    margin-top: 0;
}

p, ul, ol, dl, h1, h2, h3, h4, h5, h6, blockquote, pre, form.aui, table.aui, .aui-tabs, .aui-panel, .aui-group {
    margin: 10px 0 0 0;
}

html, body, p, div, h1, h2, h3, h4, h5, h6, img, pre, form, fieldset {
    margin: 0;
    padding: 0;
}


.aui-message.closeable:hover .icon-close, .aui-message.closeable .icon-close:focus, .aui-message.closeable:not(.fadeout):not(.aui-will-close) .icon-close {
    opacity: 1;
}

.aui-message.closeable .icon-close {
    cursor: pointer;
    left: auto;
    opacity: 0;
    position: absolute;
    right: 20px;
    top: 20px;
}

.aui-message .aui-icon.icon-close {
    background-image: none;
    color: #707070;
    text-indent: inherit;
}

.aui-message .icon-close, .aui-icon-close {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAOUlEQ…gCECEMHqYSdGlMJZjSCCWo0oQVELaCsCMJe5NwQBEOasoBAGP2Kx0Yi3q/AAAAAElFTkSuQmCC);
}

.aui-icon {
    background-repeat: no-repeat;
    background-position: 0 0;
    border: none;
    display: inline-block;
    height: 16px;
    margin: 0;
    padding: 0;
    text-align: left;
    text-indent: -999em;
    vertical-align: text-bottom;
    width: 16px;
}

.aui-message .icon-close,
.aui-icon-close {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAOUlEQVR4AWOgGogCQjQ+KrcfCKMw+MgCECEMHqYSdGlMJZjSCCWo0oQVELaCsCMJe5NwQBEOasoBAGP2Kx0Yi3q/AAAAAElFTkSuQmCC')
}
.aui-message .icon-close-inverted,
.aui-message.error .icon-close,
.aui-icon-close-inverted {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAOklEQVR4AWOgFvi/4P8CdD4qFwQWYPCRBSBCGDxMJejSmEowpRFKUKUJKyBsBWFHEvYm4YAiHNSUAwDHH6hxrraMqwAAAABJRU5ErkJggg==')
}


aui-message {
    display: block;
    margin: 20px 0 0 0
}
.aui-message {
    background: #fff;
    border-top: 1px solid #3572b0;
    border-right: 1px solid #3572b0;
    border-bottom: 1px solid #3572b0;
    border-left: 1px solid #3572b0;
    border-radius: 3px;
    color: #333;
    line-height: 20px;
    margin: 20px 0 0 0;
    overflow-wrap: break-word;
    padding-bottom: 20px;
    padding-left: 60px;
    padding-right: 40px;
    padding-top: 20px;
    position: relative;
    word-wrap: break-word;
    word-break: break-word;
}
.aui-message:before {
    background-color: #3572b0;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 40px
}
.aui-message:after {
    color: #fff;
    font-family: FontAwesome;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    left: 12px;
    line-height: 1;
    margin-top: -8px;
    position: absolute;
    speak: none;
    top: 50%;
 
}
.aui-message:after {
    content: "\f16f";
    color: #fff
}
.aui-message:before {
    background-color: #3572b0
}


.aui-message .aui-icon-success,
.aui-message .aui-icon-warning,
.aui-message .aui-icon-info,
.aui-message .aui-icon-error,
.aui-message .aui-icon-hint,
.aui-message .aui-icon-generic,
.aui-message .icon-generic,
.aui-message .icon-error,
.aui-message .icon-hint,
.aui-message .icon-info,
.aui-message .icon-success,
.aui-message .icon-warning {
    display: none
}
aui-message:first-child,
.aui-message:first-child {
    margin-top: 0
}
.aui-popup .aui-message.closeable,
.aui-dialog .aui-message.closeable {
    z-index: 4000
}
.aui-message.error,
.aui-message-error {
    background: #fff;
    border-color: #d04437;
    color: #333;
}
.aui-message.error:after,
.aui-message-error:after {
     content: "\f00d";
    color: #fff;
}
.aui-message.error:before,
.aui-message-error:before {
    background-color: #d04437
}
.aui-message.warning,
.aui-message-warning {
    background: #fff;
    border-color: #f6c342;
    color: #333;
}
.aui-message.warning:after,
.aui-message-warning:after {
    content: "\f071";
    color: #fff;
}
.aui-message.warning:before,
.aui-message-warning:before {
    background-color: #f6c342
}
.aui-message.hint,
.aui-message-hint,
.aui-message.info,
.aui-message-info {
    background: #fff;
    border-color: #3572b0;
    color: #333;
}
.aui-message.hint:after,
.aui-message-hint:after,
.aui-message.info:after,
.aui-message-info:after {
    content: "\f129";
    color: #fff;
}
.aui-message.hint:before,
.aui-message-hint:before,
.aui-message.info:before,
.aui-message-info:before {
    background-color: #3572b0
}
.aui-message.success,
.aui-message-success {
    background: #fff;
    border-color: #8eb021;
    color: #333;
}
.aui-message.success:after,
.aui-message-success:after {
    content: "\f00c";
    color: #fff;
}
.aui-message.success:before,
.aui-message-success:before {
    background-color: #8eb021
}
.aui-message p.title {
    font-weight: bold
}
.aui-message p.title strong {
    font-weight: inherit
}
.aui-message.closeable .icon-close {
    cursor: pointer;
    left: auto;
    opacity: 0;
    position: absolute;
    right: 20px;
    top: 20px
}
.aui-message.closeable:hover .icon-close,
.aui-message.closeable .icon-close:focus,
.aui-message.closeable:not(.fadeout):not(.aui-will-close) .icon-close {
    opacity: 1
}

/* ---------------------------------------------------------------------- 
Cambiar los input files
------------------------------------------------------------------------*/
input[type="file"] {
    display: none;
}
.custom-file-upload {
  color: #717171;
  border-style: dashed;
  border-color: #ccc;
  width: 100%;
  text-align: center;
  border-width: thin;  
  padding: 10px
}
/* ---------------------------------------------------------------------- 
Leyendas  para mostrar indicador de riesgo o analizado
------------------------------------------------------------------------*/

.well-leyendas {
    min-height: 20px;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    margin-bottom: 5px;
    background-color: #ffffff;
    /*border: 1px solid #e3e3e3;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); */
}


/* ---------------------------------------------------------------------- 
Para mostrar informacion 
------------------------------------------------------------------------*/
.form-control-static-info {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 29px;
  border-bottom: 1px dotted #a19898;

  
}

/* ---------------------------------------------------------------------- 
Wizard step
------------------------------------------------------------------------*/

.board{
    width: 100%;
    /*box-shadow: 10px 10px #ccc,-10px 20px #ddd;*/
}
.board .nav-tabs {
    position: relative;
    /* border-bottom: 0; */
    /* width: 80%; */
    margin-bottom: 0;
    box-sizing: border-box;

}

.board > div.board-inner{
  background-color: #f3f6f9;
}

p.narrow{
    width: 60%;
    margin: 10px auto;
}

.liner{
    height: 2px;
    background: #ddd;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    /* background-color: #ffffff; */
    border: 0;
    border-bottom-color: transparent;
}

span.round-tabs{
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: white;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}

span.round-tabs.one{
    color: #0069a0;border: 2px solid rgb(34, 194, 34);
}

li.active span.round-tabs.one{
    background: #fff !important;
    border: 2px solid #11a136;
    color: rgb(34, 194, 34);
}

span.round-tabs.two{
    color: #febe29;border: 2px solid #febe29;
}

li.active span.round-tabs.two{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #febe29;
}

span.round-tabs.three{
    color: #3e5e9a;border: 2px solid #3e5e9a;
}

li.active span.round-tabs.three{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #3e5e9a;
}

span.round-tabs.four{
    color: #f1685e;border: 2px solid #f1685e;
}

li.active span.round-tabs.four{
    background: #fff !important;
    /*border: 2px solid #ddd;*/
    color: #f1685e;
}

span.round-tabs.five{
    color: #999;border: 2px solid #999;
}

li.active span.round-tabs.five{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #999;
}

.nav-tabs > li.active > a span.round-tabs{
    background: #fafafa;
}
.nav-tabs > li {
    width: 20%;
}

li:after {
    content: " ";
    position: absolute;
    left: 45%;
   opacity:0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #ddd;
    transition:0.1s ease-in-out;
    
}

.nav-tabs > li a{
   width: 70px;
   height: 70px;
   margin: 5px auto;
   border-radius: 100%;
   padding: 0;
}

.nav-tabs > li a:hover{
    background: transparent;
}

.tab-content{
}
.tab-pane{
   position: relative;
padding-top: 25px;
}
.tab-content .head{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.btn-outline-rounded{
    padding: 10px 40px;
    margin: 20px 0;
    border: 2px solid transparent;
    border-radius: 25px;
}

.btn.green{
    background-color:#5cb85c;
    /*border: 2px solid #5cb85c;*/
    color: #ffffff;
}



@media( max-width : 585px ){
    
    .board {
width: 90%;
height:auto !important;
}
    span.round-tabs {
        font-size:16px;
width: 50px;
height: 50px;
line-height: 50px;
    }
    .tab-content .head{
        font-size:20px;
        }
    .nav-tabs > li a {
width: 50px;
height: 50px;
line-height:50px;
}

li.active:after {
content: " ";
position: absolute;
left: 35%;
}

.btn-outline-rounded {
    padding:12px 20px;
    }
}



/* ---------------------------------------------------------------------- 
Angular animate
------------------------------------------------------------------------*/




#preloader_1{
    position:relative;
}
#preloader_1 span{
    display:block;
    bottom:0px;
    width: 9px;
    height: 5px;
    background:#9b59b6;
    position:absolute;
    animation: preloader_1 1.5s  infinite ease-in-out;
}

#preloader_1 span:nth-child(2){
left:11px;
animation-delay: .2s;

}
#preloader_1 span:nth-child(3){
left:22px;
animation-delay: .4s;
}
#preloader_1 span:nth-child(4){
left:33px;
animation-delay: .6s;
}
#preloader_1 span:nth-child(5){
left:44px;
animation-delay: .8s;
}
@keyframes preloader_1 {
    0% {height:5px;transform:translateY(0px);background:#9b59b6;}
    25% {height:30px;transform:translateY(15px);background:#3498db;}
    50% {height:5px;transform:translateY(0px);background:#9b59b6;}
    100% {height:5px;transform:translateY(0px);background:#9b59b6;}
}


/* ------------- label para indicar valores de riesgo o analizado ------------------- */

.notice {
    padding-top:  10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #fafafa;
    border-left: 6px solid #7f7f84;
    border-bottom: 1px solid #e7e7e7 !important;
    border-right: 1px solid #e7e7e7 !important;
    
    /*margin-bottom: 10px;*/
    /*
    -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
       -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
            box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
            */
}
.notice-sm {
    padding: 10px;
    font-size: 80%;
}
.notice-lg {
    padding: 35px;
    font-size: large;
}
.notice-valor_historico>strong {
    color: white;
}
.notice-success {
    border-color: #337ab7;
}
.notice-success>strong {
    color: #80D651;
}
.notice-info {
    border-color: #45ABCD;
}
.notice-info>strong {
    color: #45ABCD;
}
.notice-warning {
    border-color: #FEAF20;
}
.notice-warning>strong {
    color: #FEAF20;
}
.notice-danger {
    border-color: #d73814;
}
.notice-danger>strong {
    color: #d73814;
}

/* ------------- correccion has error ------------------- */
.has-error .input-group .form-control {
    color: #a94442;
    border-color: #a94442;
}

/* ------------- aplicado a labels ------------------- */
.full-width {
    display:block;
}

/*  ------ Indicador tabla valor analizado ---- */
.table > thead > tr > td.background-va,
.table > tbody > tr > td.background-va,
.table > tfoot > tr > td.background-va,
.table > thead > tr > th.background-va,
.table > tbody > tr > th.background-va,
.table > tfoot > tr > th.background-va,
.table > thead > tr.background-va > td,
.table > tbody > tr.background-va > td,
.table > tfoot > tr.background-va > td,
.table > thead > tr.background-va > th,
.table > tbody > tr.background-va > th,
.table > tfoot > tr.background-va > th,
.background-va {
    background-color: #35ade6;
}
    
/*  ------ Indicador tabla valor riesgo ---- */
.table > thead > tr > td.background-vr,
.table > tbody > tr > td.background-vr,
.table > tfoot > tr > td.background-vr,
.table > thead > tr > th.background-vr,
.table > tbody > tr > th.background-vr,
.table > tfoot > tr > th.background-vr,
.table > thead > tr.background-vr > td,
.table > tbody > tr.background-vr > td,
.table > tfoot > tr.background-vr > td,
.table > thead > tr.background-vr > th,
.table > tbody > tr.background-vr > th,
.table > tfoot > tr.background-vr > th,
.background-vr {
    background-color: #ff2a12;
}

.color-va {
    color: #35ade6;
}

.color-vr {
    color: #ff2a12;
}

/* ------ Tablas -------*/
.custab{
    border: 1px solid #ccc;
    padding: 5px;

   /* box-shadow: 3px 3px 2px #ccc;
    transition: 0.5s; */
    }
.custab:hover{
    box-shadow: 3px 3px 0px transparent;
    transition: 0.5s;
    }

/* ------ chosen -------*/

.chosen-container-single .chosen-single {
     height: 28px !important;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: 24px !important;
}


/* ------ Radio Bottons -------*/

.btn span.glyphicon {
    opacity: 0;
}
.btn.active span.glyphicon {
    opacity: 1;
}

/* ------ espaciadores  -------*/
.spacer5 { height: 5px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer10 { height: 10px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer15 { height: 15px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer20 { height: 20px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer25 { height: 25px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer30 { height: 30px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer35 { height: 35px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer40 { height: 40px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer45 { height: 45px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer50 { height: 50px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer100 { height: 100px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer200 { height: 200px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }





/* ------ Bottons con icono y etiqueta -------*/
.btn-label {position: relative;left: -12px;display: inline-block;padding: 6px 12px;background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;}
.btn-labeled {padding-top: 0;padding-bottom: 0;}
/*.btn { margin-bottom:10px; }*/


/* -------Spinner en input ------------------ */

.stylish-input-group .input-group-addon{
  background: white;
  /*background-color: #eeeeee ; opacity: 1 ;*/
}
.stylish-input-group .form-control{
    border-right:0;
    box-shadow:0 0 0;
    border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* HEADER PARA PANEL SAT */
.panel-sat > .panel-heading {
    color: #ffffff;
    background-color: #3572b0;
}

/* Tooltip personalizado */
.tooltip-sat {
    position: relative;
    display: inline-block;
}

.tooltip-sat .tooltiptext-sat {
    visibility: hidden;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
}

.tooltip-sat-top {
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
}

.tooltip-sat-bottom {
    top: 125%;
    left: 50%;
    margin-left: -60px;
}

.tooltip-sat:hover .tooltiptext-sat {
    visibility: visible;
}

