/* TTUHSC Styles for CAS v6.5.x using Bootstrap v5.1.x */

/* cas.css override */

body {
    height: 100%;
    background: url('/cas/images/bg-ttuhsc.jpeg') no-repeat center center fixed;
    background-size: cover;
    overflow: auto !important;
	
}

a, a:visited, .btn-link, .btn-link:visited { 
    color: #000000;
}

a:hover, a:active, .btn-link:hover, .btn-link:active {
    color: #dd0000;
    text-decoration: underline;
}

.container {
    max-width: 1140px;
}

/* TTUHSC specific theme updates */
.ttuhsc-header-container {
    height: 120px;
}

.ttuhsc-navbar {
    background-color: white;
    padding: 0.75rem 0;
}

.ttuhsc-navbar .ttuhsc-logo {
    height: 100px;
}

.ttuhsc-login-header {
    padding-top: 1em;
}

.ttuhsc-login-header h1 {
    text-align: center;
    font-size: 1.5em;
}

.ttuhsc-login-container {
    padding-top: 1rem;
    background-color: #efefef;
    border-radius: .25rem;
    border-color: #eeeeee;
    font-family: 'Helvetica Neue', Helvetica, Arial and Sans-serif;
}

.ttuhsc-login-container h2 {
    margin-bottom: 20px;
    padding-bottom: 6px;
    color: #333333;
    border-bottom: 1px solid #DDDDDD;
    font-size:1.2em;
    font-weight: 400;
}

.ttuhsc-login-container .alert p {
    margin-bottom: 0;
}

.clear-container {
    margin-left: 20px;
    padding: 5px 0 5px 15px;
    border-left: 1px solid #cccccc;
}

.btn-ttuhsc, a.btn-ttuhsc {
    color: #fff; 
    background-color: #cc0000;
    border-color: #cc0000;
}

.btn-ttuhsc:hover, .btn-ttuhsc:focus, .btn-ttuhsc:active, .btn-ttuhsc.active, 
a.btn-ttuhsc:hover, a.btn-ttuhsc:focus, a.btn-ttuhsc:active, a.btn-ttuhsc.active {
    color: #fff;
    background-color: #990000;
    border-color: #990000;
}

.ttuhsc-pmlinks {
    margin-top: 2rem;
}

.ttuhsc-pmlinks > p {
    margin-bottom: .25rem;
}

.ttuhsc-sidebar {
    margin-top: 3rem;
    font-size: .9em;
}

.ttuhsc-footer-container {
    color: #ffffff;
    font-size: 0.85em;
}

.copyright-container {
    padding: 1.5em 0;
    background-color: #cc0000;
}

.ttuhsc-footer-container .copyright-container a {
    color: #ffffff;
}

.ttuhsc-footer-container .copyright-container a:hover, 
.ttuhsc-footer-container .copyright-container a:focus, 
.ttuhsc-footer-container .copyright-container a:active {
    color: #ffffff;
    text-decoration: underline;
}

.copyright-container ul {
    margin: 10px 0;
    padding: 0;
}

.copyright-container ul li {
    display: inline;
    list-style-type: none;;
}

.copyright-container li:after {
    content: " |";
}

.copyright-container li:last-child:after {
    content: " ";
}

.contact-container, .footerinfo-container {
    background-color: #000000;
}

.contact-container {
    padding: 1.5em 0;
}

.footerinfo-container {
    padding-top: .5em;
    padding-bottom: 2em;
}

.contact-container address {
    margin-bottom: 0;
    color: #ffffff;
}

.contact-container a {
    color: #ffffff;
    text-decoration: none;
}

.contact-container a:hover, 
.contact-container a:focus, 
.contact-container a:active {
    color: #ffffff;
    text-decoration: none;
}

.logout-container, .error-container {
    margin-top: 1.5em;
    margin-bottom: 5em;
}

.logout-container .text-success {
    color: #186329 !important;
}

.error-container .card-header {
    background-color: #cc0000;
    color: #ffffff;
    border-bottom: 1px solid #cc0000;
}

.error-container .card-header h5, .logout-container .card-header h5 {
    margin-bottom: 0;
}

.code-block {
    padding: 0 1em;
}

.mdc-drawer-app-content {
	background: #ffffff;
	overflow: unset !important;
}

/* body {
	overflow: auto  !important;
}
 */
div#content {
	box-shadow: none !important;
	background-color: transparent !important;
}


.ttuhsc-login-header h1 {
	display: none;
}

input[type="text"],
input[type="password"] {
    padding: 10px 15px;
    width: 90% !important;
    max-width: 400px;
    box-sizing: border-box;
    border-radius: 5px;
    margin-bottom: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

label[for="username"], 
label[for="password"] {
    display: block;
    width: 90%;
    max-width: 400px;
    margin: 0 auto 5px auto;
    text-align: left;
}

.ttuhsc-login-container h2 {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding-left: 15px;
}

.ttuhsc-login-container .form-actions,
.ttuhsc-pmlinks {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
}

.ttuhsc-login-container .form-group.buttons {
    max-width: 400px;
    margin: 0 auto 1rem auto;
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
    padding-left: 15px;
}

.ttuhsc-login-container form .btn,
.ttuhsc-login-container form .clear-container {
    margin-left: 75px;
}

.ttuhsc-login-container form hr {
    max-width: 400px;
    margin: 2rem auto 1rem auto;
}

.logout-container,
.logout-container p,
.logout-container span,
.logout-container div {
    color: #ffffff !important;
}

div#content > div:not(.ttuhsc-login-container) {
    color: #ffffff !important;
}

.ttuhsc-login-container label {
    color: #333333 !important;  /* o el color que prefieras */
}


/* ===== ESTILOS PARA LA VISTA DE LOGOUT ===== */

.logout-container {
    background-color: #ffffff !important;
    color: #000000 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    border-radius: 6px;
	margin-top: 14rem !important; /* puedes ajustar el valor según lo que necesites */
}

.logout-container a {
    color: #cc0000 !important;
    text-decoration: underline !important;
}

.logout-container .card-header {
    background-color: #f8f9fa !important;
    color: #000000 !important;
    border-bottom: 1px solid #dee2e6;
}

.logout-container .card-body {
    color: #000000 !important;
}

.logout-container .card-body * {
    color: #000000 !important;
}


body[data-view="casPostResponseView"] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

body[data-view="casPostResponseView"] main {
    flex: 1 0 auto;
}

body[data-view="casPostResponseView"] footer,
body[data-view="casPostResponseView"] .copyright-container {
    margin-top: auto;
}

.ttuhsc-sidebar p,
.ttuhsc-sidebar a {
    color: #ffffff !important;
    text-shadow: 1px 1px 2px black !important;
    font-weight: 500;
} 

#servicedesc strong {
    display: none !important;
}