html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: KievitProBook, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  color: #333333;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;
}
p {
  margin: 0 0 10px;
}
@font-face {
  font-family: KievitProRegular;
  src: url('KievitWebPro.eot');
  src: url('KievitWebPro.eot?#iefix') format('embedded-opentype'), url('KievitWebPro.woff') format('woff'), url('KievitOffcPro.ttf') format('truetype');
}
@font-face {
  font-family: KievitProBook;
  src: url('KievitWebPro-Book.eot');
  src: url('KievitWebPro-Book.eot?#iefix') format('embedded-opentype'), url('KievitWebPro-Book.woff') format('woff'), url('KievitOffcPro-Book.ttf') format('truetype');
}
@font-face {
  font-family: KievitProBld;
  src: url('KievitWebPro-Bold.eot');
  src: url('KievitWebPro-Bold.eot?#iefix') format('embedded-opentype'), url('KievitWebPro-Bold.woff') format('woff'), url('KievitOffcPro-Bold.ttf') format('truetype');
}
@font-face {
  font-family: KievitProItal;
  src: url('KievitWebPro-BookIta.eot');
  src: url('KievitWebPro-BookIta.eot?#iefix') format('embedded-opentype'), url('KievitWebPro-BookIta.woff') format('woff'), url('KievitOffcPro-BookIta.ttf') format('truetype');
}

a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: normal;
  font-family: KievitProBld, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
dfn {
  font-style: italic;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/*
.content.article-full h1, .content.article h1 {
font-family: KievitProBld, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 20px;
border-bottom: 0;
text-transform: none;
}
*/
/* breadcrumb*/
.breadcrumb {
font-size: 12px;
background: transparent;
padding-left: 0;
margin: -27px 0px 0px 0px;
padding: 8px 0px;
margin-bottom: 20px;
list-style: none;
border-radius: 4px;
}

ul, ol {
margin-top: 0;
margin-bottom: 10px;
}

/* .breadcrumb > .active {
color: #7c7e7f; */
}

.breadcrumb > li {
display: inline-block;
}

.breadcrumb > li + li:before {
content: ">\00a0";
padding: 0 5px;
color: #7c7e7f;
}
.ei-slider {
position: relative;
width: 100%;
max-width: 840px;
height: 249px;
}
/*
.content.article-full h2, .content.article h2 {
    font-family: KievitProBld,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
}
*/

em, i {
font-style: normal;
font-family: KievitProItal, Arial, Helvetica, sans-serif;
}


.home .module .nav-list li {
list-style: none;
color: #555;
display: block;
padding: 9px 10px;
border-bottom: 1px dotted #828282;
}

.home .module .nav-list li a {
color: #555;
border-bottom-style: none;
display: inline;
padding: 9px 0px;
}

.overflow a {
    font-family: KievitProItal,Arial,Helvetica,sans-serif;
    font-style: normal;
}

.generic .module h2 {
float:none;
}

.generic .module.inset .well h2 {
padding-top:15px;
}

.generic .module.inset .well {
background-color: #f5f5f5;
}

.gray-background-box {
background-color:#F3F3F3;
border: #CCCCCC 1px solid;
width:350px;
height:300px;
float:left;
padding:10px;
}
.clear-background-box {
border: #CCCCCC 1px solid;
width:350px;
height:350px;
float:left;
padding:10px;
margin-bottom:20px;
}
.title-hide {
  position: absolute; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height: 1px; width: 1px; 
  margin: -1px; padding: 0; border: 0;
}


/* Google CSE seach customization*/

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
width: 50px;
height: 30px;
padding: 6px 16px;
min-width: 13px;
margin-top: 2px;
}

input.gsc-input {
font-size: 13px;
padding: 4px 9px;
border: 1px solid #D9D9D9;
width: 99%;
}


table {
border-collapse: inherit;
border-spacing: 0;
}

.gsc-selected-option-container {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #EEE;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px;
box-shadow: 0 1px 1px #EEE;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
color: #444;
cursor: default;
font-size: 11px;
font-weight: bold;
height: 27px;
line-height: 27px;
max-width: 90%;
min-width: 54px;
outline: 0;
padding: 0 28px 0 6px;
position: relative;
text-align: center;
width: inherit;
}

/* Social icones aligned*/

.social-links2 {
position: relative;
top: 0px;
display: inline-flex;
float: right;
}

/* MG overwrites */
/*///////// HOME  /////////*/
body {
  font-size: 15px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;
  background-color:#f4fbff;background-image:url(/_internal/_files/images/ucal_background_blue1.jpg);background-repeat:no-repeat
}

body.home .container,body.generic .container, body.article .container, body.home2 .container {background:none}
.navbar-ucop .navbar-nav li a {font-family: KievitProBld, "Helvetica Neue", Helvetica, Arial, sans-serif;padding:15px 0 9px}
.navbar-ucop .navbar-nav li a:hover {text-decoration:none !important}

