/* MITCI shared visual theme */
*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%}
body{
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;color:#111;
  background:#fff url("images/background.jpg") center top/cover fixed no-repeat;
}
.page,.wrapper{
  width:730px!important;
  min-height:795px!important;
  margin:3px auto 0!important;
  background:#fff!important;
  overflow:hidden;
  box-shadow:0 0 3px rgba(0,0,0,.14);
}
.header{
  height:158px!important;
  position:relative;
  background:#fff!important;
}
.logo,.mitciti-logo{
  position:absolute!important;
  left:292px!important;
  top:0!important;
  width:155px!important;
  height:60px!important;
  object-fit:contain!important;
}
.gov,.gov-logo{
  position:absolute!important;
  left:4px!important;
  top:49px!important;
  width:150px!important;
  height:109px!important;
  object-fit:contain!important;
}
.title,.header-title{
  position:absolute!important;
  left:155px!important;
  top:65px!important;
  width:565px!important;
  text-align:center!important;
  color:#075f84!important;
  font-family:"Arial Narrow",Arial,sans-serif!important;
  font-size:24px!important;
  font-weight:bold!important;
  white-space:nowrap!important;
}
.subtitle,.header-subtitle{
  position:absolute!important;
  left:300px!important;
  top:112px!important;
  width:350px!important;
  text-align:center!important;
  color:#12698d!important;
  font-size:15px!important;
  line-height:1.3!important;
  font-weight:bold!important;
}
.nav{
  height:38px!important;
  margin:0 6px!important;
  display:flex!important;
  border:1px solid #268bad!important;
  border-radius:5px!important;
  overflow:hidden!important;
  background:linear-gradient(#59c3df,#38a8ca)!important;
}
.nav a{
  flex:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:bold!important;
  text-shadow:0 1px 1px #4b7787!important;
  border-right:1px solid rgba(255,255,255,.55)!important;
  transition:background .15s ease,filter .15s ease!important;
}
.nav a:last-child{border-right:0!important}
.nav a:hover,.nav a.active{
  background:linear-gradient(#76d1ea,#239cc4)!important;
  filter:brightness(1.04);
}
.content{
  display:grid!important;
  grid-template-columns:225px 1fr!important;
  gap:7px!important;
  padding:0 6px!important;
}
.sidebar{width:225px!important;padding:0!important}
.lab,.lab-image{
  width:225px!important;
  height:146px!important;
  display:block!important;
  object-fit:cover!important;
}
.menu,.side-menu{margin:0!important}
.menu a,.side-menu a{
  display:block!important;
  height:30px!important;
  margin-bottom:2px!important;
  padding:7px 9px!important;
  color:#005a9d!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:bold!important;
  border:1px solid #6aaee5!important;
  background:linear-gradient(#c6e1fa,#83baf0)!important;
  transition:all .15s ease!important;
}
.menu a:hover,.side-menu a:hover,.menu a.active,.side-menu a.active{
  background:linear-gradient(#d9ebfc,#99c9f5)!important;
  padding-left:13px!important;
}
.important,.important-title{
  margin-top:0!important;
}
.important-title{
  height:29px!important;
  color:#fff!important;
  background:linear-gradient(#29b8ef,#168dca)!important;
  font:bold 19px Georgia,serif!important;
  text-align:center!important;
  padding-top:3px!important;
  position:relative!important;
}
.important-title:before,.important-title:after{
  content:""!important;position:absolute!important;top:5px!important;
  width:0!important;height:0!important;
  border-left:10px solid transparent!important;
  border-right:10px solid transparent!important;
  border-top:15px solid #fff!important;
}
.important-title:before{left:14px!important}
.important-title:after{right:14px!important}
.link,.link-img,.placement{
  width:225px!important;height:auto!important;display:block!important;
  object-fit:cover!important;
}
.main{
  min-width:0!important;
  padding:24px 3px 0 0!important;
}
.main h1{
  margin:0 0 12px!important;
  color:#d65d00!important;
  font-size:18px!important;
}
.main h2{
  color:#d65d00!important;
}
.footer{
  width:100%!important;
  height:43px!important;
  margin-top:4px!important;
  background:#aaa!important;
  position:relative!important;
}
.footer-logo{
  position:absolute!important;left:8px!important;top:5px!important;
  width:95px!important;height:30px!important;object-fit:contain!important;
}
.footer-text,.footer-right{
  position:absolute!important;right:12px!important;top:16px!important;
  font-family:"Times New Roman",serif!important;font-size:9px!important;
}
a{cursor:pointer}
@media(max-width:750px){
  body{background:#fff!important}
  .page,.wrapper{width:100%!important;margin:0!important}
}
@media(max-width:600px){
  .header{height:185px!important}
  .title,.header-title{left:130px!important;width:calc(100% - 135px)!important;font-size:17px!important;white-space:normal!important}
  .subtitle,.header-subtitle{left:160px!important;width:calc(100% - 170px)!important;font-size:11px!important}
  .content{grid-template-columns:1fr!important}
  .sidebar,.lab,.lab-image,.link,.link-img,.placement{width:100%!important}
}