/* .scp_btn */
a.scp_btn, input[type="submit"].scp_btn, button[type="submit"].scp_btn, button[type="button"].scp_btn {
    background-color: #fff;
    color: #000;
    border: 2px solid #000;
    padding: 1em;
    border-radius: 5px;
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    width:100%;
    width:fit-content;
    width:-webkit-fill-available;
    width:-moz-available;
}

a.scp_btn.fa, input[type="submit"].scp_btn.fa, button[type="submit"].scp_btn.fa, button[type="button"].scp_btn.fa {
    /*
    padding-top:18px;
    padding-bottom:18px;
    */
    line-height:1.2em;
}
.scp_btn:hover, input[type="submit"].scp_btn:hover, button[type="submit"].scp_btn:hover, button[type="button"].scp_btn:hover {
    background: #000;
    color: #fff
}

a.scp_btn.scp_btn_disabled, input[type="submit"].scp_btn.scp_btn_disabled, button[type="submit"].scp_btn.scp_btn_disabled, button[type="button"].scp_btn.scp_btn_disabled {
    cursor: default;
    color: #777!important;
    background: #ccc!important;
    border-color: #ccc!important;
    pointer-events: none;
}

a.scp_btn.scp_btn_micro, input[type="submit"].scp_btn.scp_btn_micro, button[type="submit"].scp_btn.scp_btn_micro, button[type="button"].scp_btn.scp_btn_micro {
    font-size: 10px;
    padding-top:.25em;
    padding-bottom: .5em
}

a.scp_btn.scp_btn_mini {
    padding: .5em;
    line-height:1.2em;
}
input[type="submit"].scp_btn.scp_btn_mini, button[type="submit"].scp_btn.scp_btn_mini, button[type="button"].scp_btn.scp_btn_mini {
    padding-top:.5em;
    padding-bottom:.5em;
    /*
    padding:.75em;
    padding-bottom:calc(.75em + 1px);
    */
}
a.scp_btn.scp_btn_inline, input[type="submit"].scp_btn.scp_btn_inline, button[type="submit"].scp_btn.scp_btn_inline, button[type="button"].scp_btn.scp_btn_inline {
    display: inline-block;
    width: auto
}

a.scp_btn.scp_btn_fw, input[type="submit"].scp_btn.scp_btn_fw, button[type="submit"].scp_btn.scp_btn_fw, button[type="button"].scp_btn.scp_btn_fw {
    width: 100px
}

.scp_btn.scp_btn_right {
    float: right
}

a.scp_btn.fa:before, input[type="submit"].scp_btn.fa:before, button[type="submit"].scp_btn.fa:before, button[type="button"].scp_btn.fa:before {
    float: left
}

.scp_btn.scp_btn_fa_right.fa:before, button[type="submit"].scp_btn.scp_btn_fa_right.fa:before, button[type="button"].scp_btn.scp_btn_fa_right.fa:before {
    float: right
}

.scp_btn.scp_btn_split {
    padding: 0;
    text-align: left
}

.scp_btn.scp_btn_split.fa:before {
    font-size: 2em;
    margin-top: .25em;
    margin-left: .25em;
    color: #fff;
    float: none;
    position: absolute
}

.scp_btn.scp_btn_split .top {
    display: block;
    padding: 1em;
    border-bottom: 1px solid #fff;
    text-align: center
}

.scp_btn.scp_btn_split .bottom {
    padding: 1em;
    display: table-cell;
    font-size: 12px;
    height: 5em;
    vertical-align: middle;
    text-align: center;
    width: 2000px
}

a.scp_btn.scp_btn_blue, input[type="submit"].scp_btn.scp_btn_blue, button[type="submit"].scp_btn.scp_btn_blue, button[type="button"].scp_btn.scp_btn_blue {
    border-color: #008CBA
}

