/* ElegantIcons */
@font-face {
  font-family: 'ElegantIcons';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/ElegantIcons/ElegantIcons.eot') format('eot');
  src: url('/fonts/ElegantIcons/ElegantIcons.eot?#iefix') format('embedded-opentype'),
       local('ElegantIcons'),
       url('/fonts/ElegantIcons/ElegantIcons.svg') format('svg'),
       url('/fonts/ElegantIcons/ElegantIcons.ttf') format('truetype'),
       url('/fonts/ElegantIcons/ElegantIcons.woff') format('woff');
}
@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/FontAwesome/fontawesome-webfont.eot') format('eot');
  src: url('/fonts/FontAwesome/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
       local('FontAwesome'),
       url('/fonts/FontAwesome/fontawesome-webfont.svg') format('svg'),
       url('/fonts/FontAwesome/fontawesome-webfont.ttf') format('truetype'),
       url('/fonts/FontAwesome/fontawesome-webfont.woff') format('woff'),
       url('/fonts/FontAwesome/fontawesome-webfont.woff2') format('wof2');
}
/*
       url('/fonts/ElegantIcons/ElegantIcons.woff2') format('woff2'),
*/

html, body, body.noHeight {
   height: 100%;
   overflow: hidden;
   width: 100%;
}
div.maincontent {
   bottom: 0;
   margin: 0;
   left: 0;
   overflow: hidden;
   position: absolute;
   right: 0;
   top: 110px;
}
footer {
   bottom: 0;
   display: none;
   height: 24px;
   left: 0;
   position: absolute;
   right: 0;
}
#topblock {
   margin-top: 5px;
}
#topblock,
#topblock .topblockdiv {
   height: 32px;/*100px*/
   overflow: hidden;
}
#topblock #tb1,
#topblock #tb2 {
   position: relative;
}
#topblock #tb1 {
   padding: 0 0 0 10px;
   width: 470px;
}
#topblock #tb2 {
   padding: 0 10px 0 0;
   width: 470px;
}
#tb2content .lcsCDM,
.bottomblock .contentblock .content .lcsCDM {
   font-style: italic;
   letter-spacing: 0.15em;
/*   margin-left: 16px;*/
}
#tb2content .lcsCDM .cdmB,
#tb2content .lcsCDM .cdmBF,
.bottomblock .contentblock .content .lcsCDM .cdmB,
.bottomblock .contentblock .content .lcsCDM .cdmBF,
.maincontent .contentblock .content .lcsCDM .cdmB,
.maincontent .contentblock .content .lcsCDM .cdmBF {
   color: red;
   font-size: 1.2em;
   font-weight: bold;
}
#tb2content .lcsCDM .cdmB {
   margin-left: 10px;
}
#topblock #tb2content h3 {
	margin: -6px 0 0px 0;
	font-size: 18px;
	font-weight: bold;
	color: #3b80c2;
}
div.maincontent div.bottomblock {
/*   border-top: 1px solid #808080;*/
   bottom: 0;
   left: 0;
   overflow: hidden;
   position: absolute;
   right: 0;
   top: 47px;/*115px;*/
}
/*
#bottomblock_1 {
   margin: 36px 0 0 0;
}
#bottomblock_1 div.content:first-child {
   width: 100%;
}
*/

/**/
#bottomblock_1 {
   background-color: rgb(255,255,255);
/*   background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 98%, rgba(160,160,160,1) 100%);*/
   background-image: linear-gradient(to bottom, rgba(160,160,160,1) 0, rgba(255,255,255,0) 16px );
   height: 16px;
}
/** /
#topblock {
   background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 98%, rgba(160,160,160,1) 100%);
   padding-bottom: 10px;
}
/**/
#bottomblock_2 {
   bottom: 0;
   left: 0;
/*   min-height: 600px;*/
   overflow: auto;
   position: absolute;
   right: 0;
   top: 16px;
}

