.fc9-usrbutton {
    border: 2px solid #363A42;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 16px;
    font-size: 22px;
    color: #FFFFFF;
    width: 150px;
    height: 80px;
    background-color: #727374;
    cursor: pointer;
    text-align: center;
}

.fc9-usrbutton:hover {
    background-color: #363A42;
}

.fc9-usrbtndisabled {
    border: 2px solid #363A42;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 16px;
    font-size: 22px;
    color: #FFFFFF;
    width: 150px;
    height: 80px;
    text-align: center;
    background-color: #727374;
    opacity: 0.5;
}

.fc9-cpbutton {
    border: 2px solid #363A42;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 16px;
    font-size: 22px;
    color: #FFFFFF;
    width: 150px;
    height: 80px;
    background-color: #727374;
    cursor: pointer;
    text-align: center;
}

.fc9-cpbutton:hover {
    background-color: #363A42;
}

.fc9-fpbutton {
    border: 2px solid #363A42;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 16px;
    font-size: 22px;
    color: #FFFFFF;
    width: 150px;
    height: 80px;
    background-color: #727374;
    cursor: pointer;
    text-align: center;
}

.fc9-fpbutton:hover {
    background-color: #363A42;
}

.fc9-no-users {
    border: 2px solid #363A42;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 16px;
    font-size: 22px;
    color: #FFFFFF;
    width: 150px;
    height: 140px;
    background-color: #727374 ;
    cursor: pointer;
    text-align: center;
}

.fc9-no-users:hover {
    background-color: #363A42;
}

.fc9-dis-users {
    border: 2px solid #363A42;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 16px;
    font-size: 30px;
    color: #FFFFFF;
    width: 150px;
    height: 140px;
    background-color: #727374 ;
    text-align: center;
    opacity: 0.5;
}

.fc9-portal-main {
    border: 2px solid #363A42;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 16px;
    color: #FFFFFF;
    width: 100%;
    background-color: #727374 ;
    margin-bottom: 20px;
}

.fc9-new-user-col {
    color: #FFFFFF;
    background-color: #6B3B8F;
}

.fc9-new-user-col:hover {
    background-color: #4A2963;
}

.fc9-upg-user-col {
    color: #FFFFFF;
    background-color: #C67853;
}

.fc9-upg-user-col:hover {
    background-color: #A56445;
}

.fc9-btn-center {
    margin-top: 37px;
}

.fc9-color {
    color: #8435B0;
}

.fc8-color {
    color: #1C75BC;
}

.fc7-color {
    color: #BF251E;
}

.fc9-sel-reduc {
    position: absolute;
    right: 33px;
    font-size: 16px;
    color: #820200;
    font-weight: bold;
    cursor: pointer;
    pointer-events : none;
}

.fc9-sel-new {
    position: absolute;
    left: 33px;
    font-size: 16px;
    color: #BC252D;
    font-weight: bold;
    cursor: pointer;
    pointer-events : none;
}

.fc9-sel-price {
    position: absolute;
    bottom: 2px;
    left: 30px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    pointer-events : none;
}

.fc9-sel-price-ut {
    position: absolute;
    bottom: 12px;
    left: 12px;
    font-size: 20px;
    font-weight: bold;
}

.fc9-text-mod {
    margin-top: 25px;
    line-height: 1.0;
}

.fc9-text-mod2 {
    margin-top: 50px;
    line-height: 1.0;
}

.fc9-std-color {
    background: #50B7B0;
}

.fc9-std-color:hover {
    background-color: #65CEC5;
}

.fc9-pro-color {
    background: #8087BC;
}

.fc9-pro-color:hover {
    background-color: #949BCC;
}

.fc9-aca-color {
    background: #84A7E0;
}

.fc9-aca-color:hover {
    background-color: #9AB9EA;
}

.fc9-ful-color {
    background: #FFD700;
}

.fc9-ful-color:hover {
    background-color: #D4AF37;
}

.fc9-grey-color {
    background-color: #727374;
}

.fc9-fp-color {
    background-color: #8435B0 !important;
}

.fc9-app-color {
    background-color: #D875A1 !important;
}

