@charset "UTF-8";
*{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.formie {
    background-color: #dbf0d1;
}
.darkformie {
    background-color: #afe296;
}
.greymie {
    background-color: #EEEEE6;
}
.tippy {
    background-color: #9c9c9c;
    color: #000 !important;
}
.whitippy {
    background-color: #fff;
    color: #9c9c9c;
}
.grn {
    background-color: #66cc33;
    color: #fff;
}
.jaspborder {
    background-color: #fff;
    color: #66cc33;
    border: 1px solid #66cc33;
}
.jaspborder:hover {
    background-color: #66cc33;
    color: #fff;
}
.linksi {
    color: #66cc33;
}
.compname {
    color: #66cc33;
    text-transform: uppercase;
}
.tabby {
    color: #9c9c9c;
    border-top: solid 0px #9c9c9c !important;
    border-left: solid 0px #9c9c9c !important;
    border-right: solid 0px #9c9c9c !important;
    border-radius: 0px 0px 0px 0px;
    transition: transform 0.5s;
} 
.tabby:hover {
    background-color: #fff;
    color: #66cc33 !important;
    transform: translate(0px, -5px);
    border: solid 0px #66cc33 !important;
    border-radius: 8px;
}
.greysis {
    color: #9c9c9c;
}
.whitsis {
    color: #000;
}
.blksis {
    color: #fff;
}
.uppitigrn {
    background-color: #66cc33;
    color: #fff;
    transition: transform 0.5s;
}
.uppitigrn:hover {
    background-color: #00bdae;
    color: #fff;
    transform: translate(0px, -5px);
}
.uppitiwhi {
    background-color: #00bdae;
    color: #fff;
    transition: transform 0.5s;
}
.uppitiwhi:hover {
    background-color: #66cc33;
    color: #fff;
    transform: translate(0px, -5px);
}
.hintitle {
    background-color: #dbf0d1;
    color: #000;
    padding: 5px 10px;
    border-radius: 5px;
}
.greytitle {
    background-color: #e6e6e6;
    color: #000;
    padding: 5px 10px;
    border-radius: 5px;
}
.jaspgrad {
    background-image: linear-gradient(165deg, #92d96e, #afe296, #afe296 50%, #7fddd6, #00bdae);
}
.jaspshadow {
    box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.12), 0 8px 8px rgba(0,0,0,0.12), 0 16px 16px rgba(0,0,0,0.12);
}
.jaspshadow-container {
    border-radius: 15px;
}
.gradtippy {
    background-image: linear-gradient(180deg, #92d96e, #00bdae);
    color: #fff !important;
}
.prettycorners {
    border-radius: 8px;
}
.igrad {
    background: -webkit-linear-gradient(#92d96e, #00bdae);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.jaspit {
    font-size: 18px;
    font-weight: bold;
}
.oomf {
    text-shadow: 2px 2px #66cc33;
}