body{
    background-color:#f5f5f5;
    /* color: #95a3bd; */
}
p{
    color:#95a3bd;
    fill: #95a3bd;
}
.top-bar{ margin-top: .5rem; margin-bottom: .5rem;}
.top-bar, .top-bar ul{background-color: transparent;}
.off-canvas{
    background-color: transparent;
    border-right: 1px solid rgb(239, 241, 243);
}
.position-left.is-transition-push {
    -webkit-box-shadow: none;
    box-shadow: none;
}
ul, ul li a{
    color: #969696;
    fill: #969696;
}
ul, ul li a:hover{
    color: #b0253d;
    fill: #b0253d;
}
.reset-margin{
    margin: 0px;
}
.rounded{
    border-radius: 1rem;
}
.full-rounded{
    border-radius: 999rem;
}
.shadow{
    box-shadow: 0 9px 14px rgba(167,170,172, 0.7);
}
.shadow-hover{
    box-shadow: 0 0 0 rgba(167,170,172, 0.7);
    transition: box-shadow 0.1s ease-in-out;
}
.shadow-hover:hover{
    box-shadow: 0 9px 14px rgba(167,170,172, 0.4);
}
.float{
    display: flex;
    align-items: center;
}
/**------------------------------**/
/**            Table
/**------------------------------**/
table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0; }
    thead,
    tbody,
    tfoot {
      border: 1px solid #f1f1f1;
      background-color: transparent; }
    thead {
      background: transparent;
      color: #0a0a0a; }
    tfoot {
      background: transparent;
      color: #0a0a0a; }
    thead tr,
    tfoot tr {
      background: transparent; }
    tbody th,
    tbody td {
      padding: 0.5rem 0.625rem 0.625rem; }
    tbody tr:nth-child(even) {
      border-bottom: 0;
      background-color: transparent; }
    table.unstriped tbody {
      background-color: transparent; }
      table.unstriped tbody tr {
        border-bottom: 1px solid #f1f1f1;
        background-color: transparent; }
  
  @media print, screen and (max-width: 63.99875em) {
    table.stack thead {
      display: none; }
    table.stack tfoot {
      display: none; }
    table.stack tr,
    table.stack th,
    table.stack td {
      display: block; }
    table.stack td {
      border-top: 0; } }
  
  table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto; }
  
  table.hover thead tr:hover {
    background-color: #f3f3f3; }
  
  table.hover tfoot tr:hover {
    background-color: #ececec; }
  
  table.hover tbody tr:hover {
    background-color: #f9f9f9; }
  
  table.hover:not(.unstriped) tr:nth-of-type(even):hover {
    background-color: #ececec; }
/**------------------------------**/
/**         Sizes Icons
/**------------------------------**/
.sa-xs{width: 1rem; height: 1rem;}
.sa-sm{width: 1.55rem!important; height: 1.55rem!important;}
.sa-md{width: 2.25rem!important; height: 2.25rem!important;}
.sa-lg{width: 3rem!important; height: 3rem!important;}
/**------------------------------**/
/**         Callout fancy
/**------------------------------**/
.valid-icon{padding:.5rem; padding-bottom: .3rem; background-color: #fafafa; fill: #aaa; color: #fefefe; width: 2rem; cursor: pointer;}
.last-icon{padding:.7rem; padding-bottom: .4rem; background-color: #35cc62; margin-right: 1.2rem; margin-left: .5rem; fill: #fefefe;}
.callout{border-radius: .6rem;border: none;}
.callout.medium{padding: 1.7rem;}
.callout.post {background-color: #34c98b;color: #fefefe; }
.callout.post p {color: #fefefe; }
.khopost {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 1.2rem;
}

/**------------------------------**/
/**         Button fancy
/**------------------------------**/
.button.white, .button.white.disabled, .button.white[disabled], .button.white.disabled:hover, .button.white[disabled]:hover, .button.white.disabled:focus, .button.white[disabled]:focus {
    background-color: #fefefe;
    fill: #34c98b;
    color: #34c98b; }
  .button.white:hover, .button.white:focus {
    background-color: #fefefe;
    fill: #23af75;
    color: #23af75; }
/**------------------------------**/
/**         Margin space
/**------------------------------**/
.margin-tiny{margin: .25rem;}
.margin-small{margin: .5rem;}
.margin{margin: 1rem;}
.margin-large{margin: 3rem;}

.margin-y-small{margin-top: .5rem; margin-bottom: .5rem;}
.margin-y{margin-top: 1rem; margin-bottom: 1rem;}
.margin-y-large{margin-top: 3rem; margin-bottom: 3rem;}
.margin-y-xlarge{margin-top: 5.5rem; margin-bottom: 5.5rem;}