.fc9-user-color {
    background-color: #BC140B !important;
}

.fc9-p8-color {
    background-color: #CC8E39 !important;
}

.fc9-p16-color {
    background-color: #E0D66B !important;
}

.fc9-p32-color {
    background-color: #89A6C4 !important;
}

.fc9-avr-color {
    background-color: #65BC65 !important;
}

.fc9-ard-color {
    background-color: #48B1B5 !important;
}

.fc9-arm-color {
    background-color: #CE5650 !important;
}

.fc9-rpi-color {
    background-color: #A378D3 !important;
}

.fc9-esp-color {
    background-color: #079B33 !important;
}

.fc9-free-color {
    background: #E09696;
}

.fc9-free-color:hover {
    background: #E09696;
}

.buyfc9buttn {
    color: #EDEDEE;
    background: #8435B0;
    font-weight: bold;
    border: 2px solid #EDEDEE;
    cursor: pointer;
    width: 300px;
    height: 120px;
    font-size: 34px;
    padding-bottom: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 8px;
    margin: 30px 20px 30px 20px;
}

.buyfc9buttn:hover {
    background: #4A2963;
    border-color: #EDEDEE;
}

.buyfc9buttn:disabled,
.buyfc9buttn[disabled]{
    background: #CCCCCC;
    border-color: #999999;
    cursor: auto;
}

.returnfc9buttn {
    color: #EDEDEE;
    background: #D30000;
    font-weight: bold;
    border: 2px solid #EDEDEE;
    cursor: pointer;
    width: 300px;
    height: 120px;
    font-size: 34px;
    padding-bottom: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 8px;
    margin: 30px 20px 30px 20px;
}

.returnfc9buttn:hover {
    background: #990000;
    border-color: #EDEDEE;
}

.fc9-button-area {

}

.price-txt {
    font-size: 35px;
    font-weight: bold;
    margin-left: 20px;
    margin-top: 10px;
}

.price-txt-buy {
    font-size: 40px;
    font-weight: bold;
    margin-left: 20px;
    margin-top: 10px;
}

#fc9-deal-price {
    color: #7FFFA3;
}

.fc9otherbutt {
    color: #EDEDEE;
    background: #8435B0;
    font-weight: bold;
    border: 2px solid #8435B0;
    cursor: pointer;
    width: 164px;
    height: 70px;
    font-size: 23px;
    padding-bottom: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 8px;
}

.fc9otherbutt:hover {
    background: #4A2963;
    border-color: #4A2963;
}

.cancelbutt {
    color: #EDEDEE;
    background: #8435B0;
    border: 1px solid #8435B0;
    cursor: pointer;
    width: 84px;
    height: 40px;
    font-size: 18px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 8px;
}

.cancelbutt:hover {
    background: #4A2963;
    border-color: #4A2963;
}

table.deal-key {
    font-size: 18px;
    margin-left: 20px;
    margin-bottom: 20px;
}

table.deal-key td.left {
    padding-top: 5px;
    text-align: right;
    font-weight: bold;
}

table.deal-key td.right {
    padding-top: 5px;
    padding-left: 10px;
    text-align: left;
}

.show-key-box {
    width: 450px;
    height: 75px;
    background-color: #8435B0;
    border: 2px solid #4D4D4D;
    margin: 20px auto;
    text-align: center;
    padding-top: 25px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 16px;
}

.fc9-port-img {
    width: 350px;
    margin: 0 auto;
}

h3.fc9-port-title {
    font-size: 1.75rem;
    width: 400px;
    text-align: center;
    margin: 20px auto;
}

h3.f9-port-st {
    margin: 5px;
}

#fc9-pack-info {
    height: 420px;
    width: 100%;
    overflow: auto;
    padding: 10px;
}

.fc9-info-icon {
    position: absolute;
    bottom: 8px;
    right: 33px;
    cursor: pointer;
}

#fc9-fp-link {
    color: #532E6B;
    font-weight: bold;
}

#fc9-fp-link:hover {
    color: #874BAF;
    text-decoration: none;
}

.fc9-cp-link {
    color: #532E6B;
    font-weight: bold;
}

