@font-face {
  src: url("../webfonts/fontello.ttf?v=2.1.3") format("truetype"), url("../webfonts/fontello.svg#fontello?v=2.1.3") format("svg");
  font-family: 'Fontello';
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

.icon {
  font-family: 'Fontello';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.icon-right-big:before {
  content: '\e900'; }

.icon-left-big:before {
  content: '\e901'; }

.icon-circle:before {
  content: '\e903'; }

.icon-user-circle:before {
  content: '\e904'; }

.icon-calendar:before {
  content: '\e905'; }

.icon-ok-circled:before {
  content: '\e906'; }

.icon-down-open:before {
  content: '\e907'; }

.icon-attention:before {
  content: '\e908'; }

.icon-info-circled:before {
  content: '\e909'; }

.icon-cancel:before {
  content: '\e910'; }

/* Tooltip container */
trustedsource {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; }

/* Tooltip text */
.tooltip {
  min-width: 250px;
  border: 1px solid #dcdbdb;
  background: #fff;
  box-shadow: 0 4px 8px 0 rgba(152, 152, 152, 0.5);
  padding: 15px;
  opacity: 1;
  position: absolute;
  z-index: 1;
  border-radius: 4px; }

.tooltip .icon-ok-circled, .link i {
  color: #008000; }

.tooltip .icon-cancel {
  color: #6d6d6d; }

.tooltip .title {
  font-weight: 700;
  font-size: 1.2rem;
  margin-bottom: 20px;
  display: block;
  line-height: 1.1em; }

.tooltip .content {
  display: block;
  font-size: .9em;
  margin-bottom: 20px; }

.tooltip .link {
  cursor: pointer;
  font-size: .9em; }

.tooltip-content .link:hover {
  text-decoration: underline;
  color: #0274be; }

.tooltip .trustedsource-link {
  font-size: 15px;
  padding-left: 5px; }

.tooltip .trustedsource-close {
  float: right;
  font-size: 15px; }