a.scp_btn.scp_btn_blue:hover, input[type="submit"].scp_btn.scp_btn_blue:hover, button[type="submit"].scp_btn.scp_btn_blue:hover, button[type="button"].scp_btn.scp_btn_blue:hover {
    background: #008CBA
}
a.scp_btn.scp_btn_blue.scp_btn_solid:hover, input[type="submit"].scp_btn.scp_btn_blue.scp_btn_solid:hover, button[type="submit"].scp_btn.scp_btn_blue.scp_btn_solid:hover, button[type="button"].scp_btn.scp_btn_blue.scp_btn_solid:hover {
    border-color:#008CBA;
    background-color: #fff;
    color:#008CBA;
}

a.scp_btn.scp_btn_green, input[type="submit"].scp_btn.scp_btn_green, button[type="submit"].scp_btn.scp_btn_green, button[type="button"].scp_btn.scp_btn_green {
    border-color: #4CAF50
}

a.scp_btn.scp_btn_green:hover, input[type="submit"].scp_btn.scp_btn_green:hover, button[type="submit"].scp_btn.scp_btn_green:hover, button[type="button"].scp_btn.scp_btn_green:hover {
    background: #4CAF50
}
a.scp_btn.scp_btn_green.scp_btn_solid:hover, input[type="submit"].scp_btn.scp_btn_green.scp_btn_solid:hover, button[type="submit"].scp_btn.scp_btn_green.scp_btn_solid:hover, button[type="button"].scp_btn.scp_btn_green.scp_btn_solid:hover {
    border-color: #4CAF50;
    background-color:#fff;
    color:#4CAF50;
}

a.scp_btn.scp_btn_red, input[type="submit"].scp_btn.scp_btn_red, button[type="submit"].scp_btn.scp_btn_red, button[type="button"].scp_btn.scp_btn_red {
    border-color: #F44336
}

a.scp_btn.scp_btn_red:hover, input[type="submit"].scp_btn.scp_btn_red:hover, button[type="submit"].scp_btn.scp_btn_red:hover, button[type="button"].scp_btn.scp_btn_red:hover {
    background-color: #F44336
}
a.scp_btn.scp_btn_red.scp_btn_solid:hover, input[type="submit"].scp_btn.scp_btn_red.scp_btn_solid:hover, button[type="submit"].scp_btn.scp_btn_red.scp_btn_solid:hover, button[type="button"].scp_btn.scp_btn_red.scp_btn_solid:hover {
    border-color:#F44336;
    background-color:#fff;
    color:#F44336;
}

a.scp_btn.scp_btn_gray, input[type="submit"].scp_btn.scp_btn_gray, button[type="submit"].scp_btn.scp_btn_gray, button[type="button"].scp_btn.scp_btn_gray {
    border-color: #E7E7E7
}

a.scp_btn.scp_btn_gray:hover, input[type="submit"].scp_btn.scp_btn_gray:hover, button[type="submit"].scp_btn.scp_btn_gray:hover, button[type="button"].scp_btn.scp_btn_gray:hover {
    background-color: #E7E7E7;
}
a.scp_btn.scp_btn_gray.scp_btn_solid:hover, input[type="submit"].scp_btn.scp_btn_gray.scp_btn_solid:hover, button[type="submit"].scp_btn.scp_btn_gray.scp_btn_solid:hover, button[type="button"].scp_btn.scp_btn_gray.scp_btn_solid:hover {
    border-color:#E7E7E7;
    background-color:#fff;
    color:#E7E7E7;
}
a.scp_btn.scp_btn_gold, input[type="submit"].scp_btn.scp_btn_gold, button[type="submit"].scp_btn.scp_btn_gold, button[type="button"].scp_btn.scp_btn_gold {
    border-color: gold
}

