@import url(https://use.fontawesome.com/releases/v5.0.8/css/all.css);body{
    background-color:#fff;
    text-align:center;
    padding:55px;
}

.stars-outer {
    position:relative;
    display:inline-block;
}

.stars-inner{
    position:absolute;
    top:0;
    left:0;
    white-space:nowrap;
    overflow:hidden;
    width:0;
}

.stars-outer:before {
    color:#ccc;
}

.stars-inner:before,.stars-outer:before {
    content: "\f005 \f005 \f005 \f005 \f005";
    font-family: "Font Awesome 5 Free";
    font-weight:900;
    font-size:xx-large;
}

.stars-inner:before {
    color:#880015;
}

.center {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

table{
    width:100%;
    border-right:1px solid #999;
    table-layout:fixed;
}

th {
    overflow-y: visible !important;
    position: relative;
    height:30px;
    background-color:#880015;
    color:#fff;
    text-shadow:#012b4d 2px 2px 2px;
    text-align:center;
}

td {
    text-indent:5px;
    color:#444;
    border-bottom:1px solid #bbb;
    border-left:1px solid #bbb;
}

td.left {
    border-left:1px solid #2e638e;
}

td.right {
    border-right: 1px solid #2e638e;
}

td.bottom {
    border-bottom:1px solid #2e638e;
}

.grip {
    width:20px;
    height:15px;
    margin-top:-3px;
    margin-left:-9px;
    background-image:url(../assets/img/grip.993bdf7a.png);
    position:relative;
    z-index:88;
    cursor:e-resize;
}

.grip:hover {
    background-position-x:-20px;
}

.JCLRLastGrip .grip {
    background-position-y:-18px;
    left:-2px
}

.dragging .grip {
    background-position-x:-40px;
}

.sampleText{
    position:relative;
    width:100%;
}

.dotted {
    background-repeat:repeat-y;
}

#sample2Txt {
    float:right;
}

label {
    color:#0361ae;
}

.auto-style1 {
    font-size:xx-large;
}

.dragContainer {
    position: absolute;
    top: -70px;
    left: -31px;
    height: 70px;
    animation: move 2s ease-in-out 4s;
}

@keyframes move {
    0% {
        transform: translateX(0);
    }

    40% {
        transform: translateX(75%);
    }

    70% {
        transform: translateX(75%);
    }

    100% {
        transform: translateX(0);
    }
}

.dragIt {
    width: 100%;
    height: 100%;
}

.appraisal-grade {
    display: inline-block;
    max-width: 25px;
    border-radius: 5px;
    text-align: right;
}

.appraisal-grade:focus {
    outline: none;
}

.charitySelect {
    font-size: 3rem;
}

.left-align {
    display: flex;
    align-items: left;
    justify-content: left;
    flex-direction: column;
    width: 10%
}