.hero {border-left: 5px solid #005581}
.hero:hover {border-left: 5px solid #005581}

.navbar-ucop .navbar-nav {border-top:1px solid rgba(0,85,129,0.4)}
.navbar-ucop .active {border-bottom:4px solid rgba(0,85,129,0.4)}

.navbar-ucop {border-bottom:1px solid rgba(0,85,129,0.4)}

.home .module.inset .well {color:#fff;background-color:#005581;border-radius:0;border-radius:3px}
.home .module.inset .well h2 {color:#fff; font-size: 22px}
.home .module.inset .well a {
    color:#fff;border-width: 1px;
  border-bottom-style: dotted;
  border-color: transparent transparent #fff transparent;
  font-family: KievitProRegular, "Helvetica Neue", Helvetica, Arial, sans-serif;}
  .home .module.inset .well a:hover {border-bottom-style: solid;text-decoration:none !important}

.module {margin-bottom:22px}

.module.learnmore h2{background-color:#1295d8}
.module.learnmore li{padding-bottom:5px}

.module ul {padding-left:18px}

.module h2 {font-family: KievitProBld, "Helvetica Neue", Helvetica, Arial, sans-serif;padding-left:13px;padding-right:13px}
.module h2.overlay {position:relative}
.module h2.orange {background-color:#FF8F28;padding-top: 10px;}
.module.inset .well h2 {color:#333}

.content ul li a, .sidebar ul li a {font-family: KievitProBook, "Helvetica Neue", Helvetica, Arial, sans-serif}

.home .module .nav-list li a {color:#333}

.home .module .nav-list li {padding-left:0}

footer a, footer p {color:#666}

.nav-footer {border:1px solid rgba(0,85,129,0.33);border-left: 0;border-right: 0;}
.nav-footer ul li a{text-transform:none;font-size:14px}
footer p{font-size:13px}

.breadcrumb {border-color:transparent transparent rgba(0,85,129,0.4) transparent;}

.navbar-ucop .navbar-form .form-group .form-control {background-image:url(/_internal/_files/images/icon-search.png) no-repeat}

/*///////// GET HELP  /////////*/

.gethelp #students,.gethelp #facstaff {margin-right:4%;float: left}
@media (max-width: 480px) { .gethelp #students,.gethelp #facstaff {width: 100%; margin-right:0;float: none}}

#listblock {display:block;clear:both;overflow:auto}

.gethelp #students ul,.gethelp #facstaff ul {padding-left:0;min-width:280px}
.gethelp #students ul li a:hover,.gethelp #facstaff ul li a:hover {text-decoration:none !important;}
@media (min-width: 992px) {.gethelp #students ul,.gethelp #facstaff ul {padding-left:0;min-width:275px} .gethelp #students p {max-width: 290px;}}
.gethelp #students ul li:hover,.gethelp #facstaff ul li:hover{background-color:#bde3f6;background-color:rgba(189,227,246,0.4);text-decoration:none !important;}
.gethelp #students ul li a,.gethelp #facstaff ul li a {font-family: KievitProBld, "Helvetica Neue", Helvetica, Arial, sans-serif;margin-right:10px}

.gethelp #students ul li a.telelink,.gethelp #facstaff ul li a.telelink {color:#333;font-family: KievitProBook, "Helvetica Neue", Helvetica, Arial, sans-serif;text-decoration:none;border:none;float:right}
.gethelp #students ul li a.telelink:hover,.gethelp #facstaff ul li a.telelink:hover {text-decoration:none !important;cursor:default}

/* PD overwrites */
dt {font-family: KievitProBld, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal;}
dd {margin-bottom: 20px;}

#back-to-top {
    position: fixed;
    bottom: 50px;
    right: 0;
    text-decoration: none;
width:45px;
height:45px;
    display: none;
background-color:#EEE;
background: rgba(204,204,204,0.5) url(../images/up2.png) no-repeat 11px 9px;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
border-bottom-left-radius:5px;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
border-top-left-radius:5px
}

#back-to-top:hover {    
background-color:#DDD;
background: rgba(204,204,204,0.8) url(../images/up2.png) no-repeat 11px 9px
}

.file-type, .file-type:hover{
    margin:0 4px;
    border: 1px solid #5990ad;
    padding:0 3px;
    font: normal 10px KievitProRegular, Arial, Helvetica, sans-serif;
    line-height:11px;
    vertical-align:1px;
    text-decoration:none
}

.module h2.gray {
background-color: #8f8884;
margin-bottom: 5px;
padding-top: 10px;
}
 /*hacks for carousel controls indicators */
.carousel-indicators li {
width: 13px;
height: 13px;
}

.carousel-indicators .active {
width: 15px;
height: 15px;
margin-right: 3px;
margin-left: 3px;
}
.carousel-indicators {
left:8%;
}

.carousel-indicators li {
margin-left: 3px;
margin-right: 3px;
}

#home-carousel .carousel-control.right .arrow {
position: absolute;
background: url('/_internal/_files/images/carousel-next.png') no-repeat;
margin: 0 20px 0 0;
height: 32px;
width: 22px;
display: block;
right: 10px;
top: 47%;
}

.left .arrow {
position: absolute;
background: url('/_internal/_files/images/carousel-prev.png') no-repeat;
margin: 0 20px 0 0;
height: 32px;
width: 22px;
display: block;
left: 30px;
top: 47%;
}

@media screen and (max-width: 1003px) and (min-width: 768px) {
.navbar-ucop .nav a {
  font-size: 13px;
  padding-left: 0;
}
}

a.carousel-control {
background: none;
opacity: 0;
}
#___gcse_0 .gsc-control-cse {
font-family: Arial, sans-serif;
border-color: transparent;
background-color: transparent;
}

#___gcse_0 .gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
border-color: transparent;
background-color: transparent;
}