a.scp_btn.scp_btn_gold:hover, input[type="submit"].scp_btn.scp_btn_gold:hover, button[type="submit"].scp_btn.scp_btn_gold:hover, button[type="button"].scp_btn.scp_btn_gold:hover  {
    background-color: gold
}
a.scp_btn.scp_btn_gold.scp_btn_solid:hover, input[type="submit"].scp_btn.scp_btn_gold.scp_btn_solid:hover, button[type="submit"].scp_btn.scp_btn_gold.scp_btn_solid:hover, button[type="button"].scp_btn.scp_btn_gold.scp_btn_solid:hover {
    border-color:gold;
    background-color:#fff;
    color:gold;
}

a.scp_btn.scp_btn_purple, input[type="submit"].scp_btn.scp_btn_purple, button[type="submit"].scp_btn.scp_btn_purple, button[type="button"].scp_btn.scp_btn_purple {
    border-color: purple
}

a.scp_btn.scp_btn_purple:hover, input[type="submit"].scp_btn.scp_btn_purple:hover, button[type="submit"].scp_btn.scp_btn_purple:hover, button[type="button"].scp_btn.scp_btn_purple:hover {
    background-color: purple
}
a.scp_btn.scp_btn_purple.scp_btn_solid:hover, input[type="submit"].scp_btn.scp_btn_purple.scp_btn_solid:hover, button[type="submit"].scp_btn.scp_btn_purple.scp_btn_solid:hover, button[type="button"].scp_btn.scp_btn_purple.scp_btn_solid:hover  {
    border-color:purple;
    background-color:#fff;
    color:purple;
}
a.scp_btn.scp_btn_solid.scp_btn_alt {
    border-color:#000;
    color:#000;
}

a.scp_btn.scp_btn_split.scp_btn_blue .top {
    background: #008CBA;
    color: #fff
}

a.scp_btn.scp_btn_split.scp_btn_red .top {
    background: #F44336;
    color: #fff
}

a.scp_btn.scp_btn_split.scp_btn_green .top {
    background: #4CAF50;
    color: #fff
}

.scp_btn.scp_btn_split.scp_btn_gray .top {
    background: #E7E7E7;
    color: #fff
}

.scp_btn.scp_btn_split.scp_btn_gold .top {
    background: gold;
    color: #fff
}

.scp_btn.scp_btn_split.scp_btn_purple .top {
    background: purple;
    color: #fff
}

.scp_btn.scp_btn_split:hover .top {
    border-bottom: 1px solid #ccc
}

.scp_btn.scp_btn_solid {
    background: #000;
    color: #fff;
    /*padding-bottom:calc(1em - 2px)*/
}

.scp_btn.scp_btn_solid:hover {
    background: #fff;
    color: #000
}

.scp_btn.scp_btn_blue.scp_btn_solid {
    background: #008CBA;
    color: #fff
}

.scp_btn.scp_btn_blue.scp_btn_solid:hover {
    background: #fff;
    color: #008CBA
}

.scp_btn.scp_btn_green.scp_btn_solid {
    background: #4CAF50;
    color: #fff
}

.scp_btn.scp_btn_green.scp_btn_solid:hover {
    background: #fff;
    color: #4CAF50
}

.scp_btn.scp_btn_red.scp_btn_solid {
    background: #F44336;
    color: #fff
}

.scp_btn.scp_btn_red.scp_btn_solid:hover {
    background: #fff;
    color: #F44336
}

.scp_btn.scp_btn_gray.scp_btn_solid {
    background: #E7E7E7;
    color: #fff
}

.scp_btn.scp_btn_gray.scp_btn_solid:hover {
    background: #fff;
    color: #E7E7E7
}

.scp_btn.scp_btn_gold.scp_btn_solid {
    background: gold;
    color: #fff
}

.scp_btn.scp_btn_gold.scp_btn_solid:hover {
    background: #fff;
    color: gold
}

.scp_btn.scp_btn_purple.scp_btn_solid {
    background: purple;
    color: #fff
}

.scp_btn.scp_btn_purple.scp_btn_solid:hover {
    background: #fff;
    color: purple
}

.scp_btn.scp_btn_tiny {
    font-size: 10px;
    padding: 4px;
}