.cr-index {
    font-size:1.8em;
    padding-top:26px;
}
.list-index {
    padding-top: 9px;
}
.large-text {
    font-size: 1.5em;
}
.form-control.nool:focus {
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-flipr {
    margin-top:-7px;
    padding-left:150px;
}
.btn-flipl {
    margin-top:-7px;
    margin-bottom:-6px;
    padding-right:150px;
}
.panel-body {
    background-color: #fef9f2;
}

.coin-image {
    max-width: 100%;
    border: solid 1px rgb(204, 204, 204);
    border-radius: 4px;
}
.showline {
    font-size: 15px;
    padding: 6px 0;
}
.showlabel {
    display: grid;
    align-items: stretch;
    padding: 0 6px 3px 3px;
}
.showlabel > div {
    background: #EBEBEB;
    display: flex;
    align-items: center;
    padding-left: 12px;
}
.showtext {
    padding: 3px;
    min-height: 47px;
}
.showtext > div {
    font-weight: bold;
    padding: 9px 10px;
    min-height: 100%;
    position: relative;
    border: solid 1px #999;
    line-height: 1.4;
}
.showtext > div > span {
    position: absolute;
    top: -8px;
    font-size: 0.8em;
    font-weight: normal;
    color: #999;
    background: #f8fafc;
    padding: 0 6px;
    left: 3px;
}
.showtext > div > div {
    font-size: 1.4em;
    line-height: 1;
    text-align: center;
}
.showpiclabel {
    background-color: #deeeff;
    padding: 5px 10px;
}
.findform {
    padding-top: 2px;
}
.findform span {
    color: white;
    font-size: 24px;
    font-weight: bold;
}
.findform label {
    color: #f6993f;
    padding-right: 9px;
}
.findform input[name='find-crno_major'] {
    width: 90px;
    height: 30px;
    text-align: right;
}
.findform input[name='find-crno_minor'] {
    width: 60px;
    height: 30px;
}
.findform .btn {
    padding: 3px 0.75rem;
}
.fpperson .select2-container {
    width: 247px !important;
    text-align: left;
}
.refsearch {
    margin-right: 10px;
}
.refsearch input {
    max-width: 99px !important;
}
.refsearch button {
    width: 55px;
}

.gridsel {
    background-color: #ffffcc;
}
#coingrid .k-grid-header,
#coingrid .k-grid-footer
{
    padding: 0 !important;
}
#coingrid .k-grid-content
{
    overflow-y: visible;
}

.pnbut > i.fa-lg {
    line-height: 1.75em;
    vertical-align: -0.15em;
}

.btn-purple {
    background-color: #8359b8;
    border-color: #8359b8;
    color: white;
}
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active {
    background-color: #764aad;
    border-color: #6a439b;
    color: white;
}
.btn-purple.disabled:hover,
.btn-purple.disabled:focus,
.btn-purple.disabled:active,
.btn-purple.disabled.active,
.btn-purple[disabled]:hover,
.btn-purple[disabled]:focus,
.btn-purple[disabled]:active,
.btn-purple[disabled].active,
fieldset[disabled] .btn-purple:hover,
fieldset[disabled] .btn-purple:focus,
fieldset[disabled] .btn-purple:active,
fieldset[disabled] .btn-purple.active {
    background-color: #8359b8;
    border-color: #8359b8;
    color: white;
}

.btn-gold {
    background-color: #b8af59;
    border-color: #b8af59;
    color: white;
    color: white;
}
.btn-gold:hover,
.btn-gold:focus,
.btn-gold:active,
.btn-gold.active {
    background-color: #ada44a;
    border-color: #9b9343;
    color: white;
}
.btn-gold.disabled:hover,
.btn-gold.disabled:focus,
.btn-gold.disabled:active,
.btn-gold.disabled.active,
.btn-gold[disabled]:hover,
.btn-gold[disabled]:focus,
.btn-gold[disabled]:active,
.btn-gold[disabled].active,
fieldset[disabled] .btn-gold:hover,
fieldset[disabled] .btn-gold:focus,
fieldset[disabled] .btn-gold:active,
fieldset[disabled] .btn-gold.active {
    background-color: #b8af59;
    border-color: #b8af59;
    color: white;
}
.btn-teal {
    background-color: #45999a;
    border-color: #45999a;
    color: white;
}
.btn-teal:hover,
.btn-teal:focus,
.btn-teal:active,
.btn-teal.active {
    background-color: #3d8888;
    border-color: #357677;
    color: white;
}
.btn-teal.disabled:hover,
.btn-teal.disabled:focus,
.btn-teal.disabled:active,
.btn-teal.disabled.active,
.btn-teal[disabled]:hover,
.btn-teal[disabled]:focus,
.btn-teal[disabled]:active,
.btn-teal[disabled].active,
fieldset[disabled] .btn-teal:hover,
fieldset[disabled] .btn-teal:focus,
fieldset[disabled] .btn-teal:active,
fieldset[disabled] .btn-teal.active {
    background-color: #45999a;
    border-color: #45999a;
    color: white;
}
.btn-maroon {
    background-color: #d41c60;
    border-color: #d41c60;
    color: white;
}
.btn-maroon:hover,
.btn-maroon:focus,
.btn-maroon:active,
.btn-maroon.active {
    background-color: #ab1b50;
    border-color: #ab1b50;
    color: white;
}
.btn-maroon.disabled:hover,
.btn-maroon.disabled:focus,
.btn-maroon.disabled:active,
.btn-maroon.disabled.active,
.btn-maroon[disabled]:hover,
.btn-maroon[disabled]:focus,
.btn-maroon[disabled]:active,
.btn-maroon[disabled].active,
fieldset[disabled] .btn-maroon:hover,
fieldset[disabled] .btn-maroon:focus,
fieldset[disabled] .btn-maroon:active,
fieldset[disabled] .btn-maroon.active {
    background-color: #d41c60;
    border-color: #d41c60;
    color: white;
}
.btn-grey {
    background-color: #85847f;
    border-color: #85847f;
    color: white;
}
.btn-grey:hover,
.btn-grey:focus,
.btn-grey:active,
.btn-grey.active {
    background-color: #787772;
    border-color: #6b6a66;
    color: white;
}
.btn-grey.disabled:hover,
.btn-grey.disabled:focus,
.btn-grey.disabled:active,
.btn-grey.disabled.active,
.btn-grey[disabled]:hover,
.btn-grey[disabled]:focus,
.btn-grey[disabled]:active,
.btn-grey[disabled].active,
fieldset[disabled] .btn-grey:hover,
fieldset[disabled] .btn-grey:focus,
fieldset[disabled] .btn-grey:active,
fieldset[disabled] .btn-grey.active {
    background-color: #85847f;
    border-color: #85847f;
    color: white;
}


.w75  { width:75px  !important; }
.w100 { width:100px !important; }
.w125 { width:125px !important; }
.w150 { width:150px !important; }

.w05pc  { width:05% !important; }
.w10pc  { width:10% !important; }
.w10pc  { width:10% !important; }
.w15pc  { width:15% !important; }
.w20pc  { width:20% !important; }
.w25pc  { width:25% !important; }
.w30pc  { width:30% !important; }
.w33pc  { width:33% !important; }
.w35pc  { width:35% !important; }
.w40pc  { width:40% !important; }
.w45pc  { width:45% !important; }
.w50pc  { width:50% !important; }
.w55pc  { width:55% !important; }
.w60pc  { width:60% !important; }
.w65pc  { width:65% !important; }
.w67pc  { width:67% !important; }
.w70pc  { width:70% !important; }
.w75pc  { width:75% !important; }
.w80pc  { width:80% !important; }
.w85pc  { width:85% !important; }
.w90pc  { width:90% !important; }
.w90pc  { width:90% !important; }
.w95pc  { width:95% !important; }
.w100pc { width:100% !important }

.mw100 { max-width:100%; }

.m0   { margin: 0; }
.m50  { margin: 50px !important; }
.mh0  { margin-left: 0 !important; margin-right: 0 !important; }
.mh20 { margin-left: 20px !important; margin-right: 20px !important; }
.mv0  { margin-top: 0 !important; margin-bottom: 0 !important; }
.mt0  { margin-top: 0 !important; }
.mt5  { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt50 { margin-top: 50px !important; }
.mr0  { margin-right: 0 !important; }
.mr5  { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr50 { margin-right: 50px !important; }
.mb0  { margin-bottom: 0 !important; }
.mb5  { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb50 { margin-bottom: 50px !important; }
.ml0  { margin-left: 0 !important; }
.ml5  { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml50 { margin-left: 50px !important; }

.p0   { padding: 0; }
.ph0  { padding-left: 0 !important; padding-right: 0 !important; }
.ph10  { padding-left: 10px !important; padding-right: 10px !important; }
.pv0  { padding-top: 0 !important; padding-bottom: 0 !important; }
.pt0  { padding-top: 0 !important; }
.pt5  { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt50 { padding-top: 50px !important; }
.pr0  { padding-right: 0 !important; }
.pr5  { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr50 { padding-right: 50px !important; }
.pb0  { padding-bottom: 0 !important; }
.pb5  { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb50 { padding-bottom: 50px !important; }
.pl0  { padding-left: 0 !important; }
.pl5  { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl50 { padding-left: 50px !important; }

.vat  { vertical-align: top !important; }
.vam  { vertical-align: middle !important; }
.vab  { vertical-align: bottom !important; }

.bbs  { border-bottom: solid 1px rgb(204, 204, 204); }

.btd { border-top: solid 1px #666; }
.btl { border-top: solid 1px #ccc; }
.bt0 { border-top: none !important; }
.bbd { border-bottom: solid 1px #666; }
.bbl { border-bottom: solid 1px #ccc; }
.bb0 { border-bottom: none !important; }

.vcenter {
    height: calc(100vh - 400px);
    display: grid;
    align-content: center;
}
.card {
    border-radius: 0;
}