div.maincontent div.bottomblock .contentblock,
div.maincontent div.bottomblock .contentblock .content {
   width: 100%;
}
div.maincontent div.bottomblock .contentblock.grey {
   background-color: #ffffff;
}
div.maincontent div.bottomblock .contentblock .content {
   padding: 0 16px 16px 16px;
}
.topblockcontent > div.tecCenterMenu,
.contentblock > .content > div.tecCenterMenu {
/*   background-color: #f8f800;*/
   padding: 16px 16px 0 16px!important;
}
.contentblock > .content > div.tecCenterMenu {
   border-bottom: 1px solid #808080;
   margin: -51px 0 0 0;
}
.topblockcontent > div.tecCenterMenu {
   bottom: 0;
   left: -10px;
   margin: 0;
   position: absolute;
}

input[type=checkbox] {
   cursor: pointer;
}
input[type=checkbox][disabled=disabled] {
   cursor: default;
}

input.btn {
   font-size: 14px;
   line-height: 1.4;
   margin: 8px 0;
   min-width: 120px;
   padding: 4px 6px;
}

div.tecCenterMenu ul {
   clear: both;
   display: block;
   margin: 0;
   min-width: 480px;
   padding: 0;
}
div.tecCenterMenu ul li {
   background-color: #ffffff;
   color: #606060;
   float: left;
   list-style: outside none none;
   margin: 0;
   min-width: 72px;/*94px;*/
   padding: 8px 8px 6px 8px;
   text-align: center;
}
div.tecCenterMenu ul li a {
   color: #606060;
   text-decoration: none;
}
div.tecCenterMenu ul li.active {
   background-color: #f0f0f0;
   color: #3b80c2;
   font-weight: bold;
}
div.tecCenterMenu ul li:hover {
   background-color: #f8f8f8;
}
div.tecCenterMenu ul li.active:hover {
   background-color: #e8e8e8;
}
div.tecCenterMenu ul li:hover a {
   color: #3b80c2;
}
a.disabled,
div.tecCenterMenu ul li a.disabled {
   color: #a8a8a8;
}
a.disabled:hover,
div.tecCenterMenu ul li a.disabled:hover {
   color: #ffa8a8;
   text-decoration: line-through;
}
/* -------------------- */
div.tecCenterContent {
/*   margin: 32px 0 48px 0;*/
   margin: 8px 0 0 0;
/*   margin: 0;*/
   overflow: auto;
/*   padding: 10px 0 72px 0!important;*/
   padding: 0 0 120px 0!important;
   position: relative;
}
div.tecCenterContent textarea {
   border: 1px solid #3b80c2;
   min-height: 120px;
   width: 100%;
}
/*
div.tecCenterContent div.textarea {
   border: 1px solid #3b80c2;
   margin: 10px 0;
   padding: 3px;
   position: relative;
}
div.tecCenterContent div.textarea textarea {
   border: none;
   padding: 0;
   width: 100%;
}
*/

div.tecCenterContent div.textarea,
div.tecCenterContent div.fileupload {
   margin: 10px 0;
   position: relative;
}
div.tecCenterContent div.textarea textarea {
   background-color: #f8f7f2;
   border: 1px solid #3b80c2;
   margin: 0;
   min-height: 128px;
   padding: 3px;
   position: relative;
   width: 98.6%;
}

