@charset "utf-8";
/* UTRGV IT Information Technology TeamDynamix Styles */

/*Fix accessibility issue on every page list items */
/*Interactive element does not meet minimum size nor spacing*/
.ModuleContent li
 {
    line-height: 28px !important;
}
 

  /*  Test of search box styles */
  
  .ModuleContent .site-search .form-control {
    box-shadow: none !important;
    padding-bottom: 0.5rem !important;
    color: #000 !important;
    /*font-size: large !important;*/
    /*height: 2em !important;*/
     /*display: none;*/
}


/* Fix top margin pushed down from styles module moved to start of page */
 .gutter-top {
	 margin-top: 15px;
	 margin-top: 0px !important;
}
/* Media Queries */

/*Hide search box on desktop view */
 @media only screen and (min-width: 770px) {
     
    .ModuleContent .site-search .form-control {
        display: none;
    }
    
    .ModuleContent .site-search .input-group-btn {
        display: none;
    }
     
 
     
 }


/* Large devices (laptops/desktops, 992px and up) */
 @media only screen and (min-width: 992px) {
     #10034551 {
         display: none;
     }
 
}
/* Small devices (portrait tablets and large phones, 600px and up) */
 @media only screen and (min-width: 601px) and (max-width: 991px) {
	 .xdesktop img {
		/*border-bottom: 4px blue solid;
		*/
		 max-width: fit-content;
	}
}
 @media only screen and (min-width: 500px) and (max-width: 600px) {
	 .xdesktop img {
		/*border-bottom: 4px green solid;
		*/
		 max-width: fit-content;
	}
}
/* Extra small devices (phones, 500px and down) */
 @media only screen and (max-width: 499px) {
	 .quick-links-horizontal .service {
		 min-height: initial;
	}
	 .xdesktop img {
		/*border-bottom: 4px gray solid;
		*/
		 height: 70px;
		 max-width: none;
	}
	 .quick-links-horizontal .fa-regular, .quick-links-horizontal .fa-solid, .quick-links-horizontal .fa, .quick-links-horizontal .fas {
		 font-size: x-large !important;
		 display: inline !important;
	}
	 .quick-links-horizontal .service a {
		 min-height: 59px !important;
		 padding-top: 14px;
	}
	 .quick-links-horizontal .service {
		 min-height: 55px !important;
	}
}
 .float-right {
	 float: right;
}
/* System Status responsive iframe */
 .responsive-container {
	 position: relative;
	 overflow: hidden;
	 width: 100%;
	 padding-top: 56.25%;
	 min-height: 206px;
}
 .responsive-iframe {
	 position: absolute;
	 top: 0;
	 left: 0;
	 bottom: 0;
	 right: 0;
	 width: 100%;
	 height: 100%;
	 border: none;
}
 h3.panel-title {
	 font-weight: bold;
}
 .sevice:hover {
	 border: 1px solid #706e6e;
}
/* Bolder active menu link */
 .themed.tdbar-button.active, .themed.tdbar-button-anchored.active, .themed.tdbar-button-anchored.active a {
	 font-weight: 800 !important;
}
 .navbar-default .navbar-nav>.active>a {
	 font-weight: 800 !important;
}
/*Chat Bot - Darken background color to match menu orange */
 div.ivy-main .ivy-bchat .ivy-chat-header, div.ivy-main .ivy-bchat .ivy-bot-btn {
	 color: #fff;
	 background-color: #cd451f;
}
 .disclosure-btn {
	 display: block;
	 /*margin: 4px;*/
	 margin-top: 4px;
	 margin-bottom: 4px;
	 padding: 6px 16px;
	 width: 97%;
	 font-size: 18px;
	 line-height: 1.3333333;
	 background-color: #014980 !important;
	 color: white !important;
	 border-radius: 6px;
	 text-align: left;
}
 .disclosure-btn:hover, .disclosure-btn:focus {
	 background-color: #0163ae !important;
}
/*Inverted*/
button.disclosure-btn.inverted{
    font-weight: bold;
    color: #014980 !important;
    background-color: whitesmoke !important;
    border: 2px solid black;
    box-shadow: 2px solid black;
}
button.disclosure-btn.inverted:hover, button.disclosure-btn.inverted:focus{
	 background-color: #0163ae !important;
	 color: white !important;
}
/*Green*/
 button.disclosure-btn.green {
	 background-color: #00701f !important;
	 color: white !important;
}
 button.disclosure-btn.green:hover, button.disclosure-btn.green:focus {
	 background-color: #048828 !important;
	 color: white !important;
}
 .resources {
	 margin: 0 auto;
	/*width: 13em;
	*/
	 width: 93%;
}
 .resources a {
	 line-height: 2em;
}
 p.short-line-top {
	 margin-bottom: -8px !important;
}
 .youtube-video-container {
	 position: relative;
	 overflow: hidden;
	 width: 100%;
}
 .youtube-video-container::after {
	 display: block;
	 content: "";
	 padding-top: 56.25%;
}
 .youtube-video-container iframe {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}
