#header-main-section { background-color: #00203E; color: #cccccc; } /* GUVER This style is a custom.change :: blackishBlue/Greyish ??? */
.institutionalBranding { background-size: 150px; background-image: url("https://www.gonzaga.edu/ui/images/logo-public.png"); width: 20em; }
#toolsButton { display: none; } /* SWS.page developer decided to block this page.element --- Do we want to look at this? */
#banner_x_MenuDiv { display: none; } /* By PAGE.BUILDER defaults these are ENABLED -- but SWS.PAGES developer decided to BLOCK all of them */
#user_x_Div { display: none; } /* renamed these with "_x" between "#user" and "_Div" */
#user_x_name { display: none; } /* ditto */
#signIn_x_Button { display: none; } /* ditto */
.pb-block-label,.pb-label { color: #00203E; } /* blackishBlue */
.pb-label { padding-left: 10px; } /* Assumes that CUSTOM [ class="pb-label" ] has a 10px padding on the left --- diff from Page
.pb-recxord-control { margin: 10px 15px; } /* Assumes record-controls have a 10px-top-bottom margin with 15px-left-rite margin between record con
input.pb-grid { height: 100%; }
/* horizontal layout */
.gonzaga-row:after { content: ""; display: table; clear: both; }
.gonzaga-horizontal { float: left; padding: 0px 5px 0px 0px; }
.gonzaga-horizontal-10 { float: left; width: 10%; padding: 0px 5px; }
.gonzaga-horizontal-20 { float: left; width: 20%; padding: 0px 5px; }
.gonzaga-horizontal-25 { float: left; width: 25%; padding: 0px 5px; }
.gonzaga-horizontal-30 { float: left; width: 30%; padding: 0px 5px; }
.gonzaga-horizontal-40 { float: left; width: 40%; padding: 0px 5px; }
.gonzaga-horizontal-50 { float: left; width: 50%; padding: 0px 5px; }
.gonzaga-horizontal-60 { float: left; width: 60%; padding: 0px 5px; }
.gonzaga-horizontal-70 { float: left; width: 70%; padding: 0px 5px; }
.gonzaga-horizontal-80 { float: left; width: 80%; padding: 0px 5px; }
.gonzaga-horizontal-90 { float: left; width: 90%; padding: 0px 5px; }
.gonzaga-bottom-10px { margin-bottom:10px }
/* column widths */
/* column widths */
.gonzaga-25px { width:25px }
.gonzaga-50px { width:50px }
.gonzaga-75px { width:75px }
.gonzaga-75px { width:75px }
.gonzaga-80px { width:80px; }
.gonzaga-90px { width:90px; }
.gonzaga-100px { width:100px; }
.gonzaga-120px { width:120px }
.gonzaga-130px { width:130px }
.gonzaga-150px { width:150px; }
.gonzaga-140px { width:140px; }
.gonzaga-160px { width:160px }
.gonzaga-170px { width:170px }
.gonzaga-180px { width:180px }
.gonzaga-190px { width:190px }
.gonzaga-200px { width:200px; }
.gonzaga-240px { width:240px }
.gonzaga-250px { width:250px; }
.gonzaga-300px { width:300px; }
.gonzaga-325px { width:325px; }
.gonzaga-350px { width:350px; }
.gonzaga-360px { width:360px; }
.gonzaga-375px { width:375px; }
.gonzaga-400px { width:400px; }
.gonzaga-425px { width:425px; }
.gonzaga-450px { width:450px; }
.gonzaga-500px { width:500px; }
.gonzaga-550px { width:550px; }
.gonzaga-600px { width:600px; }
.gonzaga-650px { width:650px; }
.gonzaga-700px { width:700px; }
.gonzaga-800px { width:800px; }
.gonzaga-960px { width:960px; }
/* label widths */
.gonzaga-label-10p label { width: 10%; }
.gonzaga-label-20p label { width: 20%; }
.gonzaga-label-30p label { width: 30%; }
.gonzaga-label-35p label { width: 35%; }
.gonzaga-label-40p label { width: 40%; }
.gonzaga-label-50p label { width: 50%; }
.gonzaga-label-60p label { width: 60%; }
.gonzaga-label-70p label { width: 70%; }
.gonzaga-label-80p label { width: 80%; }
.gonzaga-label-90p label { width: 90%; }
.gonzaga-label-50 label { width: 50px; }
.gonzaga-label-100 label { width: 100px; }
.gonzaga-label-150 label { width: 150px; }
.gonzaga-label-200 label { width: 200px; }
.gonzaga-label-250 label { width: 250px; }
/* html table styling */
.gonzaga-html-colhdr { color:white; background-color:#2F4F4F; padding-left:5px; padding-right:5px; }
.gonzaga-html-hdr { color:white; background-color:#2F4F4F; padding-left:5px; padding-right:5px; }
.html-bg { background-color:#E5E4E2}
.gonzaga-bold { font-weight: 415; font-size:15px}
.gonzaga-border-none { border: 0px; }
.gonzaga-padding-3px { padding: 3px; }
.gonzaga-padding-5px { padding: 5px; }
.gonzaga-margin-top-20px { margin-top: 20px; }
.gonzaga-margin-10px { margin: 10px }
.gu-pad-left-5px { padding-left:5px; }
.gu-pad-left-10px { padding-left:10px; }
.gu-pad-left-15px { padding-left:15px; }
.gu-pad-left-20px { padding-left:20px; }
.gu-pad-left-25px { padding-left:25px; }
.gu-pad-left-30px { padding-left:30px; }
.gu-pad-left-35px { padding-left:35px; }
.gu-pad-left-40px { padding-left:40px; }
.gu-pad-left-45px { padding-left:45px; }
.gu-pad-left-50px { padding-left:50px; }
.gu-pad-left-55px { padding-left:55px; }
.gu-pad-left-60px { padding-left:60px; }
.gu-pad-left-65px { padding-left:65px; }
.gu-mrgleft-5px {margin-left:5px}
.gu-mrgleft-10px {margin-left:10px}
.gu-mrgleft-15px {margin-left:15px}
.gu-mrgleft-20px {margin-left:20px}
.gu-mrgleft-25px {margin-left:25px}
.gu-mrgtop-5px {margin-top:5px}
.gu-mrgtop-10px {margin-top:10px}
.gu-mrgtop-15px {margin-top:15px}
.gu-mrgtop-20px {margin-top:20px}
.gu-mrgbot-5px {margin-bottom:5px}
.gu-mrgbot-10px {margin-bottom:10px}
.gu-mrgbot-15px {margin-bottom:15px}
.gu-mrgbot-20px {margin-bottom:20px}
.gonzaga-status
{
text-align: center; font-weight: bold;
color: #FFFFFF;
background-color: #006E9F !important;
display: inline-block; width: 100px;
border: 1px solid #2a6496;
border-radius:5px;
margin: 5px; padding: 2px ;
}
.gtooltip {
position: relative;
background-color: white;
color: black;
display: inline-block;
border: 0;
}
.gtooltip .gtooltiptext {
visibility: hidden;
/* width: 800px; */ /* WIDTH */
/* font-size:11pt; */ /* FONT-SIZE */
background-color: #f1f1f1;
color: black;
text-align: justify;
border-radius: 3px;
border:1px solid gray;
/* Position the tooltip */
position: absolute;
margin-left:25px;
margin-top:-25px;
padding: 5px;
z-index: 1;
}
.gtooltip:hover .gtooltiptext {
visibility: visible;
}
span.gonzaga-currency::before { content:'$'; }
gonzaga-currency-disp span ::before { content:'$'; }
.release_column { margin: 0px 10px 0px 10px; }
.release_header { margin: 0px 10px 0px 10px; text-align:center; }
.release_header_field { margin: 0px 10px 0px 10px; text-align:center; }
.release_input { margin: 0px 0px 0px 25px; text-align:center; }
.release_input_header { margin: 0px 0px 0px 25px; text-align:center; }
.padleft { padding-left:73px; } /* test.css pad 73px from left */
/* Gonzaga CUSTOM.styles ... Need inventory of PAGES that use these styles */
/* vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv currently not used vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv **
* .pb-item.pb-literal.gu-inline { display:inline-block; padding-right: 5px; }
* .gu-inline { display:inline-block; padding-right: 5px; }
* .pb-item.pb-literal.gz-inline { display:inline-block; padding-right: 5px; }
* ** ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ currently not used ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
.nwrap { white-space: nowrap; } /* helps keep txt on one line when cols.width is reduced */
.gz-inline { display:inline-block; } /* margin-left:1px; margin-right:1px; } */ /* force 1.pixel.space between "objects" on same "row" */
.gz-inline-flex{ display: inline-grid; grid-template-columns: 1fr 1fr; } /* 1fr 1fr -- handles 2.cols; 1fr 1fr 1fr -- 3cols */
.gz-rpad1 { margin-right:1px }
.gz-rpad2 { margin-right:2px }
.gz-rpad3 { margin-right:3px }
.in-circle {
display: block;
background: black;
color: white;
border-radius: 50%;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
font-size: 8px;
font-family: Verdana;
}
.btn-blue {
color: #ffffff ; /* white :: !important; */
background-color: #5E8AB4; /* grey.ish;blue */
padding-left:5px; padding-right:5px;
}
.gz-btn-blue { /* NOW GONZAGA default blue.button.style */
padding: 2px 5px;
margin-left: 1px;
font-size: 10pt;
line-height: 1.4em;
text-align: center;
text-decoration: none ; /* !important; */
vertical-align: top; /* middle; */
cursor: pointer;
color: #ffffff ; /* white :: !important; */
background-color: #5E8AB4; /* grey.ish;blue */
border-radius:2px;
display: block;
border:0px;
}
.gz-cell-btn-blue {
padding: 2px 2px;
margin-left: 2px;
font-size: .95em;
line-height: 1.4em;
text-align: center;
text-decoration: none ;
vertical-align: top;
cursor: pointer;
color: #ffffff !important;
background-color: #5E8AB4;
border-radius:2px;
display: inline-block;
border:0px;
}
.grade-select { width: 100%; height: 30px; }
.portal_table { margin: 15px; border: 0px; border-collapse: 0px; }
.phonetable { margin: 10px 20px 0px 20px; border: 0px; font-size: 9pt; }
.phone_td_strong { color: rgb(0, 32, 62); font-weight: bold; font-size: 9pt; }
.zagalert_submit { color: rgb(0, 32, 62); font-weight: bold; font-size: 9pt; margin: 10px 20px 0px 20px; }
.crn_th { background-color: rgb(0, 32, 62); color: #FFFFFF; font-weight: bold; padding: 6px; }
#title {
background-color: #cce6ff; border-top: solid 1px #99ceff; border-radius:0px;
}
#breadcrumb, .breadcrumb {
color: #66000c; background-color: #cce6ff; border-bottom: solid;
border-bottom: 5px; font-family: "Open Sans"; padding-left: 1%;
}
.breadcrumb {
border-bottom: solid 1px #99ceff; border-radius:0px; margin: 0px;
}
a.breadcrumbHeader { color: #66000c; text-decoration: underline; }
hr.blue-border { border: 1px solid #00203E; border-radius:1px; }
h1 {
font-size: 1.3em !important; margin: 0px 0px 10px 0px;
padding: 15px 15px; border-bottom: solid 2px #99ceff; border-radius:0px;
}
th { color: #ffffff; background-color:#00203E; border:1px; }
tr:nth-child(even) { background-color: #f2f2f2; }
.banner, .profile-image { height: 3em; width: 3em; border-radius:1.8em; vertical-align: middle; text-align:center; }
.banner:hover { width:400px; height:400px; }
.general_profile { text-align: center; }
.profile-image:hover { width:400px; height:400px; }
.printtext { margin: 15px 0px 0px 15px; color: rgb(0, 32, 62); font-size: 16px; font-weight: bold; }
.student_photo { border-radius: 5%; height: 240px; width: 238px; margin: 0px 0px 0px 30px; border: 0px; }
.zag_photo { border-radius: 5%; height: 240px; width: 238px; margin: 0px 0px 0px 30px; border: 0px; }
.td-photo { border-radius: 5%; height: 240px; width: 238px; margin: 0px 0px 0px 30px; border: 0px; }
.title { color: #00203E; } /* blackish */
.body-title { background-color: #E6E8EB; } /* lite.greyish; almost white #FFFFFF --- change.color for class="body-title" style */
.body-title {
text-transform: uppercase;
font-weight: bold;
padding: .5em 1em;
height: 2em;
position: relative;
z-index: 999;
-moz-box-shadow: 0 3px 2px #7f7f7f; /* greyish; end.of.reddish ; closes websafe #666666 */
-webkit-box-shadow: 0 3px 2px #7f7f7f;
box-shadow: 0 3px 2px #7f7f7f;
background: -moz-linear-gradient(top,#efefef 0,#dedede);
background: -webkit-gradient(linear,left top,left bottom,from(#efefef),to(#dedede));
}
.ffooter { /* class.fixes html.object at bottom current window */
position: fixed;
bottom: 5px;
background-color:white;
margin:5px;
width: 100%;
}
/* */
#infotext { /* This is the MOST.COMMONLY used with GONZ [PAGES] --- "This is TXT with bluish.background
*/
background-color: #dcecf7; /* bluish ; real.light */
border-radius:2px;
padding: 10px ; /* top rite bottom left */
margin: 10px 5px 0px 5px; /* top rite bottom left */
font-size: 11pt;
color:#003055;
}
.infotext { /* Message -- version of "#infotext" style above */
background-color: #dcecf7; /* bluish ; real.light */
border-radius:2px;
padding: 10px ; /* top rite bottom left */
margin: 10px 5px 0px 5px; /* top rite bottom left */
font-size: 11pt;
color:#003055;
}
.infotextxx { /* Message -- version of "#infotext" style above */
background-color: #dcecf7; /* bluish ; real.light */
border-radius:0px;
/* padding: 10px ; */ /* top rite bottom left */
/* margin: 10px 5px 0px 5px; */ /* top rite bottom left */
/* margin-left:2px; */
/* margin-top: 0px; margin-left:0px; */
margin:0px;
padding-top:3px; /* padding-xxx:15px; */
font-size: 11pt;
color: #003055;
}
#rinfotext {
background-color: #f2dede; /* light.reddish */
border-radius:2px;
border: 2px solid #8b0000;
padding: 10px;
margin: 10px 5px 5px 5px; /* top rite bottom left */
font-size: 11pt;
color:#003055;
}
.rinfotext {
background-color: #f2dede; /* light.reddish */
border-radius:2px;
border: 2px solid #8b0000;
padding: 10px;
margin: 10px 5px 5px 5px; /* top rite bottom left */
font-size: 11pt;
color:#003055;
}
#yinfotext {
background-color: #9fd6ca; /* bluish.greyish */
border-radius:2px;
padding: 10px ; /* top rite bottom left */
margin: 10px 5px 0px 5px; /* top rite bottom left */
font-size: 11pt;
color:#003055;
}
.yinfotext { /* Message -- version of "#infotext" style above */
background-color: #9fd6ca; /* bluish.greyish */
border-radius:2px;
padding: 10px ; /* top rite bottom left */
margin: 10px 5px 0px 5px; /* top rite bottom left */
font-size: 11pt;
color:#003055;
}
#ginfotext {
background-color: #dff0d8; /* green.ish */
border-radius:2px;
border: 2px solid #d6e9c6;
padding: 10px; /* same as [ padding: 10px 10px 10px 10px; ] */
margin: 0px 20px 10px 20px;
font-size: 11pt;
color:#003055;
}
#successi {
background-color: #dff0d8; /* green.ish */
border-radius:2px;
border: 2px solid #d6e9c6;
padding: 10px;
margin: 0px 20px 10px 20px;
font-size: 11pt;
color:#003055; /* blackish */
}
#successfi {
background-color: #f2dede; /* light.reddish */
border-radius:2px;
border: 2px solid #8b0000;
padding: 10px;
margin: 0px 20px 10px 20px;
color:#003055;
font-size: 11pt;
color:#003055;
}
/* Gonzaga.specific "spinner" -- vvvvvvvvvvvvvvvvvvvvvvvvv -- not sure we will ever use it again */
.gonzaga-spinner {
border: 16px solid #f3f3f3;
border-radius:50%;
border-top: 16px solid #006E9F;
position: fixed;
z-index: 999;
height: 100px;
width: 100px;
overflow: show;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
-webkit-animation: spin 1s linear infinite; /* Safari */
animation: spin 1s linear infinite;
}
.gonzaga-overlay {
height: 100%;
width: 100%;
position: fixed;
z-index: 998;
top: 0;
left: 0;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0, 0.3);
overflow-x: hidden;
transition: 0.5s;
}
/* Safari */
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
/* Gonzaga.specific "spinner" -- ^^^^^^^^^^^^^^^^^^^^^^^ -- not sure we will ever use it again */