div.tecCenterContent div.fileupload {
   border: 1px solid #3b80c2;
   min-height: 126px;
   margin-right: 1%;
}
div.tecCenterContent div.fileupload label {
   border: 1px solid #3b80c2;/* cccccc*/
   border-radius: 8px;
   display: inline-block;
   margin: 50px auto auto 10px;
   padding: 0 20px 0 0;
}
div.tecCenterContent div.fileupload label .button {
   background-color: #3b80c2;
   border: 1px solid #3b80c2;
   border-radius: 8px 0 0 8px;
   color: #ffff00;
   cursor: pointer;
   display: inline-block;
   padding: 6px 12px;
}
div.tecCenterContent div.fileupload label .filename {
   margin-left: 20px;
   min-width: 180px;
}
div.tecCenterContent div.fileupload input {
   border: 1px solid #3b80c2;
   display: none;
   margin: 50px auto auto 10px;
   padding: 0;
}
div.tecCenterContent div.fileupload input >button {
   background-color: #3b80c2;
   color: #ffff00;
   margin: 0;
}
div.tecCenterContent div.fileupload input>button,
div.tecCenterContent div.fileupload input>button:focus,
div.tecCenterContent div.fileupload input>button:active {
   border: none;
   outline: none;
}
div.tecCenterContent div.help {
   background-color: #fffff0;
   border: 1px dotted #d0d0ff;
   font-size: 82%;
   margin: 10px 1% 10px 0;
   padding: 10px 20px;
}
div.tecCenterContent div.help p {
   line-height: 125%;
   margin: 12px 0 0 0;
}
div.tecCenterContent div.help p:first-child {
   margin: 0;
}
table.listTable,
table.editTable {
   border-collapse:collapse;
   margin: 0 auto 0 auto;
}
p.filter-table {
	background-color: #f6b59f;
	display: inline-block;
   margin: 0 0 0 0;
	padding: 2px 8px;
}
table.listTable {
/*   background-color: #fefef0;*/
   border: 1px solid #3b80c2;
   border-collapse: collapse;
/*   max-width: 960px;*/
}
table.listTable thead {
   background-color: #3b80c2;
}
table.listTable thead th {
   color: #ffffff;
   font-size: 14px;
   font-weight: bold;
   padding: 4px 8px;
   text-align: center;
   white-space: nowrap;
}
/* wtf did he think when implementing this? */
table.listTable thead th:not(.sorter-false).tablesorter-header {
   background-image: url("/images/icons/tsort/sortable.gif");
   background-position: right center;
   background-repeat: no-repeat;
   cursor: pointer;
/*   padding: 8px 16px 8px 4px;*/
   padding: 4px 28px 4px 8px;
}
table.listTable thead th:not(.sorter-false).tablesorter-header.desc {
   background-image: url("/images/icons/tsort/asc.gif");
}
table.listTable thead th:not(.sorter-false).tablesorter-header.asc {
   background-image: url("/images/icons/tsort/desc.gif");
}

table.listTable tbody tr.even,
table.listTable tfoot tr.even {
/* non-alternating background * /
   background-color: #ffffff;
/* alternating background */
   background-color: #f8f8f8;
/**/
}
table.listTable tbody tr.odd,
table.listTable tfoot tr.odd {
   background-color: #ffffff;
}
table.listTable tbody tr.even.expired,
table.editTable tbody tr.even.expired {
/* light red on non-alternating background * /
   background-color: #fadbdb;
/* light red on alternating background * /
   background-color: #e8c8c8;
/* no special background */
   background-color: #f8f8f8;
/**/
}
table.listTable tbody tr.expired,
table.listTable tbody tr.odd.expired,
table.editTable tbody tr.odd.expired {
/* light red on non-alternating background * /
   background-color: #fadbdb;
/* light red on alternating background * /
   background-color: #fadbdb;
/* no special background */
   background-color: #ffffff;
/**/
}
table.listTable tbody td,
table.listTable tfoot td {
   font-size: 12px;
/*   max-width: 182px;*/
   padding: 3px 6px;
   vertical-align: top;
}
table.listTable tbody td {
   border-right: 1px dotted #666666;
}
table.listTable th.checkbox,
table.listTable td.checkbox {
   padding: 5px 2px 0 2px;
   text-align: center;
}
table.listTable tbody td.expireIcon,
table.listTable tbody td span.expireIcon {
   border-right: 0 none;
   color: #00e800;
   font-family: ElegantIcons !important;
   font-size: 20px;
   padding: 0 0 0 8px;
   vertical-align: middle;
}
table.listTable tbody td.nowidth,
table.editTable tbody td.nowidth,
td.nowidth div {
   overflow: hidden;
   padding: 0;
   width: 0;
}
table.listTable tbody td.nowidth,
table.editTable tbody td.nowidth {
   border: 0 none;
}
td.nowidth div {
   display: inline-block;
   margin: 0;
}
table.listTable tbody td.expireIcon.warn,
table.listTable tbody td span.expireIcon.warn {
   color: #ff8020;
}
table.listTable tbody td.expireIcon.expired,
table.listTable tbody td span.expireIcon.expired {
   color: #ff0000;
}
table.listTable tbody td.expireIcon,
table.listTable tbody td.expireDate {
/* if licence-info not in title: * /
   border-right: 0 none;
/**/
   cursor: help;
}
table.listTable tbody td.expireIcon,
table.listTable tbody td.expireDate,
table.listTable tbody td.expireState {
   vertical-align: middle;
}
table.listTable tbody td span.licsymbol {
   color: #00e800;
   font-family: ElegantIcons !important;
   font-size: 20px;
   margin: 0 10px 0 0;
   vertical-align: middle;
}
table.listTable tbody td span.licsymbol.warn {
   color: #ff8020;
}
table.listTable tbody td span.licsymbol.expired {
   color: #ff0000;
}
table.listTable tbody td p {
   line-height: 1;
   margin: 0;
   padding: 0;
}
table.listTable tbody td.number,
table.listTable tbody td.date,
table.editTable tbody td.number,
table.editTable tbody td.date {
   padding-right: 12px;
   text-align: right;
}
table.listTable tbody td.currency,
table.editTable tbody td.currency {
   padding-right: 8px;
   text-align: right;
   white-space: nowrap;
}