.fc9-cp-link:hover {
    color: #874BAF;
    text-decoration: none;
}

.cash-holder {
    padding: 20px;
}

.credit-max {
    font-size: 160%;
    color: #FFFFFF;
    margin-right: 10px;
    font-weight: bold;
}

.credit-rem {
    font-size: 160%;
    color: #B1D7FD;
    margin-right: 10px;
    font-weight: bold;
}

/********************************/
/*SHOW KEY TILES*/
/********************************/

.tile {
    border: 3px solid #363A42;
    margin-bottom: 7px;
    background-color: #AFAFAF;
    display: inline-block;
    transition: background-position 2s;
    -moz-transition: background-position 2s; /* Firefox Support */
    -webkit-transition: background-position 2s; /* Chrome and Safari Support */
    -o-transition: background-position 2s; /* Opera Support */
}

.tile-cp {
    width: 204px;
    height: 102px;
}

.tile-ut {
    width: 344px;
    height: 217px;
}

.tile-ut-lg {
    width: 520px;
    height: 217px;
}

.tile-fe {
    width: 210px;
    height: 100px;
}

.tile-fe-sm {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 16px;
}

.tile:hover {
    /*border-color: #606060;*/
    background-position: bottom;
}

.tileCaption {
    position: relative;
    font-weight: bold;
    font-size: 14px;
    color: #161616;
    left: 10px;
    width: 150px;
    text-align: left;
    pointer-events : none;
}

.tc-cp {
    top: 30px;
}

.tc-ut {
    top: 0px;
}

.tc-fe {
    top: 34px;
}

.tilePrice {
    position: relative;
    font-size: 14px;
    color: #161616;
    right: 8px;
    text-align: right;
    height: 18px;
    pointer-events : none;
}

.tp-de {
    top: 5px;
}

.tileReduction {
    position: relative;
    font-size: 14px;
    color: #440905;
    right: 8px;
    text-align: right;
    font-weight: bold;
    height: 23px;
    pointer-events : none;
}

.tileNew {
    position: relative;
    font-size: 14px;
    color: #44152A;
    right: 8px;
    text-align: right;
    font-weight: bold;
    height: 23px;
}

.tr-ut {
    top: 4px;
}

.tr-cp {
    top: 4px;
}

.tr-fe {
    top: 4px;
}

.title-hold {
    display: inline-block;
    margin: 0 auto;
    width: 100%;
}

.button-col {
    margin-left: 12px;
    margin-top: 8px;
}

.tile-contl {
    float: left;
    overflow: auto;
    width: 720px;
}

.tile-contr {
    float: left;
    overflow: auto;
    width: 325px;
}

.fc8-tile-of {
    overflow: auto;
}

.fc8-mar-mod {
    margin-top: 8px;
}

.user-no-text {
    text-align: center;
    font-size: 53px;
    margin-left: auto;
    margin-right: auto;
    color: #0078A6;
    pointer-events : none;
}

.p8-pack { background-color: #FFB347; }
.p16-pack { background-color: #FBF175; }
.p32-pack { background-color: #B1D7FD; }
.avr-pack { background-color: #77DD77; }
.ard-pack { background-color: #48B1B5; }
.arm-pack { background-color: #FF6961; }
.rpi-pack { background-color: #A378D3; }
.esp-pack { background-color: #079B33; }
.coa-pack { background-color: #8435B0; }
.cob-pack { background-color: #8435B0; }
.coc-pack { background-color: #8435B0; }
.bio-pack { background-color: #8435B0; }
.dis-pack { background-color: #8435B0; }
.mec-pack { background-color: #8435B0; }
.dsp-pack { background-color: #8435B0; }
.sto-pack { background-color: #8435B0; }
.csi-pack { background-color: #8435B0; }
.sen-pack { background-color: #8435B0; }
.tes-pack { background-color: #8435B0; }
.sca-pack { background-color: #D875A1; }
.mod-pack { background-color: #8435B0; }
.iot-pack { background-color: #8435B0; }
.bui-pack { background-color: #8435B0; }
.sta-pack { background-color: #8435B0; }
.pse-pack { background-color: #8087BC; }

/********************************/