@font-face {
  font-family: "Roboto regular";
  font-style: normal;
  font-weight: normal;
  src: url("../../../clientlibs/clientlib-site/resources/fonts/roboto-v27-latin-regular.eot") format("embedded-opentype"),
      url("../../../clientlibs/clientlib-site/resources/fonts/roboto-v27-latin-regular.ttf") format("truetype"),
      url("../../../clientlibs/clientlib-site/resources/fonts/roboto-v27-latin-regular.woff") format("woff"),
      url("../../../clientlibs/clientlib-site/resources/fonts/roboto-v27-latin-regular.woff2") format("woff2");
}

@font-face {
  font-family: "Roboto heavy";
  font-style: normal;
  font-weight: normal;
  src: url("../../../clientlibs/clientlib-site/resources/fonts/roboto-v27-latin-900.eot") format("embedded-opentype"),
      url("../../../clientlibs/clientlib-site/resources/fonts/roboto-v27-latin-900.ttf") format("truetype"),
      url("../../../clientlibs/clientlib-site/resources/fonts/roboto-v27-latin-900.woff") format("woff"),
      url("../../../clientlibs/clientlib-site/resources/fonts/roboto-v27-latin-900.woff2") format("woff2");
}

@font-face {
  font-family: "Roboto medium";
  font-style: normal;
  font-weight: normal;
  src: url("../../../clientlibs/clientlib-site/resources/fonts/roboto-v27-latin-500.eot") format("embedded-opentype"),
      url("../../../clientlibs/clientlib-site/resources/fonts/roboto-v27-latin-500.ttf") format("truetype"),
      url("../../../clientlibs/clientlib-site/resources/fonts/roboto-v27-latin-500.woff") format("woff"),
      url("../../../clientlibs/clientlib-site/resources/fonts/roboto-v27-latin-500.woff2") format("woff2");
}

@font-face {
  font-family: "Roboto light";
  font-style: normal;
  font-weight: normal;
  src: url("../../../clientlibs/clientlib-site/resources/fonts/roboto-v27-latin-100.eot") format("embedded-opentype"),
      url("../../../clientlibs/clientlib-site/resources/fonts/roboto-v27-latin-100.ttf") format("truetype"),
      url("../../../clientlibs/clientlib-site/resources/fonts/roboto-v27-latin-100.woff") format("woff"),
      url("../../../clientlibs/clientlib-site/resources/fonts/roboto-v27-latin-100.woff2") format("woff2");
}

@font-face {
  font-family: "Roboto bold";
  font-style: normal;
  font-weight: normal;
  src: url("../../../clientlibs/clientlib-site/resources/fonts/roboto-v27-latin-700.eot") format("embedded-opentype"),
      url("../../../clientlibs/clientlib-site/resources/fonts/roboto-v27-latin-700.ttf") format("truetype"),
      url("../../../clientlibs/clientlib-site/resources/fonts/roboto-v27-latin-700.woff") format("woff"),
      url("../../../clientlibs/clientlib-site/resources/fonts/roboto-v27-latin-700.woff2") format("woff2");
}

@font-face {
  font-family: "Roboto condensed";
  font-style: normal;
  font-weight: normal;
  src: url("../../../clientlibs/clientlib-site/resources/fonts/roboto-v27-latin-300.eot") format("embedded-opentype"),
      url("../../../clientlibs/clientlib-site/resources/fonts/roboto-v27-latin-300.ttf") format("truetype"),
      url("../../../clientlibs/clientlib-site/resources/fonts/roboto-v27-latin-300.woff") format("woff"),
      url("../../../clientlibs/clientlib-site/resources/fonts/roboto-v27-latin-300.woff2") format("woff2");
}


.trelona-container-header {
  margin: 0 auto;
  width: 100%;
}.trelona-container{margin:0 auto;width:1200px;}
* {
  margin: 0px;
  padding: 0px;
}
.trelona-container-header .header {
  background-color: #C50022;
  padding: 0px 35px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.trelona-container-header .header a.logo {
  display: block;
  height: 80px;
  width: 160px;
}
.trelona-widthfull{margin:0 auto;width:1200px;display: flex;
    justify-content: space-between;
    align-items: center;}
.trelona-container-header .header .user-id{
	display:flex;
	align-items: center;
	color:#fff;
    font-size: 16px;
	font-family: "Roboto regular" !important;
}
.trelona-container-header .header .user-id a{color:#fff;display:flex; align-items: center;}

.trelona-container-header .header .user-id span{
	margin-right:10px;
}
.trelona-container-header .header .user-id .logout a{    color: #333;
    font-size: 20px;
    display: inline-block;}
a {
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6, p, a {
  font-family: "Roboto regular" !important;
}

.trelona-container-header .header a img {
  max-width: 100%;
}


.trelona-content h3{
	text-align:center;
	margin-top:22px;
	color:#313131;
	font-size:22px;
}
.trelona-content .history-content{
	box-shadow: 0px 1px 6px 2px rgb(195 195 195 / 50%);
	width:96%;
	margin-left:2%;
	margin-top:23px;
padding:50px 0px;
background-color: #fff;
}

.logout {
    position: fixed;
    width: 35%;
    background: #fff;
    border-radius: 5px;
    z-index: 2;
    top: 50%;
    display: none;
    left: 50%;
    color: #333;
   font-family: "Roboto regular" !important;
    padding: 30px;
    margin-left: -20%;
    margin-top: -12%;
}
    .logoutbuttons {
    display: flex;
    align-items: center;
}
       .logoutbuttons a {
    color: #fff !important;
    font-size: 17px !important;
    background: #C50022;
    text-decoration: none;
    padding: 15px 40px;
    margin-right: 30px;
}
            .logoutbuttons a:nth-child(2) {
    padding: 0px;
    color: #C50022 !important;
    background: none;
}
.logout p{ 
    font-size: 16px;

    line-height: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
        }

    .logout h3{font-size: 20px;font-weight:bold;}
    .deletebackgroundlogout{position: fixed;display:none;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    left: 0px;
    top: 0px;z-index:1;}