@import url('https://fonts.googleapis.com/css2?family=Commissioner:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,400;1,900&display=swap');

body {
	font-size: 12px;
}

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

/*
 * Sidebar
 */

.sidebar {
	top: 0;
	bottom: 0;
	left: 18;
	z-index: 100; /* Behind the navbar */
	padding: 0px 0 0; /* Height of navbar */
	box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
	height: 420VH;
}
li {
  white-space: nowrap; // stop the wrapping in the first place
}

@media (max-width: 767.98px) {
  .sidebar {
    top: 5rem;
  }
}

.sidebar-sticky {
  position: relative;
  top: 0;
  padding-top: .5rem;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}

.sidebar .nav-link {
	font-weight: 400;
	color: #fff;
}

.sidebar .nav-link .feather {
	margin-right: 4px;
	color: #fff;
}

.sidebar .nav-link.active {
	color: #FFFFFF;
	font-weight: 500;
	background-color: #604e46;
	text-transform: uppercase;
}

.sidebar .nav-link.activex {
	color: #FFFFFF;
	font-weight: 400;
	background-color: #185FAB;
}
.sidebar .nav-link:hover,
.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
	color: #ffffff;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}

/*
 * Navbar
 */

.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
	font-size: 11px;
	background-color: #F1EFED;

}

.navbar .navbar-toggler {
  top: .25rem;
  right: 1rem;
}

.navbar .form-control {
  padding: .75rem 1rem;
  border-width: 0;
  border-radius: 0;
}

.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}
.container-fluid .row #sidebarMenu .sidebar-sticky pt-3 .nav flex-column .nav-item .nav-link active {
	font-weight: 700;
	background-color: #009933;
}

.menuhead1 {
	line-height: 40px;
	color: #999999;
	background-color: #FFFFFF;
	padding-left: 28px;
	font-weight: 700;
}
.modd {
	border:1px solid #CCCCCC;
	position: absolute;
	height: 700px;
	width: 100%;
	z-index: 1111;
	overflow: hidden;
	display: none;
	background-color: #FFFFFF;
	padding: 12px;
	box-shadow:  0 5px 8px rgba(0,0,0,.3);
}
.modds2 {
	border:1px solid #CCCCCC;
	position: absolute;
	height: 700px;
	width: 100%;
	z-index: 1111;
	overflow: hidden;
	display: none;
	background-color: #FFFFFF;
	padding: 12px;
	box-shadow:  0 5px 8px rgba(0,0,0,.3);
	top:120px;
}
input {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	outline:none;
}
.newff a{
	color: #666666;
	font-size: 13px;
}
.newff a:hover{
	color: #666666;
	text-decoration: none;
}
.activez {
	padding-top:18px;
	background-color: #3d4546;
}
.noto1{
	font-family: 'Commissioner', sans-serif;;
	font-weight: 400;
}


.thumb-img{
   object-fit: cover;
   overflow: hidden;
   height: 150px; 
   width : 150px;
} 
.fs10 {
font-size:10px
}
.fs11 {
font-size:11px
}
.fs12 {
font-size:12px
}
.fs13 {
font-size:13px
}
.fs14 {
font-size:14px
}
.fs16 {
font-size:16px
}
.fs18 {
font-size:18px
}
.fs20 {
font-size:20px
}
.fs22 {
font-size:22px
}
.fs24 {
font-size:24px
}
.fs28 {
font-size:28px
}
.fs32 {
font-size:32px
}
.fcc1 {
color: #333333;
} 
.fcc2 {
color: #333333;
}
.fcc3 {
color: #787878;
}
.fcc4 {
color: #333333;
}
.fcc5 {
color: #888888;
}
.verylight {
	background-color: #F9F9F9;
}


.tabbb {
	padding-left:55px;
	padding-right:55px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	margin-right: 5px;
	margin-left: 5px;
}