table.listTable thead th.info,
table.listTable thead th.info div,
table.listTable tbody td.info,
table.listTable tbody td.help,
table.editTable tbody td.info {
   cursor: help;
   font-size: 80%;
   text-align: center;
}
table.listTable thead th.info,
table.listTable thead th.info div,
table.listTable tbody td.info.icon,
table.listTable tbody td.info .icon,
table.editTable tbody td.info .icon {
   font-family: ElegantIcons !important;
   font-size: 125%;
}
table.listTable thead th.info,
table.listTable tbody td.info,
table.editTable tbody td.info {
   vertical-align: middle;
}
table.listTable thead th.info,
table.listTable thead th.info div {
   color: #ffffff;
}
table.listTable tbody td.info,
table.editTable tbody td.info {
   color: #3b80c2;
}
table.listTable tbody td.info.expired,
table.listTable tbody td .expired,
table.editTable tbody td.info.expired {
   color: #ff0000;
}
table.listTable tbody td.info.warn,
table.listTable tbody td .warn,
table.editTable tbody td.info.warn {
   color: #ffad40;
}
table.listTable tbody td.info.valid,
table.listTable tbody td .valid,
table.editTable tbody td.info.valid {
   color: #0fbf0f;
}
table.listTable tbody td.info.unknown,
table.editTable tbody td.info.unknown {
   color: #888888;
}
table.listTable tbody td.info.expired.solid,
table.editTable tbody td.info.expired.solid {
   color: #e80000;
}
table.listTable tbody td.info.valid.solid,
table.editTable tbody td.info.valid.solid {
   color: #00c800;
}
table.listTable tbody td.info div.infoBlock {
   font-family: ElegantIcons !important;
   font-size: 100%;
   position: relative;
   text-align: center;
}
table.listTable tbody td.info div.infoBlock .infoBody {
   background-color: #f0f0f0;
   border: 1px solid #383838;
   border-radius: 0 4px 4px 4px;
   display: none;
   height: auto;
   left: -6px;
   padding: 4px;
   position: absolute;
   text-align: left;
   top: -4px;
   width: 240px;
   z-index:99;
}


table.listTable tbody td.infoBlock {
   cursor: pointer;
   font-family: ElegantIcons !important;
   font-size: 100%;
   position: relative;
   text-align: center;
   vertical-align: middle;
}
table.listTable tbody td.infoBlock div.infoCloser {
   bottom: 0;
   display: none;
   left: 0;
   position: fixed;
   right: 0;
   top: 0;
   z-index: 97;
}
table.listTable tbody td.infoBlock div.infoBody {
   background-color: #f0f0f0;
   border: 1px solid #383838;
   border-radius: 0 4px 4px 4px;
   display: none;
   height: auto;
   left: -6px;
   padding: 4px;
   position: absolute;
   text-align: left;
   top: -4px;
   width: 240px;
   z-index:99;
}



table.listTable tbody td.nw,
table.editTable tbody td.nw {
   white-space: nowrap;
}
table.listTable tbody td.custName p {
   font-size: 90%;
}
table.listTable tbody td.custName p.info {
   font-size: 75%;
}