/* horizontal test styles */
 .quick-links-horizontal {
	 text-align: center;
	 font-size: 1.2em;
	 font-weight: bold;
}
 .quick-links-horizontal .fa-regular, .quick-links-horizontal .fa-solid, .quick-links-horizontal .fa, .quick-links-horizontal .fas {
	 font-size: xxx-large;
	 text-align: center;
	 display: block;
	 padding-top: 13px;
}
 .quick-links-horizontal .service {
	 padding: 4px;
	 min-height: 115px;
	 cursor: pointer;
	 align-items: center;
	 justify-content: center;
	 flex-direction: column;
	 text-align: center;
	 display: flex;
}
 .quick-links-horizontal .service:hover {
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	 */
	/*color: #000000;
	 */
	/*border: 1px solid #dddddd;
	 */
}
 .quick-links-horizontal .service a{
	 width: 100%;
	 background: #fafafa;
	 min-height: 100px;
	 border: 1px solid #7b7b7b;
}
 .quick-links-horizontal .service a:hover, .quick-links-horizontal .service a:focus{
	 background: #306090;
	 color: #ffffff;
}
 .h-rule {
	 margin-bottom: 5px;
}



/*  TDX Medicine update for button links hover styles  */

ul.quick-links-horizontal li a {
  text-decoration: none;  
  transition: all 0.2s ease-in-out;
  
  font-size: small;
}

ul.quick-links-horizontal li a:hover,
ul.quick-links-horizontal li a:focus {
  text-decoration: underline;   
  /*background-color: #e6f0ff;   */
  /*outline: 2px solid #005fcc;  */
  /*outline-offset: 4px;*/
  background: #306090 !important;
    color: #ffffff !important;
  
}






/* Ask COLTT Bullet Anchor List to fix Interactive element does not meet minimum size nor spacing - Elements should be at least 24 by 24 pixels */

/* Scope to the module */
[id="10054574"] .ModuleContent {
  overflow: visible; /* ensure bigger targets aren't clipped */
}

/* Normalize lists */
[id="10054574"] .ModuleContent ul {
  list-style: disc;
  padding-left: 1.25rem;
  margin: 0 0 0.5rem 0;
}

/* Each link is a full-row, comfortable target (AA: 24px minimum) */
[id="10054574"] .ModuleContent a {
  display: block;                /* full row is clickable */
  padding: 6px 10px;             /* adds height + horizontal comfort */
  min-height: 24px;              /* AA target size (minimum) */
  line-height: 1.35;
  border-radius: 4px;
  color: #004a8f;                /* adjust to your brand if needed */
  text-decoration: none;
  background: transparent;
}

/* Optional spacing between items (not required for size method, but improves readability) */
[id="10054574"] .ModuleContent li {
  margin: 0 0 6px 0;             /* small gap between rows */
}

/* States */
[id="10054574"] .ModuleContent a:hover {
  background: #f4f6f8;
  text-decoration: underline;
}

[id="10054574"] .ModuleContent a:active {
  background: #e8edf2;
}

/* Accessible, visible keyboard focus */
[id="10054574"] .ModuleContent a:focus-visible {
  outline: 3px solid #1a73e8;
  outline-offset: 2px;
  background: #eef6ff;
  text-decoration: underline;
}

/* Optional: replace the inline border/padding in your inner div */
[id="10054574"] .ModuleContent > div > div {
  padding: 0 15px 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
}