@font-face {
  font-family: TULBold;
  src: url(TULMono-Bold.woff2);
}

@font-face {
  font-family: TULMonoRegular;
  src: url(TULMono-Regular.woff2);
}

@font-face {
  font-family: TULInter;
  src: url(Inter-Regular.woff2);
}

* {
    box-sizing: content-box;
    box-shadow: none !important;
    text-shadow: none !important;
    font-family: TULInter, sans;
}

#leftcolumn a {
    font-size: 13px;
    font-weight: 700;
}

#leftcolumn a, h2, h3 {
    font-family: TULMonoRegular;
}

h2 {
    font-size: 20px;
    font-weight: bold;
}
h3 {
    font-size: 16px;
}


body .table tbody td, body .table tbody th {
    padding: 0;
    vertical-align: middle;
    border: none;
}

#wrapper {
    width: 1000px;
    /*height: 670px;*/
    background: #FF7F26;
    margin: auto;
    padding: 0;
}

.abstract .btn {
    padding: 0;
    margin: 0;
    border: none;
}

th.name { width: 130px; }
th.topic { width: 430px; }
th.abstract { width: 150px; text-align: center; }
td.abstract { text-align: center; }


td.topic {
    font-size: 0.8em;
}

.gallery {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 5px;
}

.fix-size {
    width: 130px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #fff;
}

.fix-size:hover {
    box-shadow: inset 0 0 0 2px #ff7f26 !important;
}

.fix-size img {
    max-width: 120px;
    max-height: 80px;
    overflow: hidden;
}


.middle-aligned {
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0;
}

#content {
    float: left;
    width: 750px;
    background: #EFEFEF;
}


#content-text {
    padding: 0 15px;
    height: 420px;
    overflow: auto;
}

#leftcolumn {
    width: 250px;
    float: left;
    border-radius: 20px;
    font-family: TULMonoRegular;
}

#footer {
    height: 100px;
    width: 1000px;
    clear: both;
    background: #FFF1DC url("../images/fm.png");
    background-position: 540px 10px; 
    background-size: 450px 80px;
    background-repeat: no-repeat;
}

#content h1 {
    background-image: url("../images/IC-TUL_cut_mod.jpg");
    background-size: 750px 150px;
    background-repeat: no-repeat;
    color: #FF8F00;
    font-family: TULBold;
    font-size: 43px;
    font-weight: bold;
    text-align: right;
    padding: 0;
    margin: 0;
    height: 150px;
    line-height: 150px;
    padding-right: 30px;
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.30);
}

.nav {
    padding: 0;
    margin: 0;
    margin-top: 10px;
}

ul.nav a,
ul.nav a:visited {
    font-weight: bold;
    text-align: center;
    color: #000;
    border-radius: 0;
}

ul.nav .active a,
ul.nav .active a:hover,
ul.nav a:hover,
ul.nav a:focus {
    background: #FF9C57;
    color: #000;
}

.card {
    background-color: #fff;
    box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.2);
   -webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.2);
   -moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.2);
}

a {
    color: #C76B00;
    font-weight: bold;
}

#content-text a {
    text-shadow: 0 0 5px rgb(255, 255, 255);
}

#content-text p {
    text-align: justify;
}

.middle {
    width: 100%;
    display: block;
    text-align: center;
}

.new {
    background: #F00;
    padding: 3px 5px;
    border-radius: 3px;
    color: #FFF;
    font-weight: bold;
    font-variant: small-caps;
}
/*-----------------*/
#lback {
    /*display: none;*/
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    z-index: -1;
}

#rback {
  /*display: none;*/
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  z-index: -1;
  /*opacity: 0.5;*/
}

#lback-top {
    /*height: 400px;*/
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left, #ffffff 0%, #ffe5d3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffffff 0%,#ffe5d3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 0%,#ffe5d3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffe5d3',GradientType=1 ); /* IE6-9 */
}
#lback-bottom {
    height: 100px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left, #ffffff 0%, #fff8ef 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffffff 0%,#fff8ef 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 0%,#fff8ef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff8ef',GradientType=1 ); /* IE6-9 */
}

#rback-top {
    height: 150px;
    background: #a7bcd6; /* Old browsers */
    background: -moz-linear-gradient(left, #a7bcd6 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #a7bcd6 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #a7bcd6 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7bcd6', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

#rback-mid {
    /*height: 250px;*/
    background: #dce8f7; /* Old browsers */
    background: -moz-linear-gradient(left,  #dce8f7 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #dce8f7 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #dce8f7 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dce8f7', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

#rback-bottom {
    height: 100px;
    background: #fffcf6; /* Old browsers */
    background: -moz-linear-gradient(left,  #fff8ef 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #fff8ef 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #fff8ef 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff8ef', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.red {
	font-weight: bold;
	color: #C33;
}

.timeline .panel-heading {
  padding: 5px 15px;
}
.timeline .panel-body {
  padding: 0 25px;
}