table.listTable td.grey {
   color: #a0a0a0;
}
table.listTable td.icon,
table.listTable tfoot td.icon,
table.listTable tfoot tr td.icon,
table.listTable tfoot tr.newData td.icon {
/*   padding: 4px 0 0 2px;*/
   padding: 0;
   position: relative;
   text-align: center;
   vertical-align: middle;
}
table.listTable td.icon.middle,
table.listTable tfoot td.icon.middle,
table.listTable tfoot tr td.icon.middle,
table.listTable tfoot tr.newData td.icon.middle {
   vertical-align: middle;
}
table.listTable td.numlink span,
table.listTable td.numlink a {
   border-radius: 14px;
   display: inline-block;
   height: 16px;
   padding: 4px 2px;
   min-width: 20px;
}
table.listTable td.numlink span {
   background-color: #c8c8c8;
   color: #666666;
}
table.listTable td.numlink a {
   background-color: #3b80c2;
   color: #ffffff;
}
table.listTable td.numlink,
table.listTable td.numlink a {
   text-align: center;
}
table.listTable td.numlink a.warn1 {
   background-color: #00c800;
}
table.listTable td.numlink a.warn2 {
   background-color: #00c800;
}
table.listTable td.numlink a.warn3 {
   background-color: #ff0000;
}

table.listTable td.clickicon,
table.listTable tfoot td.clickicon,
table.listTable tfoot tr td.clickicon,
table.listTable tfoot tr.newData td.clickicon {
   cursor: pointer;
   font-family: ElegantIcons !important;
   font-size: 28px;
   position: relative;
   text-align: center;
   vertical-align: middle;
}
table.listTable td.clickicon div.clickmenu,
table.listTable tfoot td.clickicon div.clickmenu,
table.listTable tfoot tr td.clickicon div.clickmenu,
table.listTable tfoot tr.newData td.clickicon div.clickmenu {
   background-color: #fcfcfc;
   border-color: #3b80c2;
   border-style: solid dotted dotted dotted;
   border-width: 2px 1px 1px 1px;
   border-radius: 0 0 3px 3px;
   display: none;
   font-size: 12pt;
/*   left: 1px;*/
   line-height: 2em;
   padding: 12px 8px;
   position: absolute;
   right: 1px;
   text-align: left;
   top: 4px;
   z-index: 999;
}
table.listTable td.clickicon div.clickmenu a,
table.listTable tfoot td.clickicon div.clickmenu a,
table.listTable tfoot tr td.clickicon div.clickmenu a,
table.listTable tfoot tr.newData td.clickicon div.clickmenu a {
   white-space: nowrap;
}
table.listTable td.clickicon div.menuCloser,
table.listTable tfoot td.clickicon div.menuCloser,
table.listTable tfoot tr td.clickicon div.menuCloser,
table.listTable tfoot tr.newData td.clickicon div.menuCloser {
   bottom: 0;
   display: none;
   left: 0;
   position: fixed;
   right: 0;
   top: 0;
   z-index: 888;
}

table.listTable tbody tr td:last-child {
   border-right: 0 none;
}
table.listTable tbody td.small {
   font-size: 11px;
}
table.listTable tbody td.hint,
table.listTable tfoot td.hint {
   font-style: italic;
}
table.listTable tbody td.red {
   color: red;
}
table.listTable tbody td.green {
   color: #00c838;
}
table.listTable tbody td.yellow {
   color: #ec911b;/*f2d11d;*/
}
table.listTable tbody td.grey {
   color: #a0a0a0;
}
table.listTable tbody.lined td {
   border-top: 1px dotted #888888;
}
table.listTable tbody.lined tr:first-child td {
   border-top: 0 none;
}
table.listTable tbody td.subline {
   border-bottom: 1px dotted #888888;
}
table.listTable tbody td.bottomline {
   border-bottom: 1px solid #666666;
}
table.listTable tbody tr.topline td,
table.listTable tfoot tr.topline td,
table.listTable tbody td.topline {
   border-top: 1px solid #666666;
}
table.listTable tbody td.input,
table.listTable tfoot td.input {
   padding: 3px 1px;
}
table.listTable tbody td input,
table.listTable tbody td select {
   font-size: 12px;
}
table.listTable tbody td input {
   padding: 2px 4px;
}
table.listTable tbody td select {
   height: 24px;
   max-width: 256px;
}
table.listTable tbody td input,
table.listTable tbody td select {
   border: 1px dotted #888888;
}
table.listTable tbody td input,
table.listTable tbody td select,
table.listTable tfoot td input,
table.listTable tfoot td select {
   border: 1px dotted #666666;
   border-radius: 4px;
}
table.listTable tbody td input.mandatory,
table.listTable tbody td select.mandatory,
table.listTable tfoot td input.mandatory,
table.listTable tfoot td select.mandatory {
   border: 1px dotted #ff6868;
}
table.listTable tbody tr.newData td,
table.listTable tfoot tr.newData td {

   border-right: 0 none;
   padding: 3px 1px;
   text-align: center;
}
table.listTable tbody tr:first-child.newData td,
table.listTable tfoot tr:first-child.newData td {
   border-top: 1px solid #888888;
}
table.listTable tbody tr.newData td.label,
table.listTable tfoot tr.newData td.label {
   padding: 4px;
}

