﻿/*SPECIAL ARTICLE CLASSES*/

.size-one {
    font-size: 12px;
}
.size-two {
    font-size: 13px;
}
.size-three {
    font-size: 14px;
}

table.unstriped tr td {
    border-right: 1px solid #EDEFF2;
    border-top: 1px solid #EDEFF2;
}

table.width-20 tr td:first-child {
     width: 20%!important;
}

table.width-30 tr td:first-child {
     width: 30%!important;
}

table.width-40 tr td:first-child {
     width: 40%!important;
}

table.width-50 tr td:first-child {
     width: 50%!important;
}

table.width-90 tr td:first-child {
     width: 90%!important;
}

.main-40 {
    width: 40%!important;
}
.main-50 {
    width: 50%!important;
}
.main-60 {
    width: 60%!important;
}


/*chartjs-tooltip*/

canvas{
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
#chartjs-tooltip {
    opacity: 1;
    position: absolute;
    background: rgba(0, 0, 0, .7);
    color: white;
    border-radius: 3px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    pointer-events: none;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
    z-index:100;
}
.chartjs-tooltip-key {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
}



#chartjs-tooltip table,
#chartjs-tooltip thead,
#chartjs-tooltip tbody,
#chartjs-tooltip tfoot,
#chartjs-tooltip tr,
#chartjs-tooltip  tr:nth-child(2n),
#chartjs-tooltip th,
#chartjs-tooltip td {
    background: none;
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    border-collapse: inherit;
    border-spacing: 0;
    border-color: inherit;
    vertical-align: inherit;
    text-align: left;
    font-weight: inherit;
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 0;
}
#chartjs-tooltip th {
    color: white;
    font-weight: bold
}
#chartjs-tooltip table {
    color: white;
    font-family: "Open Sans", Helvetica, Roboto, Arial, sans-serif;
    margin-bottom: 0px;
}


.ug-gallery-wrapper .ug-strip-panel[style] {
    background-color: #628763!important;
  
}

