/* Edited 29 Jun 2021 09:48:36 AM by Le Duong [1:U:18] */
/* Edited 31 Mar 2021 11:07:46 AM by Susie Karasic [1:U:16] */
/* Edited 31 Mar 2021 10:53:44 AM by Susie Karasic [1:U:16] */
/* Edited 29 Mar 2021 03:39:32 PM by Susie Karasic [1:U:16] */
/* Edited 29 Mar 2021 03:32:34 PM by Susie Karasic [1:U:16] */
/* Edited 29 Mar 2021 03:06:03 PM by Susie Karasic [1:U:16] */
/* Edited 23 Mar 2021 09:51:55 PM by Le Duong [1:U:18] */
/* Edited 23 Mar 2021 04:40:48 PM by Le Duong [1:U:18] */
/* Edited 23 Mar 2021 04:28:00 PM by Le Duong [1:U:18] */
/* Edited 22 Mar 2021 04:44:53 PM by Le Duong [1:U:18] */
/* Edited 18 Mar 2021 10:14:25 PM by Le Duong [1:U:18] */
/* Edited 17 Mar 2021 02:20:06 PM by Le Duong [1:U:18] */
/* Edited 17 Mar 2021 02:02:00 PM by Le Duong [1:U:18] */
/* Edited 17 Mar 2021 11:43:06 AM by Le Duong [1:U:18] */
/* Edited 10 Mar 2021 12:49:17 PM by Eiko Hamada [1:U:50] */
/* Edited 09 Mar 2021 03:58:39 PM by Le Duong [1:U:18] */
/*global css for google tag manager - fire on all sites - LE D. 3/9/21 */
/****************************/
/*class to fix width of myUCLAhealth login widget. LD - 12/21/20*/
#modalLinkModal div.modal-dialog {
  width: 420px;
}
div#onetrust-banner-sdk, div#onetrust-pc-sdk, #onetrust-pc-sdk p {
  font-size: 1.8rem!important;
}
/*START - GLOBAL ACCESSIBILITY CSS FIXES*/
/*underline all text links in the body/subpages*/
.content a, .column-content a {
    text-decoration: underline;
}
/*remove underline for links with BTN class*/
.content a.btn, .column-content a.btn, #accordion .panel-heading a {
    text-decoration: none;
}
/*change button color for btn-action buttons*/
.btn.btn-action {
	color:#4a4a4a;
}
.btn.btn-primary {
color:#fff!important;
}
/*make line-height for paragraph text ADA compliant*/
body p {
line-height: 1.5!important;
}
#container-footer a {
	color: #003B5C!important;
}
#container-utility a {
	color: #005587!important;	
}
ol.breadcrumb a, ol.breadcrumb li {
    color: #000!important;
}
div.container-detail.mdx_physdirectory div.tab-content dd a, div.metalist.multicolumn a, div.metalist.tile a {
    color: #2774ae!important;
}
/*START - LE'S CUSTOM GLOBAL CSS*/
.column-content h3 {padding: 10px 0 10px 0;}
/*START - EIKO'S CUSTOM GLOBAL CSS*/
/* Add Margin Top */
.mt-1 {
    margin-top: 1rem;
}
.mt-2 {
    margin-top: 2rem;
}
.mt-3 {
    margin-top: 3rem;
}
.mt-4 {
    margin-top: 4rem;
}
/* Add Margin Right */
.mr-1 {
    margin-right: 1rem;
}
.mr-2 {
    margin-right: 2rem;
}
.mr-3 {
    margin-right: 3rem;
}
.mr-4 {
    margin-right: 4rem;
}
/* Add Margin Bottom */
.mb-1 {
    margin-bottom: 1rem;
}
.mb-2 {
    margin-bottom: 2rem;
}
.mb-3 {
    margin-bottom: 3rem;
}
.mb-4 {
    margin-bottom: 4rem;
}
/* Add Margin Left */
.ml-1 {
    margin-left: 1rem;
}
.ml-2 {
    margin-left: 2rem;
}
.ml-3 {
    margin-left: 3rem;
}
.ml-4 {
    margin-left: 4rem;
}
/* Add Margin Top and Bottom */
.my-1 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.my-2 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.my-3 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.my-auto {
    margin-top: auto;
    margin-right: auto;
}
/* Add Margin Left and Right */
.mx-1 {
    margin-left: 1rem;
    margin-right: 1rem;
}
.mx-2 {
    margin-left: 2rem;
    margin-right: 2rem;
}
.mx-3 {
    margin-left: 3rem;
    margin-right: 3rem;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
/* Add Margin on 4 sides */
.m-1 {
    margin: 1rem;
}
.m-2 {
    margin: 2rem;
}
.m-3 {
    margin: 3rem;
}
/* Add Padding Top */
.pt-1 {
    padding-top: 1rem;
}
.pt-2 {
    padding-top: 2rem;
}
.pt-3 {
    padding-top: 3rem;
}
/* Add Padding Right */
.pr-1 {
    padding-right: 1rem;
}
.pr-2 {
    padding-right: 2rem;
}
.pr-3 {
    padding-right: 3rem;
}
/* Add Padding Bottom */
.pb-1 {
    padding-bottom: 1rem;
}
.pb-2 {
    padding-bottom: 2rem;
}
.pb-3 {
    padding-bottom: 3rem;
}
/* Add Padding Left */
.pl-1 {
    padding-left: 1rem;
}
.pl-2 {
    padding-left: 2rem;
}
.pl-3 {
    padding-left: 3rem;
}
/* Add Padding on 4 sides */
.p-1 {
    padding: 1rem;
}
.p-2 {
    padding: 2rem;
}
.p-3 {
    padding: 3rem;
}
/* Add Shadow */
.shadow {
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}
/* Add Round Corner */
.rounded {
    border-radius: .5rem;
}
/* Add Background Color */
.ucla-blue {
    background-color: #2774AE;
}
.ucla-gold {
    background-color: #FFD100;
}
.lightest-blue {
    background-color: #C3D7EE;
}
/* Text Color */
.text-white {
   color: #fff;
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    /* Make Columns Same Height */
    .d-flex {
        display: flex;
    }
    .h-100 {
        height: 100%;
    }
}