table.editTable {
   border: 1px solid #3b80c2;
}
table.editTable th,
table.editTable td {
   font-size: 14px;
   padding: 6px 16px;
   vertical-align: top;
}
table.editTable thead th {
   font-size: 16px;
}
table.editTable th {
/*   background-color: #fcfcff;*/
   border-right: 1px dotted #888888;
   color: #383838;
   font-weight: bold;
}
table.editTable tr.headline th {
   border-bottom: 1px solid #3b80c2;
}
table.editTable tr.headline th p {
   font-size: inherit;
   font-weight: inherit;
   margin: 0;
   padding: 0;
}
table.editTable td {
   color: #666666;
}
table.editTable tbody tr.even {
   background-color: #f8f8f8;
}
table.editTable tbody tr.odd {
   background-color: #ffffff;
}
table.editTable tbody th,
table.editTable tbody td,
td.bordered {
   border-bottom: 1px dotted #888888;
}
table.editTable td.bordered,
td.rborder {
   border-right: 1px dotted #888888;
}
td.lborder {
   border-left: 1px dotted #888888;
}
table.editTable a.btn {
   min-width: 114px;
}
table.editTable tr.submitline td {
   border-top: 1px solid #3b80c2;
   padding: 16px;
   text-align: center;
}
table.editTable td input,
table.editTable td select {
   font-size: 14px;
}
table.editTable td input {
   border: 1px dotted #ff6868;
   padding: 4px;
}
table.editTable td select {
   border: 1px dotted #ff6868;
   height: 28px;
   max-width: 310px;
}
div.tecCenterContent a.mailto,
div.tecCenterContent a.notification,
div.tecCenterContent a.phone {
   display: inline-block;
   position: relative;
}
div.tecCenterContent a.mailto,
div.tecCenterContent a.phone {
   color: #3b80c2;
}
div.tecCenterContent a.mailto,
div.tecCenterContent a.notification {
   padding: 0 0 0 14px;
}
div.tecCenterContent a.phone {
   padding: 0 0 0 12px;
}
div.tecCenterContent a.notification {
   color: #480000;
}
div.tecCenterContent a.mailto:before,
div.tecCenterContent a.notification:before {
	font-family: lcs_iconset !important;
	font-size: 100%;
	left: 0;
	position: absolute;
}
div.tecCenterContent a.mailto:before {
   color: #3b80c2;
   content: '\e81d';
   top: 2px;
}
div.tecCenterContent a.notification:before {
   color: #800000;
	content: '\e81b';/*'\e81c';*/
   font-size: 1.2em;
   top: -2px;
}
div.tecCenterContent a.phone::before {
   color: #3b80c2;
/*
   content: '\f095';
   font-family: "FontAwesome";
*/
   content: '\e090';
   font-family: "ElegantIcons";
   font-size: 90%;
   left: 0;
	position: absolute;
	top: 2px;
}
div.tecCenterContent .acenter {
   text-align: center!important;
}
div.tecCenterContent .aright {
   text-align: right!important;
}

#progressDsp {
   display: none;
   height: 64px;
   left: 50%;
   margin: -32px auto auto -32px;
   position: fixed;
   top: 50%;
   width: 64px;
   z-index: 9999;
}

.nobr {
   white-space: nowrap;
}
.center {
   text-align: center;
}
.right {
   text-align: right;
}

.bold {
   font-weight: bold;
}