.bordTopLeft {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-left-style: dotted;
	border-top-color: #999999;
	border-left-color: #999999;
}
.bordTopRight {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-top-color: #999999;
	border-right-color: #999999;
}
.bordBottomLeft {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.bordBottomRight {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-right-color: #999999;
	border-bottom-color: #999999;
}
.bordTop {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
}
.bordBottom {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.bordBottomintense {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}
.bordLeft {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
}
.bordRight {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
}
.bord1D{
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.bordTopBottom{
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;

}
.anotstyled {
	color: #000000;
	text-decoration: none;
}
.linkn1 {
	font-size:12px;
	color:#436274;
}
.linkn1 a {
	font-size:12px;
	color:#436274;
	text-decoration: underline;
}
.linkn1 a:hover{
	font-size:12px;
	color:#436274;
	text-decoration: none;
}
.default-link{
  /* all rules required to make the whole div clickable */ 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
  /* this is a fix for IE7-9 */
  background-color:#ffffff;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
  filter: alpha(opacity=0);  
  opacity:0;  
}
input, select, textarea {
font-size:14px;
font-weight:500;
color:#000000;
	padding: 5px;
	border: 1px solid #999999;
}
.bxshad {
 box-shadow:  0 2px 3px rgba(0,0,0,.3);
}
.stlv1 {
	border: 1px solid #999999;
	background-color: #e5e5e5;
}
.prodsfam1 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	display: table-row;
}
.CellpADDINGrIGHT {
	padding-right: 25px;
}
.projectlist_rowwithborder {
	font-weight: 700;
	border: 1px solid #000000;
	background-color: #f1f1f1;
}
.fw200 {
	font-weight: 200;
}
.fw300 {
	font-weight: 300;
}

.fw400 {
	font-weight: 400;
}
.fw500 {
	font-weight: 500;
}
.fw600 {
	font-weight: 600;
}
.fw700 {
	font-weight: 700;
}
.fw800 {
	font-weight: 800;
}
.fw900 {
	font-weight: 600;
}
.wind1 {
	background-color: #F3F3F3;
	padding: 8px;
	box-shadow: 3px 3px 4px rgba(0, 0, 0, .2);
}
.wind2 {
	background-color: #f1f1f1;
	padding: 16px;
	box-shadow: 2px 2px 1px rgba(0, 0, 0, .2);
}
.lightbox_divst {
width: 90px; height: 90px; overflow: hidden; margin: 10px; position: relative; border:thin; border-color:#999999; border-style:solidl;
}
.lightbox_imgst {
position:absolute; left: -100%; right: -100%; top: -100%; bottom: -100%; margin: auto;  min-width: 100%;
}
.lightbox_center {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #D7D7D7;
	margin: 5px;
}
.ms1 {
	font-family: 'Commissioner', sans-serif;
}
.bordtop1 {
	padding-top: 22px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000000;
}
.title01 {
	font-family: 'Commissioner', sans-serif;
	font-size: 16px;
	font-weight: 300;
}
.tit1 {
	font-family: 'Commissioner', sans-serif;
	color: #666666;
	font-size: 22px;
	font-weight: 500;
}
.tit2 {
	font-family: 'Commissioner', sans-serif;
	color: #666666;
	font-size: 22px;
	font-weight: 500;
}
.titcod{
	font-family: 'Commissioner', sans-serif;
	color: #000000;
	font-weight: 500;
}
.titcod2 {
	font-family: 'Commissioner', sans-serif;
	color: #000000;
	font-weight: 500;
	font-size: 18px;
}
.shad01 {
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.divinfo {
	margin: 12px;
	padding: 12px;
	background-color: #F5F5F5;
}
.notedivcl  img {
	width: 100%;
}





/*****************************************************************************************TOGGLE BUTTON */




// Colors
@brand-primary: #29b5a8;
@brand-secondary: #ff8300;
@gray: #6b7381;
@gray-light: lighten(@gray, 15%);
@gray-lighter: lighten(@gray, 30%);;

// Button Colors
@btn-default-color: @gray;
@btn-default-bg: @gray-lighter;

// Toggle Sizes
@toggle-default-size: 1.5rem;
@toggle-default-label-width: 4rem;
@toggle-default-font-size: .75rem;


// General Styles for Demo
body {
	font-family: 'Commissioner', sans-serif;
	color: @gray;
	background: #f2f2f2;
}
.jumbotron {
  background: @gray;
  color: @gray-lighter;
  h1 {
    color: #fff;
  }
}
.example {
  margin: 4rem auto;
  > .row {
    margin-top: 2rem;
    height: 5rem;
    vertical-align: middle;
    text-align: center;
    border: 1px solid fade(@gray-lighter,50%);
    &:first-of-type {
      border:none;
      height: auto;
      text-align: left;
    }
  }
  h3 {
    font-weight: 400;
    > small {
      font-weight: 200;
      font-size: .75em;
      color: @gray-light;
    }
  }
  h6 {
    font-weight: 700;
    font-size: .65rem;
    letter-spacing: 3.32px;
    text-transform: uppercase;
    color: @gray-lighter;
    margin: 0;
    line-height:5rem;
  }
  .btn-toggle {
    top: 50%;
    transform: translateY(-50%);
  }
}



// Mixin for Switch Colors
// Variables: @color, @bg, @active-bg
.toggle-color(@color: @btn-default-color; @bg: @btn-default-bg; @active-bg: @brand-primary;) {
  color: @color;
  background: @bg;
  &:before,
  &:after {
    color: @color;
  }
  &.active {
    background-color: @active-bg;
  }
}

// Mixin for Default Switch Styles
// Variables: @size, @margin, @color, @bg, @active-bg, @font-size
.toggle-mixin(@size: @toggle-default-size; @margin: @toggle-default-label-width; @font-size: @toggle-default-font-size;) {
  // color: @color;
  // background: @bg;
  margin: 0 @margin;
  padding: 0;
  position: relative;
  border: none;
  height: @size;
  width: @size * 2;
  border-radius: @size;
  
  &:focus,
  &.focus {
    &,
    &.active {
      outline: none;
    }
  }
  
  &:before,
  &:after {
    line-height: @size;
    width: @margin;
    text-align: center;
    font-weight: 600;
    // color: @color;
    font-size: @font-size;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity .25s;
  }
  &:before {
    content: 'Off';
    left: -@margin;
  }
  &:after {
    content: 'On';
    right: -@margin;
    opacity: .5;
  }
  
  > .handle {
    position: absolute;
    top: (@size * .25) / 2;
    left: (@size * .25) / 2;
    width: @size * .75;
    height: @size * .75;
    border-radius: @size * .75;
    background: #fff;
    transition: left .25s;
  }
  &.active {
    transition: background-color .25s;
    > .handle {
      left: @size + ((@size * .25) / 2);
      transition: left .25s;
    }
    &:before {
      opacity: .5;
    }
    &:after {
      opacity: 1;
    }
  }
  
  &.btn-sm {
    &:before,
    &:after {
      line-height: @size - 2px;
      color: #fff;
      letter-spacing: .75px;
      left: @size * .275;
      width: @size * 1.55;
    }
    &:before {
      text-align: right;
    }
    &:after {
      text-align: left;
      opacity: 0;
    }
    &.active {
      &:before {
        opacity: 0;
      }
      &:after {
        opacity: 1;
      }
    }
  }
  
  &.btn-xs {
    &:before,
    &:after {
      display: none;
    }
  }
}



// Apply Mixin to different sizes & colors
.btn-toggle {
  
  .toggle-mixin;
  .toggle-color;
  
  &.btn-lg {
    .toggle-mixin(@size: 2.5rem; @font-size: 1rem; @margin: 5rem;);
  }
  
  &.btn-sm {
    .toggle-mixin(@font-size: .55rem; @margin: .5rem;);
  }
  
  &.btn-xs {
    .toggle-mixin(@size:1rem;@margin:0;)
  }
  
  &.btn-secondary {
    .toggle-color(@active-bg:@brand-secondary);
  }
}













/*****************************************************************************************TOGGLE BUTTON */
.themain {
	background-color: #FFFFFF;
}
.table-hdr1 {
  color: #fff;
  background-color: #5b95a9;
  border-color: #5b95a9;
  font-size:14px;
  font-weight: 700;
  padding:6px;
}









.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 24px;
}

.slider.round:before {
  border-radius: 50%;
}.pad_tothe_right {
	padding-right: 22px;
}
.pad_tothe_right_and_left {
	padding-right: 22px;
	padding-left: 22px;
}

.fit {
    white-space: nowrap;
    width: 1%;
}
.fit10 {
    white-space: nowrap;
    width: 10%;
}
.fcolr1 {
	color: #405995;
}
.foco1 {
	color: #FF0000;
}
.foco2 {
	color: #FF0000;
}

.sb1 {
	background-image: url(../images/sb1.jpg);
	background-repeat: repeat-y;
}
.sb2 {
	background-image: url(../images/sb2.jpg);
	background-repeat: repeat-y;
}
.sb3 {
	background-image: url(../images/sb3.jpg);
	background-repeat: repeat-y;
}
.sbdivider {
	background-color: #FFFFFF;
	height: 6px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-bottom-color: #333333;
}
.msg1 {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 5px;
	margin-top: 20px;
	margin-right: 42px;
	padding-top: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 17px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
.msg2 {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 5px;
	margin-top: 20px;
	margin-right: 42px;
	padding-top: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 17px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #FF3300;
}
.userdis {
	color: #FF0000;
	text-decoration: line-through;
}
.msgsb {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 5px;
	margin-top: 20px;
	margin-right: 42px;
	padding-top: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 17px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #990099;
}
.msgsorng {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 5px;
	margin-top: 20px;
	margin-right: 42px;
	padding-top: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 17px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #ff6600;
}
.msgtin {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 5px;
	margin-top: 20px;
	margin-right: 42px;
	padding-top: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 17px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #8C9B37;
}
.tbl_header1 {
	font-size: 14px;
	font-weight: 600;
	color: #FFFFFF;
	background-color: #8F7050;
}
.msg4 {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 5px;
	margin-top: 20px;
	margin-right: 42px;
	padding-top: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 17px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #FF6600;
}
.flugen1 {
	border: 3px solid #FFFFFF;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 5px;
}
.titillium1 {
	font-family: 'Commissioner', sans-serif;
}
.titillium_butt {
background-color: rgb(0, 151, 203)
border-bottom-color: rgb(0, 151, 203)
border-bottom-left-radius: 2px
border-bottom-right-radius: 2px
border-bottom-style: solid
border-bottom-width: 0.666667px
border-image-outset: 0
border-image-repeat: stretch
border-image-slice: 100%
border-image-source: none
border-image-width: 1
border-left-color: rgb(0, 151, 203)
border-left-style: solid
border-left-width: 0.666667px
border-right-color: rgb(0, 151, 203)
border-right-style: solid
border-right-width: 0.666667px
border-top-color: rgb(0, 151, 203)
border-top-left-radius: 2px
border-top-right-radius: 2px
border-top-style: solid
border-top-width: 0.666667px
box-sizing: border-box
color: rgb(255, 255, 255)
cursor: pointer
display: inline-block
font-family: "Titillium Web", sans-serif
font-size: 14px
font-weight: 600
height: 38.3333px
line-height: 21px
margin-bottom: 10px
padding-bottom: 8px
padding-left: 18px
padding-right: 18px
padding-top: 8px
text-align: left
text-decoration-color: rgb(255, 255, 255)
text-decoration-line: none
text-decoration-style: solid
text-decoration-thicknessv auto
transition-behavior: normal, normal, normal
transition-delay: 0s, 0s, 0s
transition-duration: 0.3s, 0.3s, 0.3s
transition-property: color, background-color, border-color
transition-timing-function: ease, ease, ease
width: 138.042px
-webkit-font-smoothing: antialiased
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

/*
 * GOTHAM FONT TDS
 */

@font-face {
  font-display: swap;
  font-family: GothamSSmBold;
  font-style: normal;
  font-weight: 700;
  src:
    url(/css/gotham-font/GothamSSm-Bold_Web.woff2)
    format("woff2");
}

/* Medium */

@font-face {
  font-display: swap;
  font-family: GothamSSmMedium;
  font-style: normal;
  font-weight: 500;
  src:
    url(/css/gotham-font/GothamSSm-Medium_Web.woff2)
    format("woff2");
}

/* Book */

@font-face {
  font-display: swap;
  font-family: GothamSSmBook;
  font-style: normal;
  font-weight: 400;
  src:
    url(/css/gotham-font/GothamSSm-Book_Web.woff2)
    format("woff2");
}

/* Light */

@font-face {
  font-display: swap;
  font-family: GothamSSmLight;
  font-style: normal;
  font-weight: 300;
  src:
    url(/css/gotham-font/GothamSSm-Light_Web.woff2)
    format("woff2");
}

/* Extra Light */

@font-face {
  font-display: swap;
  font-family: GothamSSmXLight;
  font-style: normal;
  font-weight: 200;
  src:
    url(/css/gotham-font/GothamSSm-XLight_Web.woff2)
    format("woff2");
}



--tds-font-family--combined: "Gotham SSm", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--tds-font-family--latin: "Gotham SSm";



.tds-link {
    --tds-link--icon-margin: calc((var(--tds-icon--size) + var(--tds-size--half))*-1);
    background-color: transparent;
    border: 0;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    box-shadow: 0 var(--tds-border-width--small) 0 0 currentColor;
    color: var(--tds-theme-foreground);
    cursor: pointer;
    font-family: GothamSSmXLight;
    padding: 0;
    position: relative;
    text-align: initial;
    transition: box-shadow .33s var(--tds-bezier),color .33s ease;
}

.tds-content_container {
    -webkit-margin-end: auto;
    -webkit-margin-start: auto;
    -webkit-padding-end: var(--tds-content_container--gutter);
    -webkit-padding-start: var(--tds-content_container--gutter);
    display: block;
font-family: GothamSSmBold;
    inline-size: var(--tds-content_container--inline-size);
    margin-inline-end: auto;
    margin-inline-start: auto;
    max-inline-size: var(--tds-content_container--max_width);
    padding-inline-end: var(--tds-content_container--gutter);
    padding-inline-start: var(--tds-content_container--gutter);
}

/*
 * GOTHAM FONT TDS END
 */

/*
 * proxima nove TDS
 */



@font-face{
    font-family:"ProximaNovaReg";
    font-weight:normal;
    font-style:normal;
    src:url("/css/proxima-nova/proximanova-regular.woff2") format("woff2"),url("/css/proxima-nova/proximanova-regular.woff") format("woff");
    font-display:swap
}
@font-face{
    font-family:"ProximaNovaMed";
    font-weight:500;
    font-style:normal;
    src:url("/css/proxima-nova/proximanova-medium.woff2") format("woff2"),url("/css/proxima-nova/proximanova-medium.woff") format("woff");
    font-display:swap
}
@font-face{
    font-family:"ProximaNovaBold";
    font-weight:700;
    -webkit-font-smoothing:antialiased;
    font-style:normal;
    src:url("/css/proxima-nova/proximanova-bold.woff2") format("woff2"),url("/css/proxima-nova/proximanova-bold.woff") format("woff");
    font-display:swap
}
.pn01 {
font-family: ProximaNovaBold;
}

/*
 * proxima nove TDS
 */
 .tablheadMAT {
	background-color: #F4F4F4;
	padding-right: 12px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #E0E0E0;
	border-bottom-color: #E0E0E0;
	border-left-color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	font-weight: 600;
	color: #666666;
}
.tablMAT {
	padding-right: 12px;
	border: 1px dotted #999999;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
}

.filterw{
    filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(329deg) brightness(103%) contrast(101%);
}