/*Permite que el bloque de arriba permanezca flotando en la pantalla para que siempre sea visible
#header {
    position: fixed !important;
    width: 100% !important;
    z-index: 2 !important;
}*/

/*Al hacer el header flotante se le da padding arriba para que no quede debajo del header
#wrapper {
    padding-top: 62px !important;
    height:100% !important;
}*/

body.hide-sidebar{
	background-color: #f1f3f6;
}

#menu {
	background-color: #fff;
}

.has-warning .form-control {
	border-color: #8a6d3b !important;
}

.has-warning .input-group-addon {
	border-color: #8a6d3b !important;
}

.has-warning .btn-group a {
	border-color: #8a6d3b !important;
}
    
#navigation {
    padding-bottom : 24px;
}

@media (max-width: 768px) {
    #hbreadcrumb {
        margin-bottom: 0px !important;
        margin-top: 10px !important;
    }
    
    #titulosEncabezado {
        float : none !important;
    }
    
    .lock-container, .login-container {
  		width: 380px;
    }
}


.contact-panel:hover .panel-body {
  animation-name: none !important;
  -webkit-animation-name: none!important;
}


span.error{
	color: #d29400;
	display: block;
    margin-top: 5px;
    margin-bottom: 10px;
}


/*** Texto justificado responsivo ****/

.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}