#whmcsx .speechBubble {
    margin:50px auto;
    padding:0 25px
}

#whmcsx .clear {
    clear:both
}

#whmcsx .from-me {
    min-width:500px;
    min-height:75px;
    position:relative;
    padding:10px 20px;
    color:#fff;
    background:#0B93F6;
    border-radius:25px;
    float:right;
    word-wrap:break-word;
    margin-bottom:10px;
    line-height:24px
}

#whmcsx .from-me:before {
    content:"";
    position:absolute;
    z-index:1;
    bottom:-2px;
    right:-7px;
    height:20px;
    border-right:20px solid #0B93F6;
    border-bottom-left-radius:16px 14px;
    -webkit-transform:translate(0,-2px)
}

#whmcsx .from-me:after {
    content:"";
    position:absolute;
    z-index:1;
    bottom:-2px;
    right:-56px;
    width:26px;
    height:20px;
    background:#fff;
    border-bottom-left-radius:10px;
    -webkit-transform:translate(-30px,-2px)
}

#whmcsx .from-them {
    min-width:500px;
    min-height:75px;
    position:relative;
    padding:10px 20px;
    background:#E5E5EA;
    border-radius:25px;
    color:#000;
    float:left;
    word-wrap:break-word;
    margin-bottom:10px;
    line-height:24px
}

#whmcsx .from-them:before {
    content:"";
    position:absolute;
    z-index:2;
    bottom:-2px;
    left:-7px;
    height:20px;
    border-left:20px solid #E5E5EA;
    border-bottom-right-radius:16px 14px;
    -webkit-transform:translate(0,-2px)
}

#whmcsx .from-them:after {
    content:"";
    position:absolute;
    z-index:3;
    bottom:-2px;
    left:4px;
    width:26px;
    height:20px;
    background:#fff;
    border-bottom-right-radius:10px;
    -webkit-transform:translate(-30px,-2px)
}

#whmcsx .from-desc {
    margin:-5px 0 25px -5px;
    font:11px/14px "Segoe UI",Segoe_UI,Arial,sans-serif;
    font-weight:300!important;
    color:#728386
}

legend small {
    font-size:75%;
    border-left:2px solid #ddd;
    padding-left:5px
}

#whmcsx .table-responsive .checkbox {
    margin:0!important
}

#whmcsx .dropdown-menu {
    left:-63px!important;
    font-size:12px!important
}

a {
    color:#004A95
}

#whmcsx .fontsize2 {
    font-size:1.2em
}

#whmcsx .fontsize3 {
    font-size:1.4em
}

#whmcsx .lighttext {
    color:#ccc
}

#whmcsx .bold {
    font-weight:700
}

#whmcsx .textleft {
    text-align:left!important
}

#whmcsx .textright {
    text-align:right!important
}

#whmcsx .textcenter,#whmcsx .textcenter td {
    text-align:center!important
}

#whmcsx .clear {
    clear:both
}

#whmcsx .whmcscontainer p {
    margin-bottom:3px
}

#whmcsx .whmcscontainer h1 {
    font-family:'Ubuntu',sans-serif;
    letter-spacing:-2px;
    text-shadow:0 0 2px #ccc;
    font-size:30px;
    font-weight:700;
    line-height:36px
}

#whmcsx .whmcscontainer h2 {
    font-family:'Ubuntu',sans-serif;
    letter-spacing:-2px;
    text-shadow:0 0 2px #ccc;
    font-size:24px;
    font-weight:700;
    line-height:36px
}

#whmcsx .whmcscontainer h3 {
    font-family:'Ubuntu',sans-serif;
    letter-spacing:-1px;
    text-shadow:0 0 2px #ccc;
    font-size:18px;
    font-weight:700
}

#whmcsx .whmcscontainer h1 small,#whmcsx .whmcscontainer h2 small,#whmcsx .whmcscontainer h3 small {
    font-family:Arial;
    letter-spacing:-1px;
    text-shadow:0 0 0;
    font-weight:400
}

#whmcsx .adminreturndiv {
    position:absolute;
    top:0!important;
    right:0!important;
    padding:5px 10px!important;
    background-color:#B4B4B4!important;
    font-family:Tahoma!important;
    font-size:11px!important;
    color:#000!important
}

#whmcsx .adminreturndiv a {
    color:#fff!important;
    text-decoration:underline!important
}

#whmcsx .whmcscontainer {
    max-width:960px;
    margin:0 auto
}

#whmcsx .whmcscontainer .contentpadded {
    padding:5px
}

#whmcsx .whmcscontainer img {
    vertical-align:top;
    border:0
}

#whmcsx .navbar {
    position:relative
}

#whmcsx .navbar .navbar-inner {
    height:40px
}

#whmcsx #whmcsheader {
    background-color:#1A4D80
}

#whmcsx #whmcstxtlogo {
    padding:20px 30px
}

#whmcsx #whmcsimglogo {
    padding:20px 30px;
    display:none
}

#whmcsx #whmcstxtlogo a {
    font-size:3.2em;
    color:#fff;
    text-decoration:none
}

#whmcsx .menu-dropdown,#whmcsx .dropdown-menu {
    min-width:180px
}

#whmcsx .whmcscontainer .page-header {
    -moz-box-shadow:0 1px 0 rgba(255,255,255,0.5);
    border-bottom:1px solid #DDD;
    margin:0 0 10px!important;
    padding:0 0 5px
}

#whmcsx .whmcscontainer .error ul {
    margin:10px 0 10px 30px
}

#whmcsx .whmcscontainer .error ul li {
    color:#fff
}

ul.inputs-list li {
    list-style:none
}

#whmcsx .footerdivider {
    border-top:1px solid #e8e8e8
}

#whmcsx .whmcscontainer .footer {
    margin:0;
    padding:15px;
    font-family:Tahoma;
    font-size:11px;
    background-color:#efefef;
    color:#666
}

#whmcsx .whmcscontainer .footer #languagefrm select {
    margin:0 0 0 5px;
    padding:4px;
    font-family:Tahoma;
    font-size:11px;
    color:#666;
    height:25px;
    line-height:25px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px
}

#whmcsx .whmcscontainer .footer #copyright {
    float:right;
    line-height:24px
}

#whmcsx .whmcscontainer {
    background-color:#fff
}

#whmcsx #whmcsheader {
    max-width:960px;
    margin:0 auto;
    background-color:#fff
}

#whmcsx #whmcstxtlogo {
    display:none
}

#whmcsx #whmcsimglogo {
    padding:20px 30px;
    display:block
}

#whmcsx .navbar .navbar-inner {
    margin:0 auto;
    padding:0 20px;
    width:960px;
    height:40px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px
}

#whmcsx .footerdivider {
    margin:0 auto;
    padding:0 20px;
    width:960px;
    height:5px;
    background-color:#222;
    background-repeat:repeat-x;
    background-image:-khtml-gradient(linear,left top,left bottom,from(#333),to(#222));
    background-image:-moz-linear-gradient(top,#333,#222);
    background-image:-ms-linear-gradient(top,#333,#222);
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#333),color-stop(100%,#222));
    background-image:-webkit-linear-gradient(top,#333,#222);
    background-image:-o-linear-gradient(top,#333,#222);
    background-image:linear-gradient(top,#333,#222);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#222222',GradientType=0);
    -webkit-border-radius:2px;
    -o-border-radius:2px;
    border-radius:2px
}

#whmcsx .whmcscontainer .footer {
    background-color:#fff
}

#whmcsx .whmcscontainer .col4 {
    float:left;
    margin:0;
    padding:0;
    width:25%
}

#whmcsx .whmcscontainer .col2half {
    float:left;
    margin:0;
    padding:0;
    width:50%
}

#whmcsx .whmcscontainer .col30 {
    float:left;
    margin:0;
    padding:0;
    width:30%
}

#whmcsx .whmcscontainer .col40 {
    float:left;
    margin:0;
    padding:0;
    width:40%
}

#whmcsx .whmcscontainer .col60 {
    float:left;
    margin:0;
    padding:0;
    width:60%
}

#whmcsx .whmcscontainer .col70 {
    float:left;
    margin:0;
    padding:0;
    width:70%
}

#whmcsx .whmcscontainer .center80 {
    margin:0 auto;
    padding:0;
    width:80%
}

#whmcsx .whmcscontainer .center95 {
    margin:0 auto;
    padding:0;
    width:95%
}

#whmcsx .whmcscontainer .row {
    margin:20px 0 0;
    padding:0 0 15px
}

#whmcsx .whmcscontainer .row .multicol {
    float:left;
    margin:0 50px 0 0
}

#whmcsx .whmcscontainer .internalpadding {
    padding:5px
}

#whmcsx .whmcscontainer .halfwidthcontainer {
    width:50%;
    margin:0 auto
}

#whmcsx .whmcscontainer .logincontainer {
    width:280px;
    margin:30px auto 100px
}

#whmcsx .whmcscontainer .logincontainer label {
    font-weight:700
}

#whmcsx .whmcscontainer fieldset.onecol label {
    color:#404040;
    float:left;
    font-size:13px;
    line-height:18px;
    text-align:right;
    width:225px
}

#whmcsx .whmcscontainer fieldset.onecol .controls-list label {
    float:none;
    width:auto;
    line-height:18px;
    padding:0;
    text-align:left;
    white-space:normal
}

#whmcsx .whmcscontainer fieldset.onecol div.controls {
    margin-left:245px
}

form {
    margin:0
}

select {
    width:auto
}

#whmcsx .input-btn-large,input.btn-large {
    width:/* Fix for Massive Width on Buttons from Bootstrap */
auto
}

input.bigfield {
    width:60%;
    height:30px;
    font-size:1.4em
}

input.fullwidth,textarea.fullwidth {
    width:95%
}

#whmcsx .whmcscontainer label.full {
    float:none;
    text-align:left;
    width:auto
}

#whmcsx .whmcscontainer .alert.alert-error a,#whmcsx .whmcscontainer .alert.alert-success a,#whmcsx .whmcscontainer .alert.alert-info a {
    color:#fff;
    text-decoration:underline
}

#whmcsx .whmcscontainer .alert.alert-error a:hover,#whmcsx .whmcscontainer .alert.alert-success a:hover,#whmcsx .whmcscontainer .alert.alert-info a:hover {
    text-decoration:none
}

#whmcsx .whmcscontainer .alert.alert-block.alert-warn a,#whmcsx .whmcscontainer .alert.alert-block.alert-warning a,#whmcsx .whmcscontainer .alert.alert-block.alert-error a,#whmcsx .whmcscontainer .alert.alert-block.alert-success a,#whmcsx .whmcscontainer .alert.alert-block.alert-info a {
    color:#000;
    text-decoration:underline
}

#whmcsx .contentpadded .alert-message {
/* Gold color network status*/
    background-color:#ffd700
}

input[type="image"],input[type="checkbox"],input[type="radio"] {
    margin:0 3px;
    height:18px
}

/* Table Styling */
#whmcsx .table-framed {
    border:1px solid #DDD;
    border-collapse:separate;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}

table.table-striped tr td {
    vertical-align:middle
}

table.table-striped tr.subtotal td {
    background-color:#FFD;
    font-weight:700
}

table.table-striped tr.tax td {
    background-color:#EBF2FE;
    font-weight:700
}

table.table-striped tr.credit td {
    background-color:#FFE1E1;
    font-weight:700
}

table.table-striped tr.total td {
    background-color:#E7FFDA;
    font-weight:700
}

table.table-striped tr.recurring td {
    background-color:#FFE1E1;
    font-weight:700
}

table.table-centered tr th,table.table-centered tr td {
    text-align:center
}

#whmcsx .whmcscontainer table .headerSortasc {
    background-color:rgba(141,192,219,0.25);
    text-shadow:0 1px 1px rgba(255,255,255,0.75);
    background-image:url(../img/sortasc.png);
    background-repeat:no-repeat;
    background-position:95% 50%
}

#whmcsx .whmcscontainer table .headerSortdesc {
    background-color:rgba(141,192,219,0.25);
    text-shadow:0 1px 1px rgba(255,255,255,0.75);
    background-image:url(../img/sortdesc.png);
    background-repeat:no-repeat;
    background-position:95% 50%
}

#whmcsx .whmcscontainer table th a {
    display:block;
    margin:0 0 5px;
    padding:10px 0 9px
}

#whmcsx .whmcscontainer .tableresults {
    padding:5px
}

#whmcsx .whmcscontainer .recordslimit {
    float:right;
    padding-right:20px
}

#whmcsx .whmcscontainer .recordslimit select {
    width:60px
}

/* Status Colors */
#whmcsx .label.pending {
    background-color:#F89406
}

#whmcsx .label.active {
    background-color:#46A546
}

#whmcsx .label.suspended {
    background-color:#0768B8
}

#whmcsx .label.terminated {
    background-color:#C43C35
}

#whmcsx .label.cancelled {
    background-color:#BFBFBF
}

#whmcsx .label.expired {
    background-color:#888
}

#whmcsx .label.fraud {
    background-color:#000
}

#whmcsx .label.unpaid {
    background-color:#c00
}

#whmcsx .label.paid {
    background-color:#779500
}

#whmcsx .label.refunded {
    background-color:#248
}

#whmcsx .label.collections {
    background-color:#D3C403
}

#whmcsx .whmcscontainer .invoicetotal {
    float:left;
    padding:5px 10px 10px;
    font-size:20px;
    color:#666
}

#whmcsx .whmcscontainer .invoicetotal .textred {
    color:#c00
}

#whmcsx .whmcscontainer .invoicetotal .textgreen {
    color:#468E46
}

/* Twitter Feed */
#whmcsx #twitterfeed ul {
    list-style-type:none;
    margin:15px 0 20px;
    padding:0
}

#whmcsx #twitterfeed li {
    background-image:url(../../../images/twittericon.png);
    background-repeat:no-repeat;
    background-position:0;
    margin:0 20px 10px;
    padding-left:25px
}

#whmcsx #twitterfeed p {
    margin:15px;
    text-align:center
}

/* Login */
#whmcsx .logincontainer .loginbtn {
    display:inline
}

#whmcsx .logincontainer .rememberme {
    display:inline;
    padding:0 0 0 20px
}

#whmcsx .logincontainer .rememberme label {
    display:inline
}

/* Announcements */
#whmcsx .whmcscontainer .tweetbutton {
    float:right;
    margin:0 0 20px 30px
}

/* Password Strength */
#whmcsx .whmcscontainer #pwstrengthbox {
    width:200px;
    border:1px solid #ccc;
    line-height:28px;
    text-align:center;
    background-color:#fff;
    color:#9A9A9A;
    font-weight:400
}

#whmcsx .whmcscontainer #pwstrengthbox.strong {
    background-color:#3C0;
    border:1px solid #289F00;
    color:#fff;
    font-weight:700
}

#whmcsx .whmcscontainer #pwstrengthbox.moderate {
    background-color:#f60;
    border:1px solid #C44F00;
    color:#fff;
    font-weight:700
}

#whmcsx .whmcscontainer #pwstrengthbox.weak {
    background-color:#c00;
    border:1px solid #9D0000;
    color:#fff;
    font-weight:700
}

/* Services */
#whmcsx .whmcscontainer .searchbox {
    float:right;
    margin:0 0 10px 20px;
    padding:10px 10px 5px;
    background-color:#efefef;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px
}

#whmcsx .whmcscontainer .resultsbox {
    float:left;
    margin:0;
    padding:25px 0 8px
}

#whmcsx .whmcscontainer .moduleoutput {
    margin:20px 0;
    padding:10px;
    text-align:center;
    width:90%;
    border:1px solid #ccc;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px
}

#whmcsx .whmcscontainer .usagecontainer {
    border:1px solid #ccc;
    height:20px;
    width:80%
}

#whmcsx .whmcscontainer .usagecontainer .used {
    background-color:#9CF;
    height:20px
}

/* Domain Addons */
#whmcsx .whmcscontainer .domaddonimg {
    float:left;
    margin:0;
    padding:0;
    width:100px;
    text-align:center
}

/* Domain Checker */
#whmcsx .whmcscontainer .captchainput {
    margin:10px auto 5px;
    padding:10px;
    background-color:#f8f8f8;
    border:1px dashed #ccc;
    width:425px;
    text-align:center;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px
}

#whmcsx .whmcscontainer .captchainput div {
    margin:0 auto
}

#whmcsx .whmcscontainer .multitldbtn {
    position:relative;
    top:5px;
    right:0;
    height:0
}

#whmcsx .whmcscontainer .multitldbtn input {
    padding:4px 7px;
    font-size:11px
}

#whmcsx .whmcscontainer .domcheckertldselect {
    margin:0 auto;
    padding:10px;
    width:50%;
    background-color:#fff;
    border:1px solid #ccc;
    border-top:0;
    -moz-border-radius:0 0 6px 6px;
    -webkit-border-radius:0 0 6px 6px;
    -o-border-radius:0 0 6px 6px;
    border-radius:0 0 6px 6px
}

#whmcsx .whmcscontainer .domcheckererror {
    color:#c00
}

#whmcsx .whmcscontainer .domcheckersuccess {
    color:#093
}

#whmcsx .whmcscontainer textarea.bulksearch {
    width:60%
}

/* Affiliates */
#whmcsx .whmcscontainer .affiliatestatcontainer {
    margin:15px auto;
    padding:0;
    width:660px
}

#whmcsx .whmcscontainer .affiliatestatblock {
    float:left;
    margin:0 10px;
    padding:10px;
    width:180px;
    height:70px;
    background-color:#efefef;
    text-align:center;
    font-size:16px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px
}

#whmcsx .whmcscontainer .affiliatestatblock .stat {
    text-align:center;
    font-size:40px;
    line-height:40px
}

/* Popup Window */
body.popupwindow {
    margin:0;
    padding:15px;
    background-color:#efefef
}

body.popupwindow .popupcontainer {
    margin:15px;
    padding:15px;
    height:250px;
    background-color:#fff;
    border:1px solid #ccc;
    overflow:auto
}

/* Tickets */
#whmcsx .whmcscontainer .ticketdetailscontainer {
    margin:10px 0 20px;
    padding:5px;
    background-color:#E8E8E8;
    text-align:center;
    font-weight:700;
    font-size:1.1em;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px
}

#whmcsx .whmcscontainer .ticketdetailscontainer .detail {
    margin:5px 0 0;
    padding:5px;
    background-color:#fff;
    text-align:center;
    font-weight:400;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px
}

#whmcsx .whmcscontainer .ticketreplybox {
    margin:20px 0;
    padding:15px;
    background-color:#f8f8f8;
    border:1px solid #e8e8e8;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px
}

#whmcsx .whmcscontainer .ticketmsgs {
    margin:20px 0;
    padding:0;
    color:#000
}

#whmcsx .whmcscontainer .ticketmsgs .adminheader {
    margin:0;
    padding:5px 10px;
    background-color:#666;
    color:#fff;
    font-weight:700;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px
}

#whmcsx .whmcscontainer .ticketmsgs .adminmsg {
    margin:0 10px;
    padding:10px 15px;
    min-height:100px;
    border:1px solid #ccc;
    border-top:0;
    border-bottom:0
}

#whmcsx .whmcscontainer .ticketmsgs .clientheader {
    margin:0;
    padding:5px 10px;
    background-color:silver;
    color:#fff;
    font-weight:700;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px
}

#whmcsx .whmcscontainer .ticketmsgs .clientmsg {
    margin:0 10px;
    padding:10px 15px;
    min-height:100px;
    background:#f4f4f4;
    border:1px solid #ccc;
    border-top:0;
    border-bottom:0
}

#whmcsx .whmcscontainer .ticketmsgs .clientmsg:last-child,#whmcsx .whmcscontainer .ticketmsgs .adminmsg:last-child {
    border-bottom:1px solid #ccc
}

#whmcsx .whmcscontainer .ticketmsgs .attachments {
    margin:10px 0 0;
    padding:5px 10px;
    width:40%;
    background-color:#fff;
    font-size:.9em;
    color:#666;
    border:1px solid #ccc;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px
}

.panel-body-theme .panel-inner table.ticketrating {
    display:table;
    width:auto;
    border:0;
    border-spacing:1px;
/* 2px ?*/
    border-collapse:separate;
    margin-top:0;
    margin-bottom:0;
    font-size:11px;
/* XXXldb do we want this if we're border-collapse:collapse ? */
    -moz-box-sizing:border-box;
    text-indent:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    -o-border-radius:0;
    border-radius:0
}

.panel-body-theme .panel-inner .ticketrating tr {
    height:16px!important
}

.panel-body-theme .panel-inner .ticketrating td {
    height:16px!important;
    display:table-cell;
    min-width:16px;
    line-height:16px;
    vertical-align:inherit;
    text-align:inherit;
    border:0;
    padding:0!important;
    background:transparent
}

.panel-body-theme .panel-inner table.ticketrating td.point {
    cursor:pointer;
    cursor:hand
}

.panel-body-theme .panel-inner table.ticketrating td.star {
    background:url(../../../images/rating_neg.png);
    cursor:pointer;
    cursor:hand
}

/* Chat Transcripts */
div.chat div.visitor div.name,div.chat div.operator div.name {
    font-weight:700
}

div.chat div.visitor div.message,div.chat div.operator div.message {
    padding:0 25px
}

/* Security */
div#twofaactivation {
    margin:50px auto;
    padding:20px;
    width:75%;
    min-height:250px;
    background-color:#fff;
    border:4px solid #efefef;
    text-align:center;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px
}

div#twofaactivation .errorbox {
    margin:0 0 20px;
    padding:10px 20px;
    background-color:#FF4F4F;
    text-shadow:none;
    color:#fff;
    text-align:center;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px
}

div#twofaactivation p {
    margin:15px 0
}

div.twofabackupcode {
    margin:15px 0
}

div.twofabackupcode p {
    margin:0;
    font-size:24px;
    line-height:24px
}

/* Order Form Resets */
#whmcsx #whmcsorderfrm p,#whmcsx #whmcsorderfrm dl,#whmcsx #whmcsorderfrm multicol {
    display:block;
    margin:1em 0
}

#whmcsx #whmcsorderfrm label,#whmcsx #whmcsorderfrm label input,#whmcsx #whmcsorderfrm label textarea,#whmcsx #whmcsorderfrm label select {
    display:inline
}

#whmcsx #whmcsorderfrm div.loading {
    display:none
}

#whmcsx #whmcsorderfrm dd {
    display:block;
    -moz-margin-start:40px
}

#whmcsx #whmcsorderfrm label {
    padding:0;
    font-size:1em;
    line-height:14px;
    width:auto;
    text-align:left;
    float:none
}

#whmcsx #whmcsorderfrm input {
    width:auto
}

#whmcsx #whmcsorderfrm input[type="image"] {
    height:auto;
    border:0;
    -webkit-transaction:none;
    -webkit-box-shadow:none;
    box-shadow:none
}

#whmcsx #whmcsorderfrm input[type="checkbox"],#whmcsx #whmcsorderfrm input[type="radio"] {
    margin:0 5px;
    padding:0
}

#whmcsx #whmcsorderfrm blockquote {
    display:block;
    margin:1em 40px
}

#whmcsx #whmcsorderfrm center {
    display:block;
    text-align:-moz-center
}

#whmcsx #whmcsorderfrm blockquote[type=cite] {
    display:block;
    margin:1em 0;
    -moz-padding-start:1em;
    -moz-border-start:solid;
    border-color:blue;
    border-width:thin
}

#whmcsx #whmcsorderfrm span[_moz_quote=true] {
    color:blue
}

#whmcsx #whmcsorderfrm pre[_moz_quote=true] {
    color:blue
}

#whmcsx #whmcsorderfrm h1 {
    display:block;
    font-size:2em;
    font-weight:700;
    margin:.67em 0
}

#whmcsx #whmcsorderfrm h2 {
    display:block;
    font-size:1.5em;
    font-weight:700;
    margin:.83em 0
}

#whmcsx #whmcsorderfrm h3 {
    display:block;
    font-size:1.17em;
    font-weight:700;
    margin:1em 0
}

#whmcsx #whmcsorderfrm h4 {
    display:block;
    font-weight:700;
    margin:1.33em 0
}

#whmcsx #whmcsorderfrm h5 {
    display:block;
    font-size:.83em;
    font-weight:700;
    margin:1.67em 0
}

#whmcsx #whmcsorderfrm h6 {
    display:block;
    font-size:.67em;
    font-weight:700;
    margin:2.33em 0
}

#whmcsx #whmcsorderfrm xmp,#whmcsx #whmcsorderfrm pre,#whmcsx #whmcsorderfrm plaintext {
    display:block;
    font-family:-moz-fixed;
    white-space:pre;
    margin:1em 0
}

/* buttons */
#whmcsx #whmcsorderfrm input[type="button"],#whmcsx #whmcsorderfrm input[type="reset"],#whmcsx #whmcsorderfrm input[type="submit"] {
    cursor:pointer;
    display:inline-block;
    background-color:#E6E6E6;
    background-repeat:no-repeat;
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),color-stop(25%,#fff),to(#e6e6e6));
    background-image:-webkit-linear-gradient(#fff,#fff 25%,#e6e6e6);
    background-image:-moz-linear-gradient(top,#fff,#fff 25%,#e6e6e6);
    background-image:-ms-linear-gradient(#fff,#fff 25%,#e6e6e6);
    background-image:-o-linear-gradient(#fff,#fff 25%,#e6e6e6);
    background-image:linear-gradient(#fff,#fff 25%,#e6e6e6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e6e6',GradientType=0);
    padding:5px 14px 6px;
    text-shadow:0 1px 1px rgba(255,255,255,0.75);
    color:#333;
    font-size:13px;
    line-height:normal;
    border:1px solid #CCC;
    border-bottom-color:#BBB;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -webkit-transition:.1s linear all;
    -moz-transition:.1s linear all;
    -ms-transition:.1s linear all;
    -o-transition:.1s linear all;
    transition:.1s linear all
}

/* tables */
#whmcsx #whmcsorderfrm table {
    display:table;
    border:0;
    border-spacing:1px;
/* 2px ?*/
    border-collapse:separate;
    margin-top:0;
    margin-bottom:0;
/* XXXldb do we want this if we're border-collapse:collapse ? */
    -moz-box-sizing:border-box;
    text-indent:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    -o-border-radius:0;
    border-radius:0
}

#whmcsx #whmcsorderfrm table tr,#whmcsx #whmcsorderfrm table th,#whmcsx #whmcsorderfrm table td {
    border:0
}

#whmcsx #whmcsorderfrm table tbody tr:first-child td:first-child,#whmcsx #whmcsorderfrm table tbody tr:first-child td:last-child,#whmcsx #whmcsorderfrm table tbody tr:last-child td:first-child,#whmcsx #whmcsorderfrm table tbody tr:last-child td:last-child {
    -moz-border-radius:0;
    -webkit-border-radius:0;
    -o-border-radius:0;
    border-radius:0
}

#whmcsx #whmcsorderfrm table[align="left"] {
    float:left
}

#whmcsx #whmcsorderfrm table[align="right"] {
    float:right;
    text-align:start
}

#whmcsx #whmcsorderfrm table[rules]:not([rules="none"]) {
    border-collapse:collapse
}

/* caption inherits from table not table-outer */
#whmcsx #whmcsorderfrm caption {
    display:table-caption;
    text-align:center;
    -moz-box-sizing:border-box
}

#whmcsx #whmcsorderfrm table[align="center"] > caption {
    margin-left:auto;
    margin-right:auto
}

#whmcsx #whmcsorderfrm table[align="center"] > caption[align="left"] {
    margin-right:0
}

#whmcsx #whmcsorderfrm table[align="center"] > caption[align="right"] {
    margin-left:0
}

#whmcsx #whmcsorderfrm tr {
    display:table-row;
    vertical-align:inherit
}

#whmcsx #whmcsorderfrm col {
    display:table-column
}

#whmcsx #whmcsorderfrm colgroup {
    display:table-column-group
}

#whmcsx #whmcsorderfrm tbody {
    display:table-row-group;
    vertical-align:middle
}

#whmcsx #whmcsorderfrm thead {
    display:table-header-group;
    vertical-align:middle
}

#whmcsx #whmcsorderfrm tfoot {
    display:table-footer-group;
    vertical-align:middle
}

/* for XHTML tables without tbody */
#whmcsx #whmcsorderfrm table > tr {
    vertical-align:middle
}

#whmcsx #whmcsorderfrm td {
    display:table-cell;
    vertical-align:inherit;
    text-align:inherit;
    padding:1px
}

#whmcsx #whmcsorderfrm th {
    display:table-cell;
    vertical-align:inherit;
    font-weight:700;
    padding:1px
}

#whmcsx #whmcsorderfrm tr > form:-moz-is-html,#whmcsx #whmcsorderfrm tbody > form:-moz-is-html,#whmcsx #whmcsorderfrm thead > form:-moz-is-html,#whmcsx #whmcsorderfrm tfoot > form:-moz-is-html,#whmcsx #whmcsorderfrm table > form:-moz-is-html {
/* Important: don't show these forms in HTML*/
    display:none!important
}

/* inlines */
#whmcsx #whmcsorderfrm q:before {
    content:open-quote
}

#whmcsx #whmcsorderfrm q:after {
    content:close-quote
}

#whmcsx #whmcsorderfrm b,#whmcsx #whmcsorderfrm strong {
    font-weight:bolder
}

#whmcsx #whmcsorderfrm i,#whmcsx #whmcsorderfrm cite,#whmcsx #whmcsorderfrm em,#whmcsx #whmcsorderfrm var,#whmcsx #whmcsorderfrm dfn {
    font-style:italic
}

#whmcsx #whmcsorderfrm u,#whmcsx #whmcsorderfrm ins {
    text-decoration:underline
}

#whmcsx #whmcsorderfrm s,#whmcsx #whmcsorderfrm strike,#whmcsx #whmcsorderfrm del {
    text-decoration:line-through
}

#whmcsx #whmcsorderfrm sub {
    vertical-align:sub;
    font-size:smaller;
    line-height:normal
}

#whmcsx #whmcsorderfrm sup {
    vertical-align:super;
    font-size:smaller;
    line-height:normal
}

#whmcsx #whmcsorderfrm nobr {
    white-space:nowrap
}

/* lists */
#whmcsx #whmcsorderfrm ul,#whmcsx #whmcsorderfrm menu,#whmcsx #whmcsorderfrm dir {
    display:block;
    list-style-type:disc;
    margin:1em 0;
    -moz-padding-start:40px
}

#whmcsx #whmcsorderfrm ol {
    display:block;
    list-style-type:decimal;
    margin:1em 0;
    -moz-padding-start:40px
}

#whmcsx #whmcsorderfrm li {
    display:list-item
}

/* leafs */
#whmcsx #whmcsorderfrm hr {
    display:block;
    height:2px;
    border:1px inset;
    margin:.5em auto;
    color:gray;
    -moz-float-edge:margin-box;
    -moz-box-sizing:border-box
}

#whmcsx #whmcsorderfrm hr[size="1"] {
    border-style:solid none none
}

/* hidden elements */
#whmcsx #whmcsorderfrm area,#whmcsx #whmcsorderfrm base,#whmcsx #whmcsorderfrm basefont,#whmcsx #whmcsorderfrm head,#whmcsx #whmcsorderfrm meta,#whmcsx #whmcsorderfrm script,#whmcsx #whmcsorderfrm style,#whmcsx #whmcsorderfrm title,#whmcsx #whmcsorderfrm noembed,#whmcsx #whmcsorderfrm param {
    display:none
}

:focus {
    -moz-outline-style:none
}

/* You Will See This: */
:-moz-any-link:focus {
    outline:1px dotted invert
}

/* Change It To This: */
:-moz-any-link:focus {
    outline:none
}

.dropdown-menu>li.checkbox-row {
    padding:5px 20px
}

.dropdown-menu li.checkbox-row {
    display:block;
    clear:both;
    font-weight:400;
    line-height:20px;
    color:#333;
    white-space:nowrap
}

.dropdown-menu li.checkbox-row label {
    font-weight:400
}

.dropdown-menu li.checkbox-row:hover,.dropdown-menu li.checkbox-row input:hover,.dropdown-menu li.checkbox-row label:hover {
    cursor:pointer
}

.no-touch .dropdown-menu>.checkbox-row:hover,.no-touch .dropdown-menu>.checkbox-row:active {
    text-decoration:none;
    color:#262626;
    background-color:#f5f5f5
}

.btn-toolbar {
    margin-bottom:20px
}

.lt-ie8 .btn-toolbar {
    display:none
}

.table-responsive {
    border-radius:3px;
    border:1px solid #ddd;
    margin-bottom:20px
}

.table-responsive>.table {
    margin-bottom:0
}

.table-responsive>.table-bordered {
    border:0
}

.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left:0
}

.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right:0
}

.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td {
    border-bottom:0
}

.table-responsive[data-pattern="priority-columns"] {
    position:relative;
    width:100%;
    margin-bottom:20px;
    overflow-y:hidden;
    overflow-x:auto;
    -ms-overflow-style:-ms-autohiding-scrollbar;
    border-radius:3px;
    border:1px solid #ddd;
    -webkit-overflow-scrolling:touch
}

.table-responsive[data-pattern="priority-columns"]>.table {
    margin-bottom:0
}

.table-responsive[data-pattern="priority-columns"]>.table>thead>tr>th,.table-responsive[data-pattern="priority-columns"]>.table>tbody>tr>th,.table-responsive[data-pattern="priority-columns"]>.table>tfoot>tr>th,.table-responsive[data-pattern="priority-columns"]>.table>thead>tr>td,.table-responsive[data-pattern="priority-columns"]>.table>tbody>tr>td,.table-responsive[data-pattern="priority-columns"]>.table>tfoot>tr>td {
    white-space:nowrap
}

.table-responsive[data-pattern="priority-columns"]>.table-bordered {
    border:0
}

.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>th:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>th:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>th:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>td:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>td:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>td:first-child {
    border-left:0
}

.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>th:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>th:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>th:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>td:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>td:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>td:last-child {
    border-right:0
}

.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr:last-child>th,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr:last-child>th,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr:last-child>td,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr:last-child>td {
    border-bottom:0
}

.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority],.mq.js.lt-ie10 .sticky-table-header th[data-priority],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority],.mq.js.lt-ie10 .sticky-table-header td[data-priority] {
    display:none
}

.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="1"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="1"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="1"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"] {
    display:inline
}

.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="1"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="1"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="1"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"] {
    display:table-cell
}

@media screen and (min-width:480px) {
.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="2"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="2"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="2"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="2"] {
    display:inline
}

.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="2"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="2"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="2"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="2"] {
    display:table-cell
}
}

@media screen and (min-width:640px) {
.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="3"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="3"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="3"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="3"] {
    display:inline
}

.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="3"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="3"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="3"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="3"] {
    display:table-cell
}
}

@media screen and (min-width:800px) {
.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="4"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="4"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="4"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="4"] {
    display:inline
}

.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="4"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="4"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="4"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="4"] {
    display:table-cell
}
}

@media screen and (min-width:960px) {
.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="5"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="5"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="5"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="5"] {
    display:inline
}

.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="5"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="5"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="5"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="5"] {
    display:table-cell
}
}

@media screen and (min-width:1120px) {
.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="6"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="6"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="6"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="6"] {
    display:inline
}

.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="6"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="6"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="6"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="6"] {
    display:table-cell
}
}

table.table-small-font {
    font-size:12px;
    -webkit-text-size-adjust:none;
    line-height:1.5em
}

table.focus-on tbody tr:hover {
    cursor:pointer
}

table.focus-on tbody tr.unfocused th,table.focus-on tbody tr.unfocused td {
    color:#999;
    color:rgba(0,0,0,0.4)
}

table.focus-on tbody tr.focused th,table.focus-on tbody tr.focused td {
    background-color:#5bc0de;
    color:#000
}

table th.col-hide,table td.col-hide {
    display:none
}

table th.col-show,table td.col-show {
    display:inline
}

.lt-ie9 table th.col-show,.lt-ie9 table td.col-show {
    display:table-cell
}

.lt-ie9 table.display-all th,.lt-ie9 table.display-all td {
    display:inline!important
}

table.display-all th,table.display-all td {
    display:table-cell!important
}

.sticky-table-header {
    background-color:#fff;
    border:none;
    border-radius:0;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    position:absolute;
    top:0;
    visibility:hidden;
    z-index:990;
    overflow:hidden;
    min-width:100%
}

.sticky-table-header.fixed-solution {
    min-width:0;
    position:fixed
}

.lt-ie10 .sticky-table-header.fixed-solution {
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    box-sizing:content-box;
    border-bottom:none
}

.sticky-table-header.border-radius-fix {
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px
}

.sticky-table-header>.table {
    margin-bottom:0
}

.sticky-table-header>.table>thead>tr>th,.sticky-table-header>.table>tbody>tr>th,.sticky-table-header>.table>tfoot>tr>th,.sticky-table-header>.table>thead>tr>td,.sticky-table-header>.table>tbody>tr>td,.sticky-table-header>.table>tfoot>tr>td {
    white-space:nowrap
}

.sticky-table-header>.table-bordered {
    border:0
}

.sticky-table-header>.table-bordered>thead>tr>th:first-child,.sticky-table-header>.table-bordered>tbody>tr>th:first-child,.sticky-table-header>.table-bordered>tfoot>tr>th:first-child,.sticky-table-header>.table-bordered>thead>tr>td:first-child,.sticky-table-header>.table-bordered>tbody>tr>td:first-child,.sticky-table-header>.table-bordered>tfoot>tr>td:first-child {
    border-left:0
}

.sticky-table-header>.table-bordered>thead>tr>th:last-child,.sticky-table-header>.table-bordered>tbody>tr>th:last-child,.sticky-table-header>.table-bordered>tfoot>tr>th:last-child,.sticky-table-header>.table-bordered>thead>tr>td:last-child,.sticky-table-header>.table-bordered>tbody>tr>td:last-child,.sticky-table-header>.table-bordered>tfoot>tr>td:last-child {
    border-right:0
}

.sticky-table-header>.table-bordered>tbody>tr:last-child>th,.sticky-table-header>.table-bordered>tfoot>tr:last-child>th,.sticky-table-header>.table-bordered>tbody>tr:last-child>td,.sticky-table-header>.table-bordered>tfoot>tr:last-child>td {
    border-bottom:0
}

#whmcsx article,#whmcsx aside,#whmcsx details,#whmcsx figcaption,#whmcsx figure,#whmcsx footer,#whmcsx header,#whmcsx hgroup,#whmcsx main,#whmcsx menu,#whmcsx nav,#whmcsx section,#whmcsx summary {
    display:block
}

#whmcsx audio,#whmcsx canvas,#whmcsx progress,#whmcsx video {
    display:inline-block;
    vertical-align:baseline
}

#whmcsx audio:not([controls]) {
    display:none;
    height:0
}

#whmcsx {
    font-family:Ubuntu,sans-serif
}

#whmcsx a:active,#whmcsx a:hover {
    outline:0
}

#whmcsx abbr[title] {
    border-bottom:1px dotted
}

#whmcsx b,#whmcsx strong {
    font-weight:700
}

#whmcsx dfn {
    font-style:italic
}

#whmcsx h1 {
    margin:.67em 0;
    font-size:2em
}

#whmcsx mark {
    color:#000;
    background:#ff0
}

#whmcsx small {
    font-size:80%
}

#whmcsx sub,#whmcsx sup {
    position:relative;
    font-size:75%;
    line-height:0;
    vertical-align:baseline
}

#whmcsx sup {
    top:-.5em
}

#whmcsx sub {
    bottom:-.25em
}

#whmcsx img {
    border:0
}

#whmcsx svg:not(:root) {
    overflow:hidden
}

#whmcsx figure {
    margin:1em 40px
}

#whmcsx hr {
    height:0;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}

#whmcsx pre {
    overflow:auto
}

#whmcsx code,#whmcsx kbd,#whmcsx pre,#whmcsx samp {
    font-family:monospace,monospace;
    font-size:1em
}

#whmcsx button,#whmcsx input,#whmcsx optgroup,#whmcsx select,#whmcsx textarea {
    margin:0;
    font:inherit;
    color:inherit
}

#whmcsx button {
    overflow:visible
}

#whmcsx button,#whmcsx select {
    text-transform:none
}

#whmcsx button,html input[type=button],#whmcsx input[type=reset],#whmcsx input[type=submit] {
    -webkit-appearance:button;
    cursor:pointer
}

#whmcsx button[disabled],#whmcsx html input[disabled] {
    cursor:default
}

#whmcsx button::-moz-focus-inner,#whmcsx input::-moz-focus-inner {
    padding:0;
    border:0
}

#whmcsx input {
    line-height:normal
}

#whmcsx input[type=checkbox],#whmcsx input[type=radio] {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}

#whmcsx input[type=number]::-webkit-inner-spin-button,#whmcsx input[type=number]::-webkit-outer-spin-button {
    height:auto
}

#whmcsx input[type=search] {
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-appearance:textfield
}

#whmcsx input[type=search]::-webkit-search-cancel-button,#whmcsx input[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}

#whmcsx legend {
    padding:0;
    border:0
}

#whmcsx textarea {
    overflow:auto
}

#whmcsx optgroup {
    font-weight:700
}

#whmcsx table {
    border-spacing:0;
    border-collapse:collapse
}

#whmcsx td,#whmcsx th {
    padding:0
}

#whmcsx a,#whmcsx a:visited {
    text-decoration:underline
}

/*#whmcsx a[href]:after {
    content:" (" attr(href) ")"
}*/
#whmcsx abbr[title]:after {
    content:" (" attr(title) ")"
}

#whmcsx a[href^="javascript:"]:after,#whmcsx a[href^="#"]:after {
    content:""
}

#whmcsx blockquote,#whmcsx pre {
    border:1px solid #999;
    page-break-inside:avoid
}

#whmcsx thead {
    display:table-header-group
}

#whmcsx img,#whmcsx tr {
    page-break-inside:avoid
}

#whmcsx img {
    max-width:100%!important
}

#whmcsx h2,#whmcsx h3,#whmcsx p {
    orphans:3;
    widows:3
}

#whmcsx h2,#whmcsx h3 {
    page-break-after:avoid
}

#whmcsx select {
    background:#fff!important
}

#whmcsx .navbar {
    display:none
}

#whmcsx .btn>.caret,#whmcsx .dropup>.btn>.caret {
    border-top-color:#000!important
}

#whmcsx .label {
}

#whmcsx .table {
    border-collapse:collapse!important
}

/*#whmcsx .table td, #whmcsx .table th {
    background-color:#fff!important}
#whmcsx .table-bordered td, #whmcsx .table-bordered th {
    border:1px solid #ddd!important}

}
*/
@font-face {
    font-family:'Glyphicons Halflings';
    src:url(../fonts/glyphicons-halflings-regular.eot);
    src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(../fonts/glyphicons-halflings-regular.woff) format("woff"),url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}

#whmcsx .glyphicon {
    position:relative;
    top:1px;
    display:inline-block;
    font-family:'Glyphicons Halflings';
    font-style:normal;
    font-weight:400;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}

#whmcsx .glyphicon-asterisk:before {
    content:"\2a"
}

#whmcsx .glyphicon-plus:before {
    content:"\2b"
}

#whmcsx .glyphicon-eur:before,#whmcsx .glyphicon-euro:before {
    content:"\20ac"
}

#whmcsx .glyphicon-minus:before {
    content:"\2212"
}

#whmcsx .glyphicon-cloud:before {
    content:"\2601"
}

#whmcsx .glyphicon-envelope:before {
    content:"\2709"
}

#whmcsx .glyphicon-pencil:before {
    content:"\270f"
}

#whmcsx .glyphicon-glass:before {
    content:"\e001"
}

#whmcsx .glyphicon-music:before {
    content:"\e002"
}

#whmcsx .glyphicon-search:before {
    content:"\e003"
}

#whmcsx .glyphicon-heart:before {
    content:"\e005"
}

#whmcsx .glyphicon-star:before {
    content:"\e006"
}

#whmcsx .glyphicon-star-empty:before {
    content:"\e007"
}

#whmcsx .glyphicon-user:before {
    content:"\e008"
}

#whmcsx .glyphicon-film:before {
    content:"\e009"
}

#whmcsx .glyphicon-th-large:before {
    content:"\e010"
}

#whmcsx .glyphicon-th:before {
    content:"\e011"
}

#whmcsx .glyphicon-th-list:before {
    content:"\e012"
}

#whmcsx .glyphicon-ok:before {
    content:"\e013"
}

#whmcsx .glyphicon-remove:before {
    content:"\e014"
}

#whmcsx .glyphicon-zoom-in:before {
    content:"\e015"
}

#whmcsx .glyphicon-zoom-out:before {
    content:"\e016"
}

#whmcsx .glyphicon-off:before {
    content:"\e017"
}

#whmcsx .glyphicon-signal:before {
    content:"\e018"
}

#whmcsx .glyphicon-cog:before {
    content:"\e019"
}

#whmcsx .glyphicon-trash:before {
    content:"\e020"
}

#whmcsx .glyphicon-home:before {
    content:"\e021"
}

#whmcsx .glyphicon-file:before {
    content:"\e022"
}

#whmcsx .glyphicon-time:before {
    content:"\e023"
}

#whmcsx .glyphicon-road:before {
    content:"\e024"
}

#whmcsx .glyphicon-download-alt:before {
    content:"\e025"
}

#whmcsx .glyphicon-download:before {
    content:"\e026"
}

#whmcsx .glyphicon-upload:before {
    content:"\e027"
}

#whmcsx .glyphicon-inbox:before {
    content:"\e028"
}

#whmcsx .glyphicon-play-circle:before {
    content:"\e029"
}

#whmcsx .glyphicon-repeat:before {
    content:"\e030"
}

#whmcsx .glyphicon-refresh:before {
    content:"\e031"
}

#whmcsx .glyphicon-list-alt:before {
    content:"\e032"
}

#whmcsx .glyphicon-lock:before {
    content:"\e033"
}

#whmcsx .glyphicon-flag:before {
    content:"\e034"
}

#whmcsx .glyphicon-headphones:before {
    content:"\e035"
}

#whmcsx .glyphicon-volume-off:before {
    content:"\e036"
}

#whmcsx .glyphicon-volume-down:before {
    content:"\e037"
}

#whmcsx .glyphicon-volume-up:before {
    content:"\e038"
}

#whmcsx .glyphicon-qrcode:before {
    content:"\e039"
}

#whmcsx .glyphicon-barcode:before {
    content:"\e040"
}

#whmcsx .glyphicon-tag:before {
    content:"\e041"
}

#whmcsx .glyphicon-tags:before {
    content:"\e042"
}

#whmcsx .glyphicon-book:before {
    content:"\e043"
}

#whmcsx .glyphicon-bookmark:before {
    content:"\e044"
}

#whmcsx .glyphicon-print:before {
    content:"\e045"
}

#whmcsx .glyphicon-camera:before {
    content:"\e046"
}

#whmcsx .glyphicon-font:before {
    content:"\e047"
}

#whmcsx .glyphicon-bold:before {
    content:"\e048"
}

#whmcsx .glyphicon-italic:before {
    content:"\e049"
}

#whmcsx .glyphicon-text-height:before {
    content:"\e050"
}

#whmcsx .glyphicon-text-width:before {
    content:"\e051"
}

#whmcsx .glyphicon-align-left:before {
    content:"\e052"
}

#whmcsx .glyphicon-align-center:before {
    content:"\e053"
}

#whmcsx .glyphicon-align-right:before {
    content:"\e054"
}

#whmcsx .glyphicon-align-justify:before {
    content:"\e055"
}

#whmcsx .glyphicon-list:before {
    content:"\e056"
}

#whmcsx .glyphicon-indent-left:before {
    content:"\e057"
}

#whmcsx .glyphicon-indent-right:before {
    content:"\e058"
}

#whmcsx .glyphicon-facetime-video:before {
    content:"\e059"
}

#whmcsx .glyphicon-picture:before {
    content:"\e060"
}

#whmcsx .glyphicon-map-marker:before {
    content:"\e062"
}

#whmcsx .glyphicon-adjust:before {
    content:"\e063"
}

#whmcsx .glyphicon-tint:before {
    content:"\e064"
}

#whmcsx .glyphicon-edit:before {
    content:"\e065"
}

#whmcsx .glyphicon-share:before {
    content:"\e066"
}

#whmcsx .glyphicon-check:before {
    content:"\e067"
}

#whmcsx .glyphicon-move:before {
    content:"\e068"
}

#whmcsx .glyphicon-step-backward:before {
    content:"\e069"
}

#whmcsx .glyphicon-fast-backward:before {
    content:"\e070"
}

#whmcsx .glyphicon-backward:before {
    content:"\e071"
}

#whmcsx .glyphicon-play:before {
    content:"\e072"
}

#whmcsx .glyphicon-pause:before {
    content:"\e073"
}

#whmcsx .glyphicon-stop:before {
    content:"\e074"
}

#whmcsx .glyphicon-forward:before {
    content:"\e075"
}

#whmcsx .glyphicon-fast-forward:before {
    content:"\e076"
}

#whmcsx .glyphicon-step-forward:before {
    content:"\e077"
}

#whmcsx .glyphicon-eject:before {
    content:"\e078"
}

#whmcsx .glyphicon-chevron-left:before {
    content:"\e079"
}

#whmcsx .glyphicon-chevron-right:before {
    content:"\e080"
}

#whmcsx .glyphicon-plus-sign:before {
    content:"\e081"
}

#whmcsx .glyphicon-minus-sign:before {
    content:"\e082"
}

#whmcsx .glyphicon-remove-sign:before {
    content:"\e083"
}

#whmcsx .glyphicon-ok-sign:before {
    content:"\e084"
}

#whmcsx .glyphicon-question-sign:before {
    content:"\e085"
}

#whmcsx .glyphicon-info-sign:before {
    content:"\e086"
}

#whmcsx .glyphicon-screenshot:before {
    content:"\e087"
}

#whmcsx .glyphicon-remove-circle:before {
    content:"\e088"
}

#whmcsx .glyphicon-ok-circle:before {
    content:"\e089"
}

#whmcsx .glyphicon-ban-circle:before {
    content:"\e090"
}

#whmcsx .glyphicon-arrow-left:before {
    content:"\e091"
}

#whmcsx .glyphicon-arrow-right:before {
    content:"\e092"
}

#whmcsx .glyphicon-arrow-up:before {
    content:"\e093"
}

#whmcsx .glyphicon-arrow-down:before {
    content:"\e094"
}

#whmcsx .glyphicon-share-alt:before {
    content:"\e095"
}

#whmcsx .glyphicon-resize-full:before {
    content:"\e096"
}

#whmcsx .glyphicon-resize-small:before {
    content:"\e097"
}

#whmcsx .glyphicon-exclamation-sign:before {
    content:"\e101"
}

#whmcsx .glyphicon-gift:before {
    content:"\e102"
}

#whmcsx .glyphicon-leaf:before {
    content:"\e103"
}

#whmcsx .glyphicon-fire:before {
    content:"\e104"
}

#whmcsx .glyphicon-eye-open:before {
    content:"\e105"
}

#whmcsx .glyphicon-eye-close:before {
    content:"\e106"
}

#whmcsx .glyphicon-warning-sign:before {
    content:"\e107"
}

#whmcsx .glyphicon-plane:before {
    content:"\e108"
}

#whmcsx .glyphicon-calendar:before {
    content:"\e109"
}

#whmcsx .glyphicon-random:before {
    content:"\e110"
}

#whmcsx .glyphicon-comment:before {
    content:"\e111"
}

#whmcsx .glyphicon-magnet:before {
    content:"\e112"
}

#whmcsx .glyphicon-chevron-up:before {
    content:"\e113"
}

#whmcsx .glyphicon-chevron-down:before {
    content:"\e114"
}

#whmcsx .glyphicon-retweet:before {
    content:"\e115"
}

#whmcsx .glyphicon-shopping-cart:before {
    content:"\e116"
}

#whmcsx .glyphicon-folder-close:before {
    content:"\e117"
}

#whmcsx .glyphicon-folder-open:before {
    content:"\e118"
}

#whmcsx .glyphicon-resize-vertical:before {
    content:"\e119"
}

#whmcsx .glyphicon-resize-horizontal:before {
    content:"\e120"
}

#whmcsx .glyphicon-hdd:before {
    content:"\e121"
}

#whmcsx .glyphicon-bullhorn:before {
    content:"\e122"
}

#whmcsx .glyphicon-bell:before {
    content:"\e123"
}

#whmcsx .glyphicon-certificate:before {
    content:"\e124"
}

#whmcsx .glyphicon-thumbs-up:before {
    content:"\e125"
}

#whmcsx .glyphicon-thumbs-down:before {
    content:"\e126"
}

#whmcsx .glyphicon-hand-right:before {
    content:"\e127"
}

#whmcsx .glyphicon-hand-left:before {
    content:"\e128"
}

#whmcsx .glyphicon-hand-up:before {
    content:"\e129"
}

#whmcsx .glyphicon-hand-down:before {
    content:"\e130"
}

#whmcsx .glyphicon-circle-arrow-right:before {
    content:"\e131"
}

#whmcsx .glyphicon-circle-arrow-left:before {
    content:"\e132"
}

#whmcsx .glyphicon-circle-arrow-up:before {
    content:"\e133"
}

#whmcsx .glyphicon-circle-arrow-down:before {
    content:"\e134"
}

#whmcsx .glyphicon-globe:before {
    content:"\e135"
}

#whmcsx .glyphicon-wrench:before {
    content:"\e136"
}

#whmcsx .glyphicon-tasks:before {
    content:"\e137"
}

#whmcsx .glyphicon-filter:before {
    content:"\e138"
}

#whmcsx .glyphicon-briefcase:before {
    content:"\e139"
}

#whmcsx .glyphicon-fullscreen:before {
    content:"\e140"
}

#whmcsx .glyphicon-dashboard:before {
    content:"\e141"
}

#whmcsx .glyphicon-paperclip:before {
    content:"\e142"
}

#whmcsx .glyphicon-heart-empty:before {
    content:"\e143"
}

#whmcsx .glyphicon-link:before {
    content:"\e144"
}

#whmcsx .glyphicon-phone:before {
    content:"\e145"
}

#whmcsx .glyphicon-pushpin:before {
    content:"\e146"
}

#whmcsx .glyphicon-usd:before {
    content:"\e148"
}

#whmcsx .glyphicon-gbp:before {
    content:"\e149"
}

#whmcsx .glyphicon-sort:before {
    content:"\e150"
}

#whmcsx .glyphicon-sort-by-alphabet:before {
    content:"\e151"
}

#whmcsx .glyphicon-sort-by-alphabet-alt:before {
    content:"\e152"
}

#whmcsx .glyphicon-sort-by-order:before {
    content:"\e153"
}

#whmcsx .glyphicon-sort-by-order-alt:before {
    content:"\e154"
}

#whmcsx .glyphicon-sort-by-attributes:before {
    content:"\e155"
}

#whmcsx .glyphicon-sort-by-attributes-alt:before {
    content:"\e156"
}

#whmcsx .glyphicon-unchecked:before {
    content:"\e157"
}

#whmcsx .glyphicon-expand:before {
    content:"\e158"
}

#whmcsx .glyphicon-collapse-down:before {
    content:"\e159"
}

#whmcsx .glyphicon-collapse-up:before {
    content:"\e160"
}

#whmcsx .glyphicon-log-in:before {
    content:"\e161"
}

#whmcsx .glyphicon-flash:before {
    content:"\e162"
}

#whmcsx .glyphicon-log-out:before {
    content:"\e163"
}

#whmcsx .glyphicon-new-window:before {
    content:"\e164"
}

#whmcsx .glyphicon-record:before {
    content:"\e165"
}

#whmcsx .glyphicon-save:before {
    content:"\e166"
}

#whmcsx .glyphicon-open:before {
    content:"\e167"
}

#whmcsx .glyphicon-saved:before {
    content:"\e168"
}

#whmcsx .glyphicon-import:before {
    content:"\e169"
}

#whmcsx .glyphicon-export:before {
    content:"\e170"
}

#whmcsx .glyphicon-send:before {
    content:"\e171"
}

#whmcsx .glyphicon-floppy-disk:before {
    content:"\e172"
}

#whmcsx .glyphicon-floppy-saved:before {
    content:"\e173"
}

#whmcsx .glyphicon-floppy-remove:before {
    content:"\e174"
}

#whmcsx .glyphicon-floppy-save:before {
    content:"\e175"
}

#whmcsx .glyphicon-floppy-open:before {
    content:"\e176"
}

#whmcsx .glyphicon-credit-card:before {
    content:"\e177"
}

#whmcsx .glyphicon-transfer:before {
    content:"\e178"
}

#whmcsx .glyphicon-cutlery:before {
    content:"\e179"
}

#whmcsx .glyphicon-header:before {
    content:"\e180"
}

#whmcsx .glyphicon-compressed:before {
    content:"\e181"
}

#whmcsx .glyphicon-earphone:before {
    content:"\e182"
}

#whmcsx .glyphicon-phone-alt:before {
    content:"\e183"
}

#whmcsx .glyphicon-tower:before {
    content:"\e184"
}

#whmcsx .glyphicon-stats:before {
    content:"\e185"
}

#whmcsx .glyphicon-sd-video:before {
    content:"\e186"
}

#whmcsx .glyphicon-hd-video:before {
    content:"\e187"
}

#whmcsx .glyphicon-subtitles:before {
    content:"\e188"
}

#whmcsx .glyphicon-sound-stereo:before {
    content:"\e189"
}

#whmcsx .glyphicon-sound-dolby:before {
    content:"\e190"
}

#whmcsx .glyphicon-sound-5-1:before {
    content:"\e191"
}

#whmcsx .glyphicon-sound-6-1:before {
    content:"\e192"
}

#whmcsx .glyphicon-sound-7-1:before {
    content:"\e193"
}

#whmcsx .glyphicon-copyright-mark:before {
    content:"\e194"
}

#whmcsx .glyphicon-registration-mark:before {
    content:"\e195"
}

#whmcsx .glyphicon-cloud-download:before {
    content:"\e197"
}

#whmcsx .glyphicon-cloud-upload:before {
    content:"\e198"
}

#whmcsx .glyphicon-tree-conifer:before {
    content:"\e199"
}

#whmcsx .glyphicon-tree-deciduous:before {
    content:"\e200"
}

#whmcsx .glyphicon-cd:before {
    content:"\e201"
}

#whmcsx .glyphicon-save-file:before {
    content:"\e202"
}

#whmcsx .glyphicon-open-file:before {
    content:"\e203"
}

#whmcsx .glyphicon-level-up:before {
    content:"\e204"
}

#whmcsx .glyphicon-copy:before {
    content:"\e205"
}

#whmcsx .glyphicon-paste:before {
    content:"\e206"
}

#whmcsx .glyphicon-alert:before {
    content:"\e209"
}

#whmcsx .glyphicon-equalizer:before {
    content:"\e210"
}

#whmcsx .glyphicon-king:before {
    content:"\e211"
}

#whmcsx .glyphicon-queen:before {
    content:"\e212"
}

#whmcsx .glyphicon-pawn:before {
    content:"\e213"
}

#whmcsx .glyphicon-bishop:before {
    content:"\e214"
}

#whmcsx .glyphicon-knight:before {
    content:"\e215"
}

#whmcsx .glyphicon-baby-formula:before {
    content:"\e216"
}

#whmcsx .glyphicon-tent:before {
    content:"\26fa"
}

#whmcsx .glyphicon-blackboard:before {
    content:"\e218"
}

#whmcsx .glyphicon-bed:before {
    content:"\e219"
}

#whmcsx .glyphicon-apple:before {
    content:"\f8ff"
}

#whmcsx .glyphicon-erase:before {
    content:"\e221"
}

#whmcsx .glyphicon-hourglass:before {
    content:"\231b"
}

#whmcsx .glyphicon-lamp:before {
    content:"\e223"
}

#whmcsx .glyphicon-duplicate:before {
    content:"\e224"
}

#whmcsx .glyphicon-piggy-bank:before {
    content:"\e225"
}

#whmcsx .glyphicon-scissors:before {
    content:"\e226"
}

#whmcsx .glyphicon-bitcoin:before {
    content:"\e227"
}

#whmcsx .glyphicon-yen:before {
    content:"\00a5"
}

#whmcsx .glyphicon-ruble:before {
    content:"\20bd"
}

#whmcsx .glyphicon-scale:before {
    content:"\e230"
}

#whmcsx .glyphicon-ice-lolly:before {
    content:"\e231"
}

#whmcsx .glyphicon-ice-lolly-tasted:before {
    content:"\e232"
}

#whmcsx .glyphicon-education:before {
    content:"\e233"
}

#whmcsx .glyphicon-option-horizontal:before {
    content:"\e234"
}

#whmcsx .glyphicon-option-vertical:before {
    content:"\e235"
}

#whmcsx .glyphicon-menu-hamburger:before {
    content:"\e236"
}

#whmcsx .glyphicon-modal-window:before {
    content:"\e237"
}

#whmcsx .glyphicon-oil:before {
    content:"\e238"
}

#whmcsx .glyphicon-grain:before {
    content:"\e239"
}

#whmcsx .glyphicon-sunglasses:before {
    content:"\e240"
}

#whmcsx .glyphicon-text-size:before {
    content:"\e241"
}

#whmcsx .glyphicon-text-color:before {
    content:"\e242"
}

#whmcsx .glyphicon-text-background:before {
    content:"\e243"
}

#whmcsx .glyphicon-object-align-top:before {
    content:"\e244"
}

#whmcsx .glyphicon-object-align-bottom:before {
    content:"\e245"
}

#whmcsx .glyphicon-object-align-horizontal:before {
    content:"\e246"
}

#whmcsx .glyphicon-object-align-left:before {
    content:"\e247"
}

#whmcsx .glyphicon-object-align-vertical:before {
    content:"\e248"
}

#whmcsx .glyphicon-object-align-right:before {
    content:"\e249"
}

#whmcsx .glyphicon-triangle-right:before {
    content:"\e250"
}

#whmcsx .glyphicon-triangle-left:before {
    content:"\e251"
}

#whmcsx .glyphicon-triangle-bottom:before {
    content:"\e252"
}

#whmcsx .glyphicon-triangle-top:before {
    content:"\e253"
}

#whmcsx .glyphicon-console:before {
    content:"\e254"
}

#whmcsx .glyphicon-superscript:before {
    content:"\e255"
}

#whmcsx .glyphicon-subscript:before {
    content:"\e256"
}

#whmcsx .glyphicon-menu-left:before {
    content:"\e257"
}

#whmcsx .glyphicon-menu-right:before {
    content:"\e258"
}

#whmcsx .glyphicon-menu-down:before {
    content:"\e259"
}

#whmcsx .glyphicon-menu-up:before {
    content:"\e260"
}

#whmcsx * {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    /* box-sizing:border-box; */
}

#whmcsx :after,#whmcsx :before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

#whmcsx button,#whmcsx input,#whmcsx select,#whmcsx textarea {
    font-family:inherit;
    border-radius: 3px;    
	box-shadow: none;    
	border: 1px solid #e9e9e9;
	padding: 6px 12px;
	font-size:12px;
	color: #555;
    line-height:inherit
}

#whmcsx a {
    color:#337ab7;
    text-decoration:none
}

#whmcsx a:focus,#whmcsx a:hover {
    color:#23527c;
    text-decoration:underline
}

#whmcsx a:focus {
    outline:thin dotted;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}

#whmcsx figure {
    margin:0
}

#whmcsx img {
    vertical-align:middle
}

#whmcsx .carousel-inner>.item>a>img,#whmcsx .carousel-inner>.item>img,#whmcsx .img-responsive,#whmcsx .thumbnail a>img,#whmcsx .thumbnail>img {
    display:block;
    max-width:100%;
    height:auto
}

#whmcsx .img-rounded {
    border-radius:6px
}

#whmcsx .img-thumbnail {
    display:inline-block;
    max-width:100%;
    height:auto;
    padding:4px;
    line-height:1.42857143;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:4px;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}

#whmcsx .img-circle {
    border-radius:50%
}

hr {
    margin-top:20px;
    margin-bottom:20px;
    border:0;
    border-top:1px solid #eee
}

#whmcsx .sr-only {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}

#whmcsx .sr-only-focusable:active,#whmcsx .sr-only-focusable:focus {
    position:static;
    width:auto;
    height:auto;
    margin:0;
    overflow:visible;
    clip:auto
}

#whmcsx .h1,#whmcsx .h2,#whmcsx .h3,#whmcsx .h4,#whmcsx .h5,#whmcsx .h6,h1,h2,h3,h4,h5,h6 {
    font-family:inherit;
    font-weight:500;
    line-height:1.1;
    color:inherit
}

#whmcsx .h1 .small,#whmcsx .h1 small,#whmcsx .h2 .small,#whmcsx .h2 small,#whmcsx .h3 .small,#whmcsx .h3 small,#whmcsx .h4 .small,#whmcsx .h4 small,#whmcsx .h5 .small,#whmcsx .h5 small,#whmcsx .h6 .small,#whmcsx .h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-weight:400;
    line-height:1;
    color:#777
}

#whmcsx .h1,#whmcsx .h2,#whmcsx .h3,h1,h2,h3 {
    margin-top:20px;
    margin-bottom:10px
}

#whmcsx .h1 .small,#whmcsx .h1 small,#whmcsx .h2 .small,#whmcsx .h2 small,#whmcsx .h3 .small,#whmcsx .h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
    font-size:65%
}

#whmcsx .h4,#whmcsx .h5,#whmcsx .h6,h4,h5,h6 {
    margin-top:10px;
    margin-bottom:10px
}

#whmcsx .h4 .small,#whmcsx .h4 small,#whmcsx .h5 .small,#whmcsx .h5 small,#whmcsx .h6 .small,#whmcsx .h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-size:75%
}

#whmcsx .h1,h1 {
    font-size:36px
}

#whmcsx .h2,h2 {
    font-size:30px
}

#whmcsx .h3,h3 {
    font-size:24px
}

#whmcsx .h4,h4 {
    font-size:18px
}

#whmcsx .h5,h5 {
    font-size:14px
}

#whmcsx .h6,h6 {
    font-size:12px
}

p {
    margin:0 0 10px
}

#whmcsx .lead {
    margin-bottom:20px;
    font-size:16px;
    font-weight:300;
    line-height:1.4
}

@media (min-width:768px) {
#whmcsx .lead {
    font-size:21px
}
}

#whmcsx .small,small {
    font-size:85%
}

#whmcsx .mark,mark {
    padding:.2em;
    background-color:#fcf8e3
}

#whmcsx .text-left {
    text-align:left
}

#whmcsx .text-right {
    text-align:right
}

#whmcsx .text-center {
    text-align:center
}

#whmcsx .text-justify {
    text-align:justify
}

#whmcsx .text-nowrap {
    white-space:nowrap
}

#whmcsx .text-lowercase {
    text-transform:lowercase
}

#whmcsx .text-uppercase {
    text-transform:uppercase
}

#whmcsx .text-capitalize {
    text-transform:capitalize
}

#whmcsx .text-muted {
    color:#777
}

#whmcsx .text-primary {
    color:#337ab7
}

a.text-primary:hover {
    color:#286090
}

#whmcsx .text-success {
    color:#3c763d
}

a.text-success:hover {
    color:#2b542c
}

#whmcsx .text-info {
    color:#31708f
}

a.text-info:hover {
    color:#245269
}

#whmcsx .text-warning {
    color:#8a6d3b
}

a.text-warning:hover {
    color:#66512c
}

#whmcsx .text-danger {
    color:#a94442
}

a.text-danger:hover {
    color:#843534
}

#whmcsx .bg-primary {
    color:#fff;
    background-color:#337ab7
}

a.bg-primary:hover {
    background-color:#286090
}

#whmcsx .bg-success {
    background-color:#dff0d8
}

a.bg-success:hover {
    background-color:#c1e2b3
}

#whmcsx .bg-info {
    background-color:#d9edf7
}

a.bg-info:hover {
    background-color:#afd9ee
}

#whmcsx .bg-warning {
    background-color:#fcf8e3
}

a.bg-warning:hover {
    background-color:#f7ecb5
}

#whmcsx .bg-danger {
    background-color:#f2dede
}

a.bg-danger:hover {
    background-color:#e4b9b9
}

#whmcsx .page-header {
    padding-bottom:9px;
    margin:40px 0 20px;
    border-bottom:1px solid #eee
}

ol,ul {
    margin-top:0;
    margin-bottom:10px
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom:0
}

#whmcsx .list-unstyled {
    padding-left:0;
    list-style:none
}

#whmcsx .list-inline {
    padding-left:0;
    margin-left:-5px;
    list-style:none
}

#whmcsx .list-inline>li {
    display:inline-block;
    padding-right:5px;
    padding-left:5px
}

dl {
    margin-top:0;
    margin-bottom:20px
}

dd,dt {
    line-height:1.42857143
}

dt {
    font-weight:700
}

dd {
    margin-left:0
}

@media (min-width:768px) {
.dl-horizontal dt {
    float:left;
    width:160px;
    overflow:hidden;
    clear:left;
    text-align:right;
    text-overflow:ellipsis;
    white-space:nowrap
}

#whmcsx .dl-horizontal dd {
    margin-left:180px
}
}

abbr[data-original-title],abbr[title] {
    cursor:help;
    border-bottom:1px dotted #777
}

#whmcsx .initialism {
    font-size:90%;
    text-transform:uppercase
}

blockquote {
    padding:10px 20px;
    margin:0 0 20px;
    font-size:17.5px;
    border-left:5px solid #eee
}

blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child {
    margin-bottom:0
}

blockquote .small,blockquote footer,blockquote small {
    display:block;
    font-size:80%;
    line-height:1.42857143;
    color:#777
}

blockquote .small:before,blockquote footer:before,blockquote small:before {
    content:'\2014 \00A0'
}

#whmcsx .blockquote-reverse,blockquote.pull-right {
    padding-right:15px;
    padding-left:0;
    text-align:right;
    border-right:5px solid #eee;
    border-left:0
}

#whmcsx .blockquote-reverse .small:before,#whmcsx .blockquote-reverse footer:before,#whmcsx .blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before {
    content:''
}

#whmcsx .blockquote-reverse .small:after,#whmcsx .blockquote-reverse footer:after,#whmcsx .blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after {
    content:'\00A0 \2014'
}

address {
    margin-bottom:20px;
    font-style:normal;
    line-height:1.42857143
}

code,kbd,pre,samp {
    font-family:Menlo,Monaco,Consolas,"Courier New",monospace
}

code {
    padding:2px 4px;
    font-size:90%;
    color:#c7254e;
    background-color:#f9f2f4;
    border-radius:4px
}

kbd {
    padding:2px 4px;
    font-size:90%;
    color:#fff;
    background-color:#333;
    border-radius:3px;
    -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,#whmcsx .25);
    box-shadow:inset 0 -1px 0 rgba(0,0,0,#whmcsx .25)
}

kbd kbd {
    padding:0;
    font-size:100%;
    font-weight:700;
    -webkit-box-shadow:none;
    box-shadow:none
}

pre {
    display:block;
    padding:9.5px;
    margin:0 0 10px;
    font-size:13px;
    line-height:1.42857143;
    color:#333;
    word-break:break-all;
    word-wrap:break-word;
    background-color:#f5f5f5;
    border:1px solid #ccc;
    border-radius:4px
}

pre code {
    padding:0;
    font-size:inherit;
    color:inherit;
    white-space:pre-wrap;
    background-color:transparent;
    border-radius:0
}

#whmcsx .pre-scrollable {
    max-height:340px;
    overflow-y:scroll
}

#whmcsx .container {
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto
}

@media (min-width:768px) {
#whmcsx .container {
    width:750px
}
}

@media (min-width:992px) {
#whmcsx .container {
    width:970px
}
}

@media (min-width:1200px) {
#whmcsx .container {
    width:1170px
}
}

#whmcsx .container-fluid {
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto
}

#whmcsx .row {
    margin-right:-15px;
    margin-left:-15px
}

#whmcsx .col-lg-1,#whmcsx .col-lg-10,#whmcsx .col-lg-11,#whmcsx .col-lg-12,#whmcsx .col-lg-2,#whmcsx .col-lg-3,#whmcsx .col-lg-4,#whmcsx .col-lg-5,#whmcsx .col-lg-6,#whmcsx .col-lg-7,#whmcsx .col-lg-8,#whmcsx .col-lg-9,#whmcsx .col-md-1,#whmcsx .col-md-10,#whmcsx .col-md-11,#whmcsx .col-md-12,#whmcsx .col-md-2,#whmcsx .col-md-3,#whmcsx .col-md-4,#whmcsx .col-md-5,#whmcsx .col-md-6,#whmcsx .col-md-7,#whmcsx .col-md-8,#whmcsx .col-md-9,#whmcsx .col-sm-1,#whmcsx .col-sm-10,#whmcsx .col-sm-11,#whmcsx .col-sm-12,#whmcsx .col-sm-2,#whmcsx .col-sm-3,#whmcsx .col-sm-4,#whmcsx .col-sm-5,#whmcsx .col-sm-6,#whmcsx .col-sm-7,#whmcsx .col-sm-8,#whmcsx .col-sm-9,#whmcsx .col-xs-1,#whmcsx .col-xs-10,#whmcsx .col-xs-11,#whmcsx .col-xs-12,#whmcsx .col-xs-2,#whmcsx .col-xs-3,#whmcsx .col-xs-4,#whmcsx .col-xs-5,#whmcsx .col-xs-6,#whmcsx .col-xs-7,#whmcsx .col-xs-8,#whmcsx .col-xs-9 {
    position:relative;
    min-height:1px;
    padding-right:15px;
    padding-left:15px
}

#whmcsx .col-xs-1,#whmcsx .col-xs-10,#whmcsx .col-xs-11,#whmcsx .col-xs-12,#whmcsx .col-xs-2,#whmcsx .col-xs-3,#whmcsx .col-xs-4,#whmcsx .col-xs-5,#whmcsx .col-xs-6,#whmcsx .col-xs-7,#whmcsx .col-xs-8,#whmcsx .col-xs-9 {
    float:left
}

#whmcsx .col-xs-12 {
    width:100%
}

#whmcsx .col-xs-11 {
    width:91.66666667%
}

#whmcsx .col-xs-10 {
    width:83.33333333%
}

#whmcsx .col-xs-9 {
    width:75%
}

#whmcsx .col-xs-8 {
    width:66.66666667%
}

#whmcsx .col-xs-7 {
    width:58.33333333%
}

#whmcsx .col-xs-6 {
    width:50%
}

#whmcsx .col-xs-5 {
    width:41.66666667%
}

#whmcsx .col-xs-4 {
    width:33.33333333%
}

#whmcsx .col-xs-3 {
    width:25%
}

#whmcsx .col-xs-2 {
    width:16.66666667%
}

#whmcsx .col-xs-1 {
    width:8.33333333%
}

#whmcsx .col-xs-pull-12 {
    right:100%
}

#whmcsx .col-xs-pull-11 {
    right:91.66666667%
}

#whmcsx .col-xs-pull-10 {
    right:83.33333333%
}

#whmcsx .col-xs-pull-9 {
    right:75%
}

#whmcsx .col-xs-pull-8 {
    right:66.66666667%
}

#whmcsx .col-xs-pull-7 {
    right:58.33333333%
}

#whmcsx .col-xs-pull-6 {
    right:50%
}

#whmcsx .col-xs-pull-5 {
    right:41.66666667%
}

#whmcsx .col-xs-pull-4 {
    right:33.33333333%
}

#whmcsx .col-xs-pull-3 {
    right:25%
}

#whmcsx .col-xs-pull-2 {
    right:16.66666667%
}

#whmcsx .col-xs-pull-1 {
    right:8.33333333%
}

#whmcsx .col-xs-pull-0 {
    right:auto
}

#whmcsx .col-xs-push-12 {
    left:100%
}

#whmcsx .col-xs-push-11 {
    left:91.66666667%
}

#whmcsx .col-xs-push-10 {
    left:83.33333333%
}

#whmcsx .col-xs-push-9 {
    left:75%
}

#whmcsx .col-xs-push-8 {
    left:66.66666667%
}

#whmcsx .col-xs-push-7 {
    left:58.33333333%
}

#whmcsx .col-xs-push-6 {
    left:50%
}

#whmcsx .col-xs-push-5 {
    left:41.66666667%
}

#whmcsx .col-xs-push-4 {
    left:33.33333333%
}

#whmcsx .col-xs-push-3 {
    left:25%
}

#whmcsx .col-xs-push-2 {
    left:16.66666667%
}

#whmcsx .col-xs-push-1 {
    left:8.33333333%
}

#whmcsx .col-xs-push-0 {
    left:auto
}

#whmcsx .col-xs-offset-12 {
    margin-left:100%
}

#whmcsx .col-xs-offset-11 {
    margin-left:91.66666667%
}

#whmcsx .col-xs-offset-10 {
    margin-left:83.33333333%
}

#whmcsx .col-xs-offset-9 {
    margin-left:75%
}

#whmcsx .col-xs-offset-8 {
    margin-left:66.66666667%
}

#whmcsx .col-xs-offset-7 {
    margin-left:58.33333333%
}

#whmcsx .col-xs-offset-6 {
    margin-left:50%
}

#whmcsx .col-xs-offset-5 {
    margin-left:41.66666667%
}

#whmcsx .col-xs-offset-4 {
    margin-left:33.33333333%
}

#whmcsx .col-xs-offset-3 {
    margin-left:25%
}

#whmcsx .col-xs-offset-2 {
    margin-left:16.66666667%
}

#whmcsx .col-xs-offset-1 {
    margin-left:8.33333333%
}

#whmcsx .col-xs-offset-0 {
    margin-left:0
}

@media (min-width:768px) {
.col-sm-1,#whmcsx .col-sm-10,#whmcsx .col-sm-11,#whmcsx .col-sm-12,#whmcsx .col-sm-2,#whmcsx .col-sm-3,#whmcsx .col-sm-4,#whmcsx .col-sm-5,#whmcsx .col-sm-6,#whmcsx .col-sm-7,#whmcsx .col-sm-8,#whmcsx .col-sm-9 {
    float:left
}

#whmcsx .col-sm-12 {
    width:100%
}

#whmcsx .col-sm-11 {
    width:91.66666667%
}

#whmcsx .col-sm-10 {
    width:83.33333333%
}

#whmcsx .col-sm-9 {
    width:75%
}

#whmcsx .col-sm-8 {
    width:66.66666667%
}

#whmcsx .col-sm-7 {
    width:58.33333333%
}

#whmcsx .col-sm-6 {
    width:50%
}

#whmcsx .col-sm-5 {
    width:41.66666667%
}

#whmcsx .col-sm-4 {
    width:33.33333333%
}

#whmcsx .col-sm-3 {
    width:25%
}

#whmcsx .col-sm-2 {
    width:16.66666667%
}

#whmcsx .col-sm-1 {
    width:8.33333333%
}

#whmcsx .col-sm-pull-12 {
    right:100%
}

#whmcsx .col-sm-pull-11 {
    right:91.66666667%
}

#whmcsx .col-sm-pull-10 {
    right:83.33333333%
}

#whmcsx .col-sm-pull-9 {
    right:75%
}

#whmcsx .col-sm-pull-8 {
    right:66.66666667%
}

#whmcsx .col-sm-pull-7 {
    right:58.33333333%
}

#whmcsx .col-sm-pull-6 {
    right:50%
}

#whmcsx .col-sm-pull-5 {
    right:41.66666667%
}

#whmcsx .col-sm-pull-4 {
    right:33.33333333%
}

#whmcsx .col-sm-pull-3 {
    right:25%
}

#whmcsx .col-sm-pull-2 {
    right:16.66666667%
}

#whmcsx .col-sm-pull-1 {
    right:8.33333333%
}

#whmcsx .col-sm-pull-0 {
    right:auto
}

#whmcsx .col-sm-push-12 {
    left:100%
}

#whmcsx .col-sm-push-11 {
    left:91.66666667%
}

#whmcsx .col-sm-push-10 {
    left:83.33333333%
}

#whmcsx .col-sm-push-9 {
    left:75%
}

#whmcsx .col-sm-push-8 {
    left:66.66666667%
}

#whmcsx .col-sm-push-7 {
    left:58.33333333%
}

#whmcsx .col-sm-push-6 {
    left:50%
}

#whmcsx .col-sm-push-5 {
    left:41.66666667%
}

#whmcsx .col-sm-push-4 {
    left:33.33333333%
}

#whmcsx .col-sm-push-3 {
    left:25%
}

#whmcsx .col-sm-push-2 {
    left:16.66666667%
}

#whmcsx .col-sm-push-1 {
    left:8.33333333%
}

#whmcsx .col-sm-push-0 {
    left:auto
}

#whmcsx .col-sm-offset-12 {
    margin-left:100%
}

#whmcsx .col-sm-offset-11 {
    margin-left:91.66666667%
}

#whmcsx .col-sm-offset-10 {
    margin-left:83.33333333%
}

#whmcsx .col-sm-offset-9 {
    margin-left:75%
}

#whmcsx .col-sm-offset-8 {
    margin-left:66.66666667%
}

#whmcsx .col-sm-offset-7 {
    margin-left:58.33333333%
}

#whmcsx .col-sm-offset-6 {
    margin-left:50%
}

#whmcsx .col-sm-offset-5 {
    margin-left:41.66666667%
}

#whmcsx .col-sm-offset-4 {
    margin-left:33.33333333%
}

#whmcsx .col-sm-offset-3 {
    margin-left:25%
}

#whmcsx .col-sm-offset-2 {
    margin-left:16.66666667%
}

#whmcsx .col-sm-offset-1 {
    margin-left:8.33333333%
}

#whmcsx .col-sm-offset-0 {
    margin-left:0
}
}

@media (min-width:992px) {
.col-md-1,#whmcsx .col-md-10,#whmcsx .col-md-11,#whmcsx .col-md-12,#whmcsx .col-md-2,#whmcsx .col-md-3,#whmcsx .col-md-4,#whmcsx .col-md-5,#whmcsx .col-md-6,#whmcsx .col-md-7,#whmcsx .col-md-8,#whmcsx .col-md-9 {
    float:left
}

#whmcsx .col-md-12 {
    width:100%
}

#whmcsx .col-md-11 {
    width:91.66666667%
}

#whmcsx .col-md-10 {
    width:83.33333333%
}

#whmcsx .col-md-9 {
    width:75%
}

#whmcsx .col-md-8 {
    width:66.66666667%
}

#whmcsx .col-md-7 {
    width:58.33333333%
}

#whmcsx .col-md-6 {
    width:50%
}

#whmcsx .col-md-5 {
    width:41.66666667%
}

#whmcsx .col-md-4 {
    width:33.33333333%
}

#whmcsx .col-md-3 {
    width:25%
}

#whmcsx .col-md-2 {
    width:16.66666667%
}

#whmcsx .col-md-1 {
    width:8.33333333%
}

#whmcsx .col-md-pull-12 {
    right:100%
}

#whmcsx .col-md-pull-11 {
    right:91.66666667%
}

#whmcsx .col-md-pull-10 {
    right:83.33333333%
}

#whmcsx .col-md-pull-9 {
    right:75%
}

#whmcsx .col-md-pull-8 {
    right:66.66666667%
}

#whmcsx .col-md-pull-7 {
    right:58.33333333%
}

#whmcsx .col-md-pull-6 {
    right:50%
}

#whmcsx .col-md-pull-5 {
    right:41.66666667%
}

#whmcsx .col-md-pull-4 {
    right:33.33333333%
}

#whmcsx .col-md-pull-3 {
    right:25%
}

#whmcsx .col-md-pull-2 {
    right:16.66666667%
}

#whmcsx .col-md-pull-1 {
    right:8.33333333%
}

#whmcsx .col-md-pull-0 {
    right:auto
}

#whmcsx .col-md-push-12 {
    left:100%
}

#whmcsx .col-md-push-11 {
    left:91.66666667%
}

#whmcsx .col-md-push-10 {
    left:83.33333333%
}

#whmcsx .col-md-push-9 {
    left:75%
}

#whmcsx .col-md-push-8 {
    left:66.66666667%
}

#whmcsx .col-md-push-7 {
    left:58.33333333%
}

#whmcsx .col-md-push-6 {
    left:50%
}

#whmcsx .col-md-push-5 {
    left:41.66666667%
}

#whmcsx .col-md-push-4 {
    left:33.33333333%
}

#whmcsx .col-md-push-3 {
    left:25%
}

#whmcsx .col-md-push-2 {
    left:16.66666667%
}

#whmcsx .col-md-push-1 {
    left:8.33333333%
}

#whmcsx .col-md-push-0 {
    left:auto
}

#whmcsx .col-md-offset-12 {
    margin-left:100%
}

#whmcsx .col-md-offset-11 {
    margin-left:91.66666667%
}

#whmcsx .col-md-offset-10 {
    margin-left:83.33333333%
}

#whmcsx .col-md-offset-9 {
    margin-left:75%
}

#whmcsx .col-md-offset-8 {
    margin-left:66.66666667%
}

#whmcsx .col-md-offset-7 {
    margin-left:58.33333333%
}

#whmcsx .col-md-offset-6 {
    margin-left:50%
}

#whmcsx .col-md-offset-5 {
    margin-left:41.66666667%
}

#whmcsx .col-md-offset-4 {
    margin-left:33.33333333%
}

#whmcsx .col-md-offset-3 {
    margin-left:25%
}

#whmcsx .col-md-offset-2 {
    margin-left:16.66666667%
}

#whmcsx .col-md-offset-1 {
    margin-left:8.33333333%
}

#whmcsx .col-md-offset-0 {
    margin-left:0
}
}

@media (min-width:1200px) {
.col-lg-1,#whmcsx .col-lg-10,#whmcsx .col-lg-11,#whmcsx .col-lg-12,#whmcsx .col-lg-2,#whmcsx .col-lg-3,#whmcsx .col-lg-4,#whmcsx .col-lg-5,#whmcsx .col-lg-6,#whmcsx .col-lg-7,#whmcsx .col-lg-8,#whmcsx .col-lg-9 {
    float:left
}

#whmcsx .col-lg-12 {
    width:100%
}

#whmcsx .col-lg-11 {
    width:91.66666667%
}

#whmcsx .col-lg-10 {
    width:83.33333333%
}

#whmcsx .col-lg-9 {
    width:75%
}

#whmcsx .col-lg-8 {
    width:66.66666667%
}

#whmcsx .col-lg-7 {
    width:58.33333333%
}

#whmcsx .col-lg-6 {
    width:50%
}

#whmcsx .col-lg-5 {
    width:41.66666667%
}

#whmcsx .col-lg-4 {
    width:33.33333333%
}

#whmcsx .col-lg-3 {
    width:25%
}

#whmcsx .col-lg-2 {
    width:16.66666667%
}

#whmcsx .col-lg-1 {
    width:8.33333333%
}

#whmcsx .col-lg-pull-12 {
    right:100%
}

#whmcsx .col-lg-pull-11 {
    right:91.66666667%
}

#whmcsx .col-lg-pull-10 {
    right:83.33333333%
}

#whmcsx .col-lg-pull-9 {
    right:75%
}

#whmcsx .col-lg-pull-8 {
    right:66.66666667%
}

#whmcsx .col-lg-pull-7 {
    right:58.33333333%
}

#whmcsx .col-lg-pull-6 {
    right:50%
}

#whmcsx .col-lg-pull-5 {
    right:41.66666667%
}

#whmcsx .col-lg-pull-4 {
    right:33.33333333%
}

#whmcsx .col-lg-pull-3 {
    right:25%
}

#whmcsx .col-lg-pull-2 {
    right:16.66666667%
}

#whmcsx .col-lg-pull-1 {
    right:8.33333333%
}

#whmcsx .col-lg-pull-0 {
    right:auto
}

#whmcsx .col-lg-push-12 {
    left:100%
}

#whmcsx .col-lg-push-11 {
    left:91.66666667%
}

#whmcsx .col-lg-push-10 {
    left:83.33333333%
}

#whmcsx .col-lg-push-9 {
    left:75%
}

#whmcsx .col-lg-push-8 {
    left:66.66666667%
}

#whmcsx .col-lg-push-7 {
    left:58.33333333%
}

#whmcsx .col-lg-push-6 {
    left:50%
}

#whmcsx .col-lg-push-5 {
    left:41.66666667%
}

#whmcsx .col-lg-push-4 {
    left:33.33333333%
}

#whmcsx .col-lg-push-3 {
    left:25%
}

#whmcsx .col-lg-push-2 {
    left:16.66666667%
}

#whmcsx .col-lg-push-1 {
    left:8.33333333%
}

#whmcsx .col-lg-push-0 {
    left:auto
}

#whmcsx .col-lg-offset-12 {
    margin-left:100%
}

#whmcsx .col-lg-offset-11 {
    margin-left:91.66666667%
}

#whmcsx .col-lg-offset-10 {
    margin-left:83.33333333%
}

#whmcsx .col-lg-offset-9 {
    margin-left:75%
}

#whmcsx .col-lg-offset-8 {
    margin-left:66.66666667%
}

#whmcsx .col-lg-offset-7 {
    margin-left:58.33333333%
}

#whmcsx .col-lg-offset-6 {
    margin-left:50%
}

#whmcsx .col-lg-offset-5 {
    margin-left:41.66666667%
}

#whmcsx .col-lg-offset-4 {
    margin-left:33.33333333%
}

#whmcsx .col-lg-offset-3 {
    margin-left:25%
}

#whmcsx .col-lg-offset-2 {
    margin-left:16.66666667%
}

#whmcsx .col-lg-offset-1 {
    margin-left:8.33333333%
}

#whmcsx .col-lg-offset-0 {
    margin-left:0
}
}

table {
    background-color:transparent
}

caption {
    padding-top:8px;
    padding-bottom:8px;
    color:#777;
    text-align:left
}

th {
    text-align:left
}

#whmcsx .table {
    width:100%;
    max-width:100%;
    margin-bottom:20px
}

#whmcsx .table>tbody>tr>td,#whmcsx .table>tbody>tr>th,#whmcsx .table>tfoot>tr>td,#whmcsx .table>tfoot>tr>th,#whmcsx .table>thead>tr>td,#whmcsx .table>thead>tr>th {
    padding:8px;
    line-height:1.42857143;
    vertical-align:middle;
    border-top:1px solid #ddd
}

#whmcsx .table>thead>tr>th {
    vertical-align:middle;
    border-bottom:2px solid #ddd
}

#whmcsx .table>caption+thead>tr:first-child>td,#whmcsx .table>caption+thead>tr:first-child>th,#whmcsx .table>colgroup+thead>tr:first-child>td,#whmcsx .table>colgroup+thead>tr:first-child>th,#whmcsx .table>thead:first-child>tr:first-child>td,#whmcsx .table>thead:first-child>tr:first-child>th {
    border-top:0
}

#whmcsx .table>tbody+tbody {
    border-top:2px solid #ddd
}

#whmcsx .table .table {
    background-color:#fff
}

#whmcsx .table-condensed>tbody>tr>td,#whmcsx .table-condensed>tbody>tr>th,#whmcsx .table-condensed>tfoot>tr>td,#whmcsx .table-condensed>tfoot>tr>th,#whmcsx .table-condensed>thead>tr>td,#whmcsx .table-condensed>thead>tr>th {
    padding:5px
}

#whmcsx .table-bordered {
    border:1px solid #ddd
}

#whmcsx .table-bordered>tbody>tr>td,#whmcsx .table-bordered>tbody>tr>th,#whmcsx .table-bordered>tfoot>tr>td,#whmcsx .table-bordered>tfoot>tr>th,#whmcsx .table-bordered>thead>tr>td,#whmcsx .table-bordered>thead>tr>th {
    border:1px solid #ddd
}

#whmcsx .table-bordered>thead>tr>td,#whmcsx .table-bordered>thead>tr>th {
    border-bottom-width:2px
}

#whmcsx .table-striped>tbody>tr:nth-of-type(odd) {
    background-color:#f9f9f9
}

#whmcsx .table-hover>tbody>tr:hover {
    background-color:#f5f5f5
}

table col[class*=col-] {
    position:static;
    display:table-column;
    float:none
}

table td[class*=col-],table th[class*=col-] {
    position:static;
    display:table-cell;
    float:none
}

#whmcsx .table>tbody>tr.active>td,#whmcsx .table>tbody>tr.active>th,#whmcsx .table>tbody>tr>td.active,#whmcsx .table>tbody>tr>th.active,#whmcsx .table>tfoot>tr.active>td,#whmcsx .table>tfoot>tr.active>th,#whmcsx .table>tfoot>tr>td.active,#whmcsx .table>tfoot>tr>th.active,#whmcsx .table>thead>tr.active>td,#whmcsx .table>thead>tr.active>th,#whmcsx .table>thead>tr>td.active,#whmcsx .table>thead>tr>th.active {
    background-color:#f5f5f5
}

#whmcsx .table-hover>tbody>tr.active:hover>td,#whmcsx .table-hover>tbody>tr.active:hover>th,#whmcsx .table-hover>tbody>tr:hover>.active,#whmcsx .table-hover>tbody>tr>td.active:hover,#whmcsx .table-hover>tbody>tr>th.active:hover {
    background-color:#e8e8e8
}

#whmcsx .table>tbody>tr.success>td,#whmcsx .table>tbody>tr.success>th,#whmcsx .table>tbody>tr>td.success,#whmcsx .table>tbody>tr>th.success,#whmcsx .table>tfoot>tr.success>td,#whmcsx .table>tfoot>tr.success>th,#whmcsx .table>tfoot>tr>td.success,#whmcsx .table>tfoot>tr>th.success,#whmcsx .table>thead>tr.success>td,#whmcsx .table>thead>tr.success>th,#whmcsx .table>thead>tr>td.success,#whmcsx .table>thead>tr>th.success {
    background-color:#dff0d8
}

#whmcsx .table-hover>tbody>tr.success:hover>td,#whmcsx .table-hover>tbody>tr.success:hover>th,#whmcsx .table-hover>tbody>tr:hover>.success,#whmcsx .table-hover>tbody>tr>td.success:hover,#whmcsx .table-hover>tbody>tr>th.success:hover {
    background-color:#d0e9c6
}

#whmcsx .table>tbody>tr.info>td,#whmcsx .table>tbody>tr.info>th,#whmcsx .table>tbody>tr>td.info,#whmcsx .table>tbody>tr>th.info,#whmcsx .table>tfoot>tr.info>td,#whmcsx .table>tfoot>tr.info>th,#whmcsx .table>tfoot>tr>td.info,#whmcsx .table>tfoot>tr>th.info,#whmcsx .table>thead>tr.info>td,#whmcsx .table>thead>tr.info>th,#whmcsx .table>thead>tr>td.info,#whmcsx .table>thead>tr>th.info {
    background-color:#d9edf7
}

#whmcsx .table-hover>tbody>tr.info:hover>td,#whmcsx .table-hover>tbody>tr.info:hover>th,#whmcsx .table-hover>tbody>tr:hover>.info,#whmcsx .table-hover>tbody>tr>td.info:hover,#whmcsx .table-hover>tbody>tr>th.info:hover {
    background-color:#c4e3f3
}

#whmcsx .table>tbody>tr.warning>td,#whmcsx .table>tbody>tr.warning>th,#whmcsx .table>tbody>tr>td.warning,#whmcsx .table>tbody>tr>th.warning,#whmcsx .table>tfoot>tr.warning>td,#whmcsx .table>tfoot>tr.warning>th,#whmcsx .table>tfoot>tr>td.warning,#whmcsx .table>tfoot>tr>th.warning,#whmcsx .table>thead>tr.warning>td,#whmcsx .table>thead>tr.warning>th,#whmcsx .table>thead>tr>td.warning,#whmcsx .table>thead>tr>th.warning {
    background-color:#fcf8e3
}

#whmcsx .table-hover>tbody>tr.warning:hover>td,#whmcsx .table-hover>tbody>tr.warning:hover>th,#whmcsx .table-hover>tbody>tr:hover>.warning,#whmcsx .table-hover>tbody>tr>td.warning:hover,#whmcsx .table-hover>tbody>tr>th.warning:hover {
    background-color:#faf2cc
}

#whmcsx .table>tbody>tr.danger>td,#whmcsx .table>tbody>tr.danger>th,#whmcsx .table>tbody>tr>td.danger,#whmcsx .table>tbody>tr>th.danger,#whmcsx .table>tfoot>tr.danger>td,#whmcsx .table>tfoot>tr.danger>th,#whmcsx .table>tfoot>tr>td.danger,#whmcsx .table>tfoot>tr>th.danger,#whmcsx .table>thead>tr.danger>td,#whmcsx .table>thead>tr.danger>th,#whmcsx .table>thead>tr>td.danger,#whmcsx .table>thead>tr>th.danger {
    background-color:#f2dede
}

#whmcsx .table-hover>tbody>tr.danger:hover>td,#whmcsx .table-hover>tbody>tr.danger:hover>th,#whmcsx .table-hover>tbody>tr:hover>.danger,#whmcsx .table-hover>tbody>tr>td.danger:hover,#whmcsx .table-hover>tbody>tr>th.danger:hover {
    background-color:#ebcccc
}

#whmcsx .table-responsive {
    min-height:.01%;
    overflow-x:auto
}

@media screen and (max-width:767px) {
#whmcsx .table-responsive {
    width:100%;
    margin-bottom:15px;
    overflow-y:hidden;
    -ms-overflow-style:-ms-autohiding-scrollbar;
    border:1px solid #ddd
}

#whmcsx .table-responsive>.table {
    margin-bottom:0
}

#whmcsx .table-responsive>.table>tbody>tr>td,#whmcsx .table-responsive>.table>tbody>tr>th,#whmcsx .table-responsive>.table>tfoot>tr>td,#whmcsx .table-responsive>.table>tfoot>tr>th,#whmcsx .table-responsive>.table>thead>tr>td,#whmcsx .table-responsive>.table>thead>tr>th {
    white-space:nowrap
}

#whmcsx .table-responsive>.table-bordered {
    border:0
}

#whmcsx .table-responsive>.table-bordered>tbody>tr>td:first-child,#whmcsx .table-responsive>.table-bordered>tbody>tr>th:first-child,#whmcsx .table-responsive>.table-bordered>tfoot>tr>td:first-child,#whmcsx .table-responsive>.table-bordered>tfoot>tr>th:first-child,#whmcsx .table-responsive>.table-bordered>thead>tr>td:first-child,#whmcsx .table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left:0
}

#whmcsx .table-responsive>.table-bordered>tbody>tr>td:last-child,#whmcsx .table-responsive>.table-bordered>tbody>tr>th:last-child,#whmcsx .table-responsive>.table-bordered>tfoot>tr>td:last-child,#whmcsx .table-responsive>.table-bordered>tfoot>tr>th:last-child,#whmcsx .table-responsive>.table-bordered>thead>tr>td:last-child,#whmcsx .table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right:0
}

#whmcsx .table-responsive>.table-bordered>tbody>tr:last-child>td,#whmcsx .table-responsive>.table-bordered>tbody>tr:last-child>th,#whmcsx .table-responsive>.table-bordered>tfoot>tr:last-child>td,#whmcsx .table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom:0
}
}

fieldset {
    min-width:0;
    padding:0;
    margin:0;
    border:0
}

legend {
    display:block;
    width:100%;
    padding:0;
    margin-bottom:20px;
    font-size:21px;
    line-height:inherit;
    color:#333;
    border:0;
    border-bottom:1px solid #e5e5e5
}

label {
    display:inline-block;
    max-width:100%;
    margin-bottom:5px;
    font-weight:700
}

input[type=search] {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

input[type=checkbox],input[type=radio] {
    margin:4px 0 0;
    margin-top:1px \9;
    line-height:normal
}

input[type=file] {
    display:block
}

input[type=range] {
    display:block;
    width:100%
}

select[multiple],select[size] {
    height:auto
}

input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus {
    outline:thin dotted;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}

output {
    display:block;
    padding-top:7px;
    font-size:14px;
    line-height:1.42857143;
    color:#555
}

#whmcsx .form-control {
    display:block;
    height:34px;
	width: 100%;
    padding:6px 12px;
    font-size:14px;
    line-height:1.42857143;
    color:#555;
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,#whmcsx .075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,#whmcsx .075);
    -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

#whmcsx .form-control:focus,
#whmcsx textarea:focus {
    border-color:#66afe9;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,#whmcsx .075),0 0 8px rgba(102,175,233,#whmcsx .6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,#whmcsx .075),0 0 8px rgba(102,175,233,#whmcsx .6)
}

#whmcsx .form-control::-moz-placeholder {
    color:#999;
    opacity:1
}

#whmcsx .form-control:-ms-input-placeholder {
    color:#999
}

#whmcsx .form-control::-webkit-input-placeholder {
    color:#999
}

#whmcsx .form-control[disabled],#whmcsx .form-control[readonly],fieldset[disabled] .form-control {
    cursor:not-allowed;
    background-color:#eee;
    opacity:1
}

textarea.form-control {
    height:auto
}

input[type=search] {
    -webkit-appearance:none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type=date],input[type=time],input[type=datetime-local],input[type=month] {
    line-height:34px
}

#whmcsx .input-group-sm input[type=date],#whmcsx .input-group-sm input[type=time],#whmcsx .input-group-sm input[type=datetime-local],#whmcsx .input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm {
    line-height:30px
}

#whmcsx .input-group-lg input[type=date],#whmcsx .input-group-lg input[type=time],#whmcsx .input-group-lg input[type=datetime-local],#whmcsx .input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg {
    line-height:46px
}
}

#whmcsx .form-group {
    margin-bottom:15px
}

#whmcsx .checkbox,#whmcsx .radio {
    position:relative;
    display:block;
    margin-top:10px;
    margin-bottom:10px
}

#whmcsx .checkbox label,#whmcsx .radio label {
    min-height:20px;
    padding-left:20px;
    margin-bottom:0;
    font-weight:400;
    cursor:pointer
}

#whmcsx .checkbox input[type=checkbox],#whmcsx .checkbox-inline input[type=checkbox],#whmcsx .radio input[type=radio],#whmcsx .radio-inline input[type=radio] {
    position:absolute;
    margin-top:4px \9;
    margin-left:-20px
}

#whmcsx .checkbox+.checkbox,#whmcsx .radio+.radio {
    margin-top:-5px
}

#whmcsx .checkbox-inline,#whmcsx .radio-inline {
    display:inline-block;
    padding-left:20px;
    margin-bottom:0;
    font-weight:400;
    vertical-align:middle;
    cursor:pointer
}

#whmcsx .checkbox-inline+.checkbox-inline,#whmcsx .radio-inline+.radio-inline {
    margin-top:0;
    margin-left:10px
}

fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] {
    cursor:not-allowed
}

#whmcsx .checkbox-inline.disabled,#whmcsx .radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline {
    cursor:not-allowed
}

#whmcsx .checkbox.disabled label,#whmcsx .radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label {
    cursor:not-allowed
}

#whmcsx .form-control-static {
    padding-top:7px;
    padding-bottom:7px;
    margin-bottom:0
}

#whmcsx .form-control-static.input-lg,#whmcsx .form-control-static.input-sm {
    padding-right:0;
    padding-left:0
}

#whmcsx .input-sm {
    height:30px;
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}

select.input-sm {
    height:30px;
    line-height:30px
}

select[multiple].input-sm,textarea.input-sm {
    height:auto
}

#whmcsx .form-group-sm .form-control {
    height:30px;
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}

select.form-group-sm .form-control {
    height:30px;
    line-height:30px
}

select[multiple].form-group-sm .form-control,textarea.form-group-sm .form-control {
    height:auto
}

#whmcsx .form-group-sm .form-control-static {
    height:30px;
    padding:5px 10px;
    font-size:12px;
    line-height:1.5
}

#whmcsx .input-lg {
    height:46px;
    padding:10px 16px;
    font-size:18px;
    line-height:1.3333333;
    border-radius:6px
}

select.input-lg {
    height:46px;
    line-height:46px
}

select[multiple].input-lg,textarea.input-lg {
    height:auto
}

#whmcsx .form-group-lg .form-control {
    height:46px;
    padding:10px 16px;
    font-size:18px;
    line-height:1.3333333;
    border-radius:6px
}

select.form-group-lg .form-control {
    height:46px;
    line-height:46px
}

select[multiple].form-group-lg .form-control,textarea.form-group-lg .form-control {
    height:auto
}

#whmcsx .form-group-lg .form-control-static {
    height:46px;
    padding:10px 16px;
    font-size:18px;
    line-height:1.3333333
}

#whmcsx .has-feedback {
    position:relative
}

#whmcsx .has-feedback .form-control {
    padding-right:42.5px
}

#whmcsx .form-control-feedback {
    position:absolute;
    top:0;
    right:0;
    z-index:2;
    display:block;
    width:34px;
    height:34px;
    line-height:34px;
    text-align:center;
    pointer-events:none
}

#whmcsx .input-lg+.form-control-feedback {
    width:46px;
    height:46px;
    line-height:46px
}

#whmcsx .input-sm+.form-control-feedback {
    width:30px;
    height:30px;
    line-height:30px
}

#whmcsx .has-success .checkbox,#whmcsx .has-success .checkbox-inline,#whmcsx .has-success .control-label,#whmcsx .has-success .help-block,#whmcsx .has-success .radio,#whmcsx .has-success .radio-inline,#whmcsx .has-success.checkbox label,#whmcsx .has-success.checkbox-inline label,#whmcsx .has-success.radio label,#whmcsx .has-success.radio-inline label {
    color:#3c763d
}

#whmcsx .has-success .form-control {
    border-color:#3c763d;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,#whmcsx .075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,#whmcsx .075)
}

#whmcsx .has-success .form-control:focus {
    border-color:#2b542c;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,#whmcsx .075),0 0 6px #67b168;
    box-shadow:inset 0 1px 1px rgba(0,0,0,#whmcsx .075),0 0 6px #67b168
}

#whmcsx .has-success .input-group-addon {
    color:#3c763d;
    background-color:#dff0d8;
    border-color:#3c763d
}

#whmcsx .has-success .form-control-feedback {
    color:#3c763d
}

#whmcsx .has-warning .checkbox,#whmcsx .has-warning .checkbox-inline,#whmcsx .has-warning .control-label,#whmcsx .has-warning .help-block,#whmcsx .has-warning .radio,#whmcsx .has-warning .radio-inline,#whmcsx .has-warning.checkbox label,#whmcsx .has-warning.checkbox-inline label,#whmcsx .has-warning.radio label,#whmcsx .has-warning.radio-inline label {
    color:#8a6d3b
}

#whmcsx .has-warning .form-control {
    border-color:#8a6d3b;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,#whmcsx .075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,#whmcsx .075)
}

#whmcsx .has-warning .form-control:focus {
    border-color:#66512c;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,#whmcsx .075),0 0 6px #c0a16b;
    box-shadow:inset 0 1px 1px rgba(0,0,0,#whmcsx .075),0 0 6px #c0a16b
}

#whmcsx .has-warning .input-group-addon {
    color:#8a6d3b;
    background-color:#fcf8e3;
    border-color:#8a6d3b
}

#whmcsx .has-warning .form-control-feedback {
    color:#8a6d3b
}

#whmcsx .has-error .checkbox,#whmcsx .has-error .checkbox-inline,#whmcsx .has-error .control-label,#whmcsx .has-error .help-block,#whmcsx .has-error .radio,#whmcsx .has-error .radio-inline,#whmcsx .has-error.checkbox label,#whmcsx .has-error.checkbox-inline label,#whmcsx .has-error.radio label,#whmcsx .has-error.radio-inline label {
    color:#a94442
}

#whmcsx .has-error .form-control {
    border-color:#a94442;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,#whmcsx .075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,#whmcsx .075)
}

#whmcsx .has-error .form-control:focus {
    border-color:#843534;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,#whmcsx .075),0 0 6px #ce8483;
    box-shadow:inset 0 1px 1px rgba(0,0,0,#whmcsx .075),0 0 6px #ce8483
}

#whmcsx .has-error .input-group-addon {
    color:#a94442;
    background-color:#f2dede;
    border-color:#a94442
}

#whmcsx .has-error .form-control-feedback {
    color:#a94442
}

#whmcsx .has-feedback label~.form-control-feedback {
    top:25px
}

#whmcsx .has-feedback label.sr-only~.form-control-feedback {
    top:0
}

#whmcsx .help-block {
    display:block;
    margin-top:5px;
    margin-bottom:10px;
    color:#737373
}

@media (min-width:768px) {
.form-inline .form-group {
    display:inline-block;
    margin-bottom:0;
    vertical-align:middle
}

#whmcsx .form-inline .form-control {
    display:inline-block;
    width:auto;
    vertical-align:middle
}

#whmcsx .form-inline .form-control-static {
    display:inline-block
}

#whmcsx .form-inline .input-group {
    display:inline-table;
    vertical-align:middle
}

#whmcsx .form-inline .input-group .form-control,#whmcsx .form-inline .input-group .input-group-addon,#whmcsx .form-inline .input-group .input-group-btn {
    width:auto
}

#whmcsx .form-inline .input-group>.form-control {
    width:100%
}

#whmcsx .form-inline .control-label {
    margin-bottom:0;
    vertical-align:middle
}

#whmcsx .form-inline .checkbox,#whmcsx .form-inline .radio {
    display:inline-block;
    margin-top:0;
    margin-bottom:0;
    vertical-align:middle
}

#whmcsx .form-inline .checkbox label,#whmcsx .form-inline .radio label {
    padding-left:0
}

#whmcsx .form-inline .checkbox input[type=checkbox],#whmcsx .form-inline .radio input[type=radio] {
    position:relative;
    margin-left:0
}

#whmcsx .form-inline .has-feedback .form-control-feedback {
    top:0
}
}

#whmcsx .form-horizontal .checkbox,#whmcsx .form-horizontal .checkbox-inline,#whmcsx .form-horizontal .radio,#whmcsx .form-horizontal .radio-inline {
    padding-top:7px;
    margin-top:0;
    margin-bottom:0
}

#whmcsx .form-horizontal .checkbox,#whmcsx .form-horizontal .radio {
    min-height:27px
}

#whmcsx .form-horizontal .form-group {
    margin-right:-15px;
    margin-left:-15px
}

@media (min-width:768px) {
#whmcsx .form-horizontal .control-label {
    padding-top:7px;
    margin-bottom:0;
    text-align:right
}
}

#whmcsx .form-horizontal .has-feedback .form-control-feedback {
    right:15px
}

@media (min-width:768px) {
#whmcsx .form-horizontal .form-group-lg .control-label {
    padding-top:14.33px
}
}

@media (min-width:768px) {
#whmcsx .form-horizontal .form-group-sm .control-label {
    padding-top:6px
}
}

#whmcsx .btn {
    display:inline-block;
    padding:6px 12px;
    margin-bottom:0;
    font-size:14px;
    font-weight:400;
    line-height:1.42857143;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-image:none;
    border:1px solid transparent;
    border-radius:4px
}

#whmcsx .btn.active.focus,#whmcsx .btn.active:focus,#whmcsx .btn.focus,#whmcsx .btn:active.focus,#whmcsx .btn:active:focus,#whmcsx .btn:focus {
    outline:thin dotted;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}

#whmcsx .btn.focus,#whmcsx .btn:focus,#whmcsx .btn:hover {
    color:#333;
    text-decoration:none
}

#whmcsx .btn.active,#whmcsx .btn:active {
    background-image:none;
    outline:0;
    -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,#whmcsx .125);
    box-shadow:inset 0 3px 5px rgba(0,0,0,#whmcsx .125)
}

#whmcsx .btn.disabled,#whmcsx .btn[disabled],fieldset[disabled] .btn {
    pointer-events:none;
    cursor:not-allowed;
    filter:alpha(opacity=65);
    -webkit-box-shadow:none;
    box-shadow:none;
    opacity:.65
}

#whmcsx .btn-default {
    color:#333;
    background-color:#fff
}

#whmcsx .btn-default.active,#whmcsx .btn-default.focus,#whmcsx .btn-default:active,#whmcsx .btn-default:focus,#whmcsx .btn-default:hover,#whmcsx .open>.dropdown-toggle.btn-default {
    color:#333;
    background-color:#e6e6e6
}

#whmcsx .btn-default.active,#whmcsx .btn-default:active,#whmcsx .open>.dropdown-toggle.btn-default {
    background-image:none
}

#whmcsx .btn-default.disabled,#whmcsx .btn-default.disabled.active,#whmcsx .btn-default.disabled.focus,#whmcsx .btn-default.disabled:active,#whmcsx .btn-default.disabled:focus,#whmcsx .btn-default.disabled:hover,#whmcsx .btn-default[disabled],#whmcsx .btn-default[disabled].active,#whmcsx .btn-default[disabled].focus,#whmcsx .btn-default[disabled]:active,#whmcsx .btn-default[disabled]:focus,#whmcsx .btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover {
    background-color:#fff;
    border-color:#ccc
}

#whmcsx .btn-default .badge {
    color:#fff;
    background-color:#333
}

#whmcsx .btn-primary {
    color:#fff;
    background-color:#337ab7
}

#whmcsx .btn-primary.active,#whmcsx .btn-primary.focus,#whmcsx .btn-primary:active,#whmcsx .btn-primary:focus,#whmcsx .btn-primary:hover,#whmcsx .open>.dropdown-toggle.btn-primary {
    color:#fff;
    background-color:#286090
}

#whmcsx .btn-primary.active,#whmcsx .btn-primary:active,#whmcsx .open>.dropdown-toggle.btn-primary {
    background-image:none
}

#whmcsx .btn-primary.disabled,#whmcsx .btn-primary.disabled.active,#whmcsx .btn-primary.disabled.focus,#whmcsx .btn-primary.disabled:active,#whmcsx .btn-primary.disabled:focus,#whmcsx .btn-primary.disabled:hover,#whmcsx .btn-primary[disabled],#whmcsx .btn-primary[disabled].active,#whmcsx .btn-primary[disabled].focus,#whmcsx .btn-primary[disabled]:active,#whmcsx .btn-primary[disabled]:focus,#whmcsx .btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
    background-color:#337ab7
}

#whmcsx .btn-primary .badge {
    color:#337ab7;
    background-color:#fff
}

#whmcsx .btn-success {
    color:#fff;
    background-color:#5cb85c
}

#whmcsx .btn-success.active,#whmcsx .btn-success.focus,#whmcsx .btn-success:active,#whmcsx .btn-success:focus,#whmcsx .btn-success:hover,#whmcsx .open>.dropdown-toggle.btn-success {
    color:#fff;
    background-color:#449d44
}

#whmcsx .btn-success.active,#whmcsx .btn-success:active,#whmcsx .open>.dropdown-toggle.btn-success {
    background-image:none
}

#whmcsx .btn-success.disabled,#whmcsx .btn-success.disabled.active,#whmcsx .btn-success.disabled.focus,#whmcsx .btn-success.disabled:active,#whmcsx .btn-success.disabled:focus,#whmcsx .btn-success.disabled:hover,#whmcsx .btn-success[disabled],#whmcsx .btn-success[disabled].active,#whmcsx .btn-success[disabled].focus,#whmcsx .btn-success[disabled]:active,#whmcsx .btn-success[disabled]:focus,#whmcsx .btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover {
    background-color:#5cb85c
}

#whmcsx .btn-success .badge {
    color:#5cb85c;
    background-color:#fff
}

#whmcsx .btn-info {
    color:#fff;
    background-color:#5bc0de
}

#whmcsx .btn-info.active,#whmcsx .btn-info.focus,#whmcsx .btn-info:active,#whmcsx .btn-info:focus,#whmcsx .btn-info:hover,#whmcsx .open>.dropdown-toggle.btn-info {
    color:#fff;
    background-color:#31b0d5
}

#whmcsx .btn-info.active,#whmcsx .btn-info:active,#whmcsx .open>.dropdown-toggle.btn-info {
    background-image:none
}

#whmcsx .btn-info.disabled,#whmcsx .btn-info.disabled.active,#whmcsx .btn-info.disabled.focus,#whmcsx .btn-info.disabled:active,#whmcsx .btn-info.disabled:focus,#whmcsx .btn-info.disabled:hover,#whmcsx .btn-info[disabled],#whmcsx .btn-info[disabled].active,#whmcsx .btn-info[disabled].focus,#whmcsx .btn-info[disabled]:active,#whmcsx .btn-info[disabled]:focus,#whmcsx .btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover {
    background-color:#5bc0de
}

#whmcsx .btn-info .badge {
    color:#5bc0de;
    background-color:#fff
}

#whmcsx .btn-warning {
    color:#fff;
    background-color:#f0ad4e
}

#whmcsx .btn-warning.active,#whmcsx .btn-warning.focus,#whmcsx .btn-warning:active,#whmcsx .btn-warning:focus,#whmcsx .btn-warning:hover,#whmcsx .open>.dropdown-toggle.btn-warning {
    color:#fff;
    background-color:#ec971f
}

#whmcsx .btn-warning.active,#whmcsx .btn-warning:active,#whmcsx .open>.dropdown-toggle.btn-warning {
    background-image:none
}

#whmcsx .btn-warning.disabled,#whmcsx .btn-warning.disabled.active,#whmcsx .btn-warning.disabled.focus,#whmcsx .btn-warning.disabled:active,#whmcsx .btn-warning.disabled:focus,#whmcsx .btn-warning.disabled:hover,#whmcsx .btn-warning[disabled],#whmcsx .btn-warning[disabled].active,#whmcsx .btn-warning[disabled].focus,#whmcsx .btn-warning[disabled]:active,#whmcsx .btn-warning[disabled]:focus,#whmcsx .btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover {
    background-color:#f0ad4e
}

#whmcsx .btn-warning .badge {
    color:#f0ad4e;
    background-color:#fff
}

#whmcsx .btn-danger {
    color:#fff;
    background-color:#d9534f
}

#whmcsx .btn-danger.active,#whmcsx .btn-danger.focus,#whmcsx .btn-danger:active,#whmcsx .btn-danger:focus,#whmcsx .btn-danger:hover,#whmcsx .open>.dropdown-toggle.btn-danger {
    color:#fff;
    background-color:#c9302c;
    border-color:#ac2925
}

#whmcsx .btn-danger.active,#whmcsx .btn-danger:active,#whmcsx .open>.dropdown-toggle.btn-danger {
    background-image:none
}

#whmcsx .btn-danger.disabled,#whmcsx .btn-danger.disabled.active,#whmcsx .btn-danger.disabled.focus,#whmcsx .btn-danger.disabled:active,#whmcsx .btn-danger.disabled:focus,#whmcsx .btn-danger.disabled:hover,#whmcsx .btn-danger[disabled],#whmcsx .btn-danger[disabled].active,#whmcsx .btn-danger[disabled].focus,#whmcsx .btn-danger[disabled]:active,#whmcsx .btn-danger[disabled]:focus,#whmcsx .btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover {
    background-color:#d9534f
}

#whmcsx .btn-danger .badge {
    color:#d9534f;
    background-color:#fff
}

#whmcsx .btn-link {
    font-weight:400;
    color:#337ab7;
    border-radius:0
}

#whmcsx .btn-link,#whmcsx .btn-link.active,#whmcsx .btn-link:active,#whmcsx .btn-link[disabled],fieldset[disabled] .btn-link {
    background-color:transparent;
    -webkit-box-shadow:none;
    box-shadow:none
}

#whmcsx .btn-link,#whmcsx .btn-link:active,#whmcsx .btn-link:focus,#whmcsx .btn-link:hover {
    border-color:transparent
}

#whmcsx .btn-link:focus,#whmcsx .btn-link:hover {
    color:#23527c;
    text-decoration:underline;
    background-color:transparent
}

#whmcsx .btn-link[disabled]:focus,#whmcsx .btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover {
    color:#777;
    text-decoration:none
}

#whmcsx .btn-group-lg>.btn,#whmcsx .btn-lg {
    padding:10px 16px;
    font-size:18px;
    line-height:1.3333333;
    border-radius:6px
}

#whmcsx .btn-group-sm>.btn,#whmcsx .btn-sm {
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}

#whmcsx .btn-group-xs>.btn,#whmcsx .btn-xs {
    padding:1px 5px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}

#whmcsx .btn-block {
    display:block;
    width:100%
}

#whmcsx .btn-block+.btn-block {
    margin-top:5px
}

input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
    width:100%
}

#whmcsx .fade {
    opacity:0;
    -webkit-transition:opacity .15s linear;
    -o-transition:opacity .15s linear;
    transition:opacity .15s linear
}

#whmcsx .fade.in {
    opacity:1
}

#whmcsx .collapse {
    display:none;
    visibility:hidden
}

#whmcsx .collapse.in {
    display:block;
    visibility:visible
}

tr.collapse.in {
    display:table-row
}

tbody.collapse.in {
    display:table-row-group
}

#whmcsx .collapsing {
    position:relative;
    height:0;
    overflow:hidden;
    -webkit-transition-timing-function:ease;
    -o-transition-timing-function:ease;
    transition-timing-function:ease;
    -webkit-transition-duration:.35s;
    -o-transition-duration:.35s;
    transition-duration:.35s;
    -webkit-transition-property:height,visibility;
    -o-transition-property:height,visibility;
    transition-property:height,visibility
}

#whmcsx .caret {
    display:inline-block;
    width:0;
    height:0;
    margin-left:2px;
    vertical-align:middle;
    border-top:4px solid;
    border-right:4px solid transparent;
    border-left:4px solid transparent
}

#whmcsx .dropdown,#whmcsx .dropup {
    position:relative
}

#whmcsx .dropdown-toggle:focus {
    outline:0
}

#whmcsx .dropdown-menu {
    position:absolute;
    top:100%;
    left:0;
    z-index:1000;
    display:none;
    float:left;
    min-width:160px;
    padding:5px 0;
    margin:2px 0 0;
    font-size:14px;
    text-align:left;
    list-style:none;
    background-color:#fff;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    border:1px solid #ccc;
    border:1px solid rgba(0,0,0,#whmcsx .15);
    border-radius:4px;
    -webkit-box-shadow:0 6px 12px rgba(0,0,0,#whmcsx .175);
    box-shadow:0 6px 12px rgba(0,0,0,#whmcsx .175)
}

#whmcsx .dropdown-menu.pull-right {
    right:0;
    left:auto
}

#whmcsx .dropdown-menu .divider {
    height:1px;
    margin:9px 0;
    overflow:hidden;
    background-color:#e5e5e5
}

#whmcsx .dropdown-menu>li>a {
    display:block;
    padding:3px 20px;
    clear:both;
    font-weight:400;
    line-height:1.42857143;
    color:#333;
    white-space:nowrap
}

#whmcsx .dropdown-menu>li>a:focus,#whmcsx .dropdown-menu>li>a:hover {
    color:#262626;
    text-decoration:none;
    background-color:#f5f5f5
}

#whmcsx .dropdown-menu>.active>a,#whmcsx .dropdown-menu>.active>a:focus,#whmcsx .dropdown-menu>.active>a:hover {
    color:#fff;
    text-decoration:none;
    background-color:#337ab7;
    outline:0
}

#whmcsx .dropdown-menu>.disabled>a,#whmcsx .dropdown-menu>.disabled>a:focus,#whmcsx .dropdown-menu>.disabled>a:hover {
    color:#777
}

#whmcsx .dropdown-menu>.disabled>a:focus,#whmcsx .dropdown-menu>.disabled>a:hover {
    text-decoration:none;
    cursor:not-allowed;
    background-color:transparent;
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

#whmcsx .open>.dropdown-menu {
    display:block
}

#whmcsx .open>a {
    outline:0
}

#whmcsx .dropdown-menu-right {
    right:0;
    left:auto
}

#whmcsx .dropdown-menu-left {
    right:auto;
    left:0
}

#whmcsx .dropdown-header {
    display:block;
    padding:3px 20px;
    font-size:12px;
    line-height:1.42857143;
    color:#777;
    white-space:nowrap
}

#whmcsx .dropdown-backdrop {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:990
}

#whmcsx .pull-right>.dropdown-menu {
    right:0;
    left:auto
}

#whmcsx .dropup .caret,#whmcsx .navbar-fixed-bottom .dropdown .caret {
    content:"";
    border-top:0;
    border-bottom:4px solid
}

#whmcsx .dropup .dropdown-menu,#whmcsx .navbar-fixed-bottom .dropdown .dropdown-menu {
    top:auto;
    bottom:100%;
    margin-bottom:2px
}

@media (min-width:768px) {
#whmcsx .navbar-right .dropdown-menu {
    right:0;
    left:auto
}

#whmcsx .navbar-right .dropdown-menu-left {
    right:auto;
    left:0
}
}

#whmcsx .btn-group,#whmcsx .btn-group-vertical {
    position:relative;
    display:inline-block;
    vertical-align:middle
}

#whmcsx .btn-group-vertical>.btn,#whmcsx .btn-group>.btn {
    position:relative;
    float:left
}

#whmcsx .btn-group-vertical>.btn.active,#whmcsx .btn-group-vertical>.btn:active,#whmcsx .btn-group-vertical>.btn:focus,#whmcsx .btn-group-vertical>.btn:hover,#whmcsx .btn-group>.btn.active,#whmcsx .btn-group>.btn:active,#whmcsx .btn-group>.btn:focus,#whmcsx .btn-group>.btn:hover {
    z-index:2
}

#whmcsx .btn-group .btn+.btn,#whmcsx .btn-group .btn+.btn-group,#whmcsx .btn-group .btn-group+.btn,#whmcsx .btn-group .btn-group+.btn-group {
    margin-left:-1px
}

#whmcsx .btn-toolbar {
    margin-left:-5px
}

#whmcsx .btn-toolbar .btn-group,#whmcsx .btn-toolbar .input-group {
    float:left
}

#whmcsx .btn-toolbar>.btn,#whmcsx .btn-toolbar>.btn-group,#whmcsx .btn-toolbar>.input-group {
    margin-left:5px
}

#whmcsx .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius:0
}

#whmcsx .btn-group>.btn:first-child {
    margin-left:0
}

#whmcsx .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius:0;
    border-bottom-right-radius:0
}

#whmcsx .btn-group>.btn:last-child:not(:first-child),#whmcsx .btn-group>.dropdown-toggle:not(:first-child) {
    border-top-left-radius:0;
    border-bottom-left-radius:0
}

#whmcsx .btn-group>.btn-group {
    float:left
}

#whmcsx .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius:0
}

#whmcsx .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,#whmcsx .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-top-right-radius:0;
    border-bottom-right-radius:0
}

#whmcsx .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-left-radius:0;
    border-bottom-left-radius:0
}

#whmcsx .btn-group .dropdown-toggle:active,#whmcsx .btn-group.open .dropdown-toggle {
    outline:0
}

#whmcsx .btn-group>.btn+.dropdown-toggle {
    padding-right:8px;
    padding-left:8px
}

#whmcsx .btn-group>.btn-lg+.dropdown-toggle {
    padding-right:12px;
    padding-left:12px
}

#whmcsx .btn-group.open .dropdown-toggle {
    -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,#whmcsx .125);
    box-shadow:inset 0 3px 5px rgba(0,0,0,#whmcsx .125)
}

#whmcsx .btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow:none;
    box-shadow:none
}

#whmcsx .btn .caret {
    margin-left:0
}

#whmcsx .btn-lg .caret {
    border-width:5px 5px 0;
    border-bottom-width:0
}

#whmcsx .dropup .btn-lg .caret {
    border-width:0 5px 5px
}

#whmcsx .btn-group-vertical>.btn,#whmcsx .btn-group-vertical>.btn-group,#whmcsx .btn-group-vertical>.btn-group>.btn {
    display:block;
    float:none;
    width:100%;
    max-width:100%
}

#whmcsx .btn-group-vertical>.btn-group>.btn {
    float:none
}

#whmcsx .btn-group-vertical>.btn+.btn,#whmcsx .btn-group-vertical>.btn+.btn-group,#whmcsx .btn-group-vertical>.btn-group+.btn,#whmcsx .btn-group-vertical>.btn-group+.btn-group {
    margin-top:-1px;
    margin-left:0
}

#whmcsx .btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius:0
}

#whmcsx .btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius:4px;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
}

#whmcsx .btn-group-vertical>.btn:last-child:not(:first-child) {
    border-top-left-radius:0;
    border-top-right-radius:0;
    border-bottom-left-radius:4px
}

#whmcsx .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius:0
}

#whmcsx .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,#whmcsx .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
}

#whmcsx .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-left-radius:0;
    border-top-right-radius:0
}

#whmcsx .btn-group-justified {
    display:table;
    width:100%;
    table-layout:fixed;
    border-collapse:separate
}

#whmcsx .btn-group-justified>.btn,#whmcsx .btn-group-justified>.btn-group {
    display:table-cell;
    float:none;
    width:1%
}

#whmcsx .btn-group-justified>.btn-group .btn {
    width:100%
}

#whmcsx .btn-group-justified>.btn-group .dropdown-menu {
    left:auto
}

[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio] {
    position:absolute;
    clip:rect(0,0,0,0);
    pointer-events:none
}

#whmcsx .input-group {
    position:relative;
    display:table;
    border-collapse:separate
}

#whmcsx .input-group[class*=col-] {
    float:none;
    padding-right:0;
    padding-left:0
}

#whmcsx .input-group .form-control {
    position:relative;
    z-index:2;
    float:left;
    width:100%;
    margin-bottom:0
}

#whmcsx .input-group-lg>.form-control,#whmcsx .input-group-lg>.input-group-addon,#whmcsx .input-group-lg>.input-group-btn>.btn {
    height:46px;
    padding:10px 16px;
    font-size:18px;
    line-height:1.3333333;
    border-radius:6px
}

select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn {
    height:46px;
    line-height:46px
}

select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn {
    height:auto
}

#whmcsx .input-group-sm>.form-control,#whmcsx .input-group-sm>.input-group-addon,#whmcsx .input-group-sm>.input-group-btn>.btn {
    height:30px;
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}

select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn {
    height:30px;
    line-height:30px
}

select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn {
    height:auto
}

#whmcsx .input-group .form-control,#whmcsx .input-group-addon,#whmcsx .input-group-btn {
    display:table-cell
}

#whmcsx .input-group .form-control:not(:first-child):not(:last-child),#whmcsx .input-group-addon:not(:first-child):not(:last-child),#whmcsx .input-group-btn:not(:first-child):not(:last-child) {
    border-radius:0
}

#whmcsx .input-group-addon,#whmcsx .input-group-btn {
    width:1%;
    white-space:nowrap;
    vertical-align:middle
}

#whmcsx .input-group-addon {
    padding:6px 12px;
    font-size:14px;
    font-weight:400;
    line-height:1;
    color:#555;
    text-align:center;
    background-color:#eee;
    border:1px solid #ccc;
    border-radius:4px
}

#whmcsx .input-group-addon.input-sm {
    padding:5px 10px;
    font-size:12px;
    border-radius:3px
}

#whmcsx .input-group-addon.input-lg {
    padding:10px 16px;
    font-size:18px;
    border-radius:6px
}

#whmcsx .input-group-addon input[type=checkbox],#whmcsx .input-group-addon input[type=radio] {
    margin-top:0
}

#whmcsx .input-group .form-control:first-child,#whmcsx .input-group-addon:first-child,#whmcsx .input-group-btn:first-child>.btn,#whmcsx .input-group-btn:first-child>.btn-group>.btn,#whmcsx .input-group-btn:first-child>.dropdown-toggle,#whmcsx .input-group-btn:last-child>.btn-group:not(:last-child)>.btn,#whmcsx .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius:0;
    border-bottom-right-radius:0
}

#whmcsx .input-group-addon:first-child {
    border-right:0
}

#whmcsx .input-group .form-control:last-child,#whmcsx .input-group-addon:last-child,#whmcsx .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,#whmcsx .input-group-btn:first-child>.btn:not(:first-child),#whmcsx .input-group-btn:last-child>.btn,#whmcsx .input-group-btn:last-child>.btn-group>.btn,#whmcsx .input-group-btn:last-child>.dropdown-toggle {
    border-top-left-radius:0;
    border-bottom-left-radius:0
}

#whmcsx .input-group-addon:last-child {
    border-left:0
}

#whmcsx .input-group-btn {
    position:relative;
    font-size:0;
    white-space:nowrap
}

#whmcsx .input-group-btn>.btn {
    position:relative
}

#whmcsx .input-group-btn>.btn+.btn {
    margin-left:-1px
}

#whmcsx .input-group-btn>.btn:active,#whmcsx .input-group-btn>.btn:focus,#whmcsx .input-group-btn>.btn:hover {
    z-index:2
}

#whmcsx .input-group-btn:first-child>.btn,#whmcsx .input-group-btn:first-child>.btn-group {
    margin-right:-1px
}

#whmcsx .input-group-btn:last-child>.btn,#whmcsx .input-group-btn:last-child>.btn-group {
    margin-left:-1px
}

#whmcsx .nav {
    padding-left:0;
    margin-bottom:0;
    list-style:none
}

#whmcsx .nav>li {
    position:relative;
    display:block
}

#whmcsx .nav>li>a {
    position:relative;
    display:block;
    padding:10px 15px
}

#whmcsx .nav>li>a:focus,#whmcsx .nav>li>a:hover {
    text-decoration:none;
    background-color:#eee
}

#whmcsx .nav>li.disabled>a {
    color:#777
}

#whmcsx .nav>li.disabled>a:focus,#whmcsx .nav>li.disabled>a:hover {
    color:#777;
    text-decoration:none;
    cursor:not-allowed;
    background-color:transparent
}

#whmcsx .nav .open>a,#whmcsx .nav .open>a:focus,#whmcsx .nav .open>a:hover {
    background-color:#eee;
    border-color:#337ab7
}

#whmcsx .nav .nav-divider {
    height:1px;
    margin:9px 0;
    overflow:hidden;
    background-color:#e5e5e5
}

#whmcsx .nav>li>a>img {
    max-width:none
}

#whmcsx .nav-tabs {
    border-bottom:1px solid #ddd
}

#whmcsx .nav-tabs>li {
    float:left;
    margin-bottom:-1px
}

#whmcsx .nav-tabs>li>a {
    margin-right:2px;
    line-height:1.42857143;
    border:1px solid transparent;
    border-radius:4px 4px 0 0
}

#whmcsx .nav-tabs>li>a:hover {
    border-color:#eee #eee #ddd
}

#whmcsx .nav-tabs>li.active>a,#whmcsx .nav-tabs>li.active>a:focus,#whmcsx .nav-tabs>li.active>a:hover {
    color:#555;
    cursor:default;
    background-color:#fff;
    border:1px solid #ddd;
    border-bottom-color:transparent
}

#whmcsx .nav-tabs.nav-justified {
    width:100%;
    border-bottom:0
}

#whmcsx .nav-tabs.nav-justified>li {
    float:none
}

#whmcsx .nav-tabs.nav-justified>li>a {
    margin-bottom:5px;
    text-align:center
}

#whmcsx .nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top:auto;
    left:auto
}

@media (min-width:768px) {
#whmcsx .nav-tabs.nav-justified>li {
    display:table-cell;
    width:1%
}

#whmcsx .nav-tabs.nav-justified>li>a {
    margin-bottom:0
}
}

#whmcsx .nav-tabs.nav-justified>li>a {
    margin-right:0;
    border-radius:4px
}

#whmcsx .nav-tabs.nav-justified>.active>a,#whmcsx .nav-tabs.nav-justified>.active>a:focus,#whmcsx .nav-tabs.nav-justified>.active>a:hover {
    border:1px solid #ddd
}

@media (min-width:768px) {
#whmcsx .nav-tabs.nav-justified>li>a {
    border-bottom:1px solid #ddd;
    border-radius:4px 4px 0 0
}

#whmcsx .nav-tabs.nav-justified>.active>a,#whmcsx .nav-tabs.nav-justified>.active>a:focus,#whmcsx .nav-tabs.nav-justified>.active>a:hover {
    border-bottom-color:#fff
}
}

#whmcsx .nav-pills>li {
    float:left
}

#whmcsx .nav-pills>li>a {
    border-radius:4px
}

#whmcsx .nav-pills>li+li {
    margin-left:2px
}

#whmcsx .nav-pills>li.active>a,#whmcsx .nav-pills>li.active>a:focus,#whmcsx .nav-pills>li.active>a:hover {
    color:#fff;
    background-color:#337ab7
}

#whmcsx .nav-stacked>li {
    float:none
}

#whmcsx .nav-stacked>li+li {
    margin-top:2px;
    margin-left:0
}

#whmcsx .nav-justified {
    width:100%
}

#whmcsx .nav-justified>li {
    float:none
}

#whmcsx .nav-justified>li>a {
    margin-bottom:5px;
    text-align:center
}

#whmcsx .nav-justified>.dropdown .dropdown-menu {
    top:auto;
    left:auto
}

@media (min-width:768px) {
#whmcsx .nav-justified>li {
    display:table-cell;
    width:1%
}

#whmcsx .nav-justified>li>a {
    margin-bottom:0
}
}

#whmcsx .nav-tabs-justified {
    border-bottom:0
}

#whmcsx .nav-tabs-justified>li>a {
    margin-right:0;
    border-radius:4px
}

#whmcsx .nav-tabs-justified>.active>a,#whmcsx .nav-tabs-justified>.active>a:focus,#whmcsx .nav-tabs-justified>.active>a:hover {
    border:1px solid #ddd
}

@media (min-width:768px) {
#whmcsx .nav-tabs-justified>li>a {
    border-bottom:1px solid #ddd;
    border-radius:4px 4px 0 0
}

#whmcsx .nav-tabs-justified>.active>a,#whmcsx .nav-tabs-justified>.active>a:focus,#whmcsx .nav-tabs-justified>.active>a:hover {
    border-bottom-color:#fff
}
}

#whmcsx .tab-content>.tab-pane {
    display:none;
    visibility:hidden
}

#whmcsx .tab-content>.active {
    display:block;
    visibility:visible
}

#whmcsx .nav-tabs .dropdown-menu {
    margin-top:-1px;
    border-top-left-radius:0;
    border-top-right-radius:0
}

#whmcsx .navbar {
    position:relative;
    min-height:50px;
    margin-bottom:20px;
    border:1px solid transparent
}

@media (min-width:768px) {
#whmcsx .navbar {
    border-radius:4px
}
}

@media (min-width:768px) {
#whmcsx .navbar-header {
    float:left
}
}

#whmcsx .navbar-collapse {
    padding-right:15px;
    padding-left:15px;
    overflow-x:visible;
    -webkit-overflow-scrolling:touch;
    border-top:1px solid transparent;
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,#whmcsx .1);
    box-shadow:inset 0 1px 0 rgba(255,255,255,#whmcsx .1)
}

#whmcsx .navbar-collapse.in {
    overflow-y:auto
}

@media (min-width:768px) {
#whmcsx .navbar-collapse {
    width:auto;
    border-top:0;
    -webkit-box-shadow:none;
    box-shadow:none
}

#whmcsx .navbar-collapse.collapse {
    display:block!important;
    height:auto!important;
    padding-bottom:0;
    overflow:visible!important;
    visibility:visible!important
}

#whmcsx .navbar-collapse.in {
    overflow-y:visible
}

#whmcsx .navbar-fixed-bottom .navbar-collapse,#whmcsx .navbar-fixed-top .navbar-collapse,#whmcsx .navbar-static-top .navbar-collapse {
    padding-right:0;
    padding-left:0
}
}

#whmcsx .navbar-fixed-bottom .navbar-collapse,#whmcsx .navbar-fixed-top .navbar-collapse {
    max-height:340px
}

@media (max-device-width:480px) and (orientation:landscape) {
#whmcsx .navbar-fixed-bottom .navbar-collapse,#whmcsx .navbar-fixed-top .navbar-collapse {
    max-height:200px
}
}

#whmcsx .container-fluid>.navbar-collapse,#whmcsx .container-fluid>.navbar-header,#whmcsx .container>.navbar-collapse,#whmcsx .container>.navbar-header {
    margin-right:-15px;
    margin-left:-15px
}

@media (min-width:768px) {
#whmcsx .container-fluid>.navbar-collapse,#whmcsx .container-fluid>.navbar-header,#whmcsx .container>.navbar-collapse,#whmcsx .container>.navbar-header {
    margin-right:0;
    margin-left:0
}
}

#whmcsx .navbar-static-top {
    z-index:1000;
    border-width:0 0 1px
}

@media (min-width:768px) {
#whmcsx .navbar-static-top {
    border-radius:0
}
}

#whmcsx .navbar-fixed-bottom,#whmcsx .navbar-fixed-top {
    position:fixed;
    right:0;
    left:0;
    z-index:1030
}

@media (min-width:768px) {
#whmcsx .navbar-fixed-bottom,#whmcsx .navbar-fixed-top {
    border-radius:0
}
}

#whmcsx .navbar-fixed-top {
    top:0;
    border-width:0 0 1px
}

#whmcsx .navbar-fixed-bottom {
    bottom:0;
    margin-bottom:0;
    border-width:1px 0 0
}

#whmcsx .navbar-brand {
    float:left;
    height:50px;
    padding:15px;
    font-size:18px;
    line-height:20px
}

#whmcsx .navbar-brand:focus,#whmcsx .navbar-brand:hover {
    text-decoration:none
}

#whmcsx .navbar-brand>img {
    display:block
}

@media (min-width:768px) {
#whmcsx .navbar>.container .navbar-brand,#whmcsx .navbar>.container-fluid .navbar-brand {
    margin-left:-15px
}
}

#whmcsx .navbar-toggle {
    position:relative;
    float:right;
    padding:9px 10px;
    margin-top:8px;
    margin-right:15px;
    margin-bottom:8px;
    background-color:transparent;
    background-image:none;
    border:1px solid transparent;
    border-radius:4px
}

#whmcsx .navbar-toggle:focus {
    outline:0
}

#whmcsx .navbar-toggle .icon-bar {
    display:block;
    width:22px;
    height:2px;
    border-radius:1px
}

#whmcsx .navbar-toggle .icon-bar+.icon-bar {
    margin-top:4px
}

@media (min-width:768px) {
#whmcsx .navbar-toggle {
    display:none
}
}

#whmcsx .navbar-nav {
    margin:7.5px -15px
}

#whmcsx .navbar-nav>li>a {
    padding-top:10px;
    padding-bottom:10px;
    line-height:20px
}

@media (max-width:767px) {
#whmcsx .navbar-nav .open .dropdown-menu {
    position:static;
    float:none;
    width:auto;
    margin-top:0;
    background-color:transparent;
    border:0;
    -webkit-box-shadow:none;
    box-shadow:none
}

#whmcsx .navbar-nav .open .dropdown-menu .dropdown-header,#whmcsx .navbar-nav .open .dropdown-menu>li>a {
    padding:5px 15px 5px 25px
}

#whmcsx .navbar-nav .open .dropdown-menu>li>a {
    line-height:20px
}

#whmcsx .navbar-nav .open .dropdown-menu>li>a:focus,#whmcsx .navbar-nav .open .dropdown-menu>li>a:hover {
    background-image:none
}
}

@media (min-width:768px) {
#whmcsx .navbar-nav {
    float:left;
    margin:0
}

#whmcsx .navbar-nav>li {
    float:left
}

#whmcsx .navbar-nav>li>a {
    padding-top:15px;
    padding-bottom:15px
}
}

#whmcsx .navbar-form {
    padding:10px 15px;
    margin-top:8px;
    margin-right:-15px;
    margin-bottom:8px;
    margin-left:-15px;
    border-top:1px solid transparent;
    border-bottom:1px solid transparent;
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,#whmcsx .1),0 1px 0 rgba(255,255,255,#whmcsx .1);
    box-shadow:inset 0 1px 0 rgba(255,255,255,#whmcsx .1),0 1px 0 rgba(255,255,255,#whmcsx .1)
}

@media (min-width:768px) {
#whmcsx .navbar-form .form-group {
    display:inline-block;
    margin-bottom:0;
    vertical-align:middle
}

#whmcsx .navbar-form .form-control {
    display:inline-block;
    width:auto;
    vertical-align:middle
}

#whmcsx .navbar-form .form-control-static {
    display:inline-block
}

#whmcsx .navbar-form .input-group {
    display:inline-table;
    vertical-align:middle
}

#whmcsx .navbar-form .input-group .form-control,#whmcsx .navbar-form .input-group .input-group-addon,#whmcsx .navbar-form .input-group .input-group-btn {
    width:auto
}

#whmcsx .navbar-form .input-group>.form-control {
    width:100%
}

#whmcsx .navbar-form .control-label {
    margin-bottom:0;
    vertical-align:middle
}

#whmcsx .navbar-form .checkbox,#whmcsx .navbar-form .radio {
    display:inline-block;
    margin-top:0;
    margin-bottom:0;
    vertical-align:middle
}

#whmcsx .navbar-form .checkbox label,#whmcsx .navbar-form .radio label {
    padding-left:0
}

#whmcsx .navbar-form .checkbox input[type=checkbox],#whmcsx .navbar-form .radio input[type=radio] {
    position:relative;
    margin-left:0
}

#whmcsx .navbar-form .has-feedback .form-control-feedback {
    top:0
}
}

@media (max-width:767px) {
#whmcsx .navbar-form .form-group {
    margin-bottom:5px
}

#whmcsx .navbar-form .form-group:last-child {
    margin-bottom:0
}
}

@media (min-width:768px) {
#whmcsx .navbar-form {
    width:auto;
    padding-top:0;
    padding-bottom:0;
    margin-right:0;
    margin-left:0;
    border:0;
    -webkit-box-shadow:none;
    box-shadow:none
}
}

#whmcsx .navbar-nav>li>.dropdown-menu {
    margin-top:0;
    border-top-left-radius:0;
    border-top-right-radius:0
}

#whmcsx .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom:0;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
}

#whmcsx .navbar-btn {
    margin-top:8px;
    margin-bottom:8px
}

#whmcsx .navbar-btn.btn-sm {
    margin-top:10px;
    margin-bottom:10px
}

#whmcsx .navbar-btn.btn-xs {
    margin-top:14px;
    margin-bottom:14px
}

#whmcsx .navbar-text {
    margin-top:15px;
    margin-bottom:15px
}

@media (min-width:768px) {
#whmcsx .navbar-text {
    float:left;
    margin-right:15px;
    margin-left:15px
}
}

@media (min-width:768px) {
#whmcsx .navbar-left {
    float:left!important
}

#whmcsx .navbar-right {
    float:right!important;
    margin-right:-15px
}

#whmcsx .navbar-right~.navbar-right {
    margin-right:0
}
}

#whmcsx .navbar-default {
    background-color:#f8f8f8;
    border-color:#e7e7e7
}

#whmcsx .navbar-default .navbar-brand {
    color:#777
}

#whmcsx .navbar-default .navbar-brand:focus,#whmcsx .navbar-default .navbar-brand:hover {
    color:#5e5e5e;
    background-color:transparent
}

#whmcsx .navbar-default .navbar-text {
    color:#777
}

#whmcsx .navbar-default .navbar-nav>li>a {
    color:#777
}

#whmcsx .navbar-default .navbar-nav>li>a:focus,#whmcsx .navbar-default .navbar-nav>li>a:hover {
    color:#333;
    background-color:transparent
}

#whmcsx .navbar-default .navbar-nav>.active>a,#whmcsx .navbar-default .navbar-nav>.active>a:focus,#whmcsx .navbar-default .navbar-nav>.active>a:hover {
    color:#555;
    background-color:#e7e7e7
}

#whmcsx .navbar-default .navbar-nav>.disabled>a,#whmcsx .navbar-default .navbar-nav>.disabled>a:focus,#whmcsx .navbar-default .navbar-nav>.disabled>a:hover {
    color:#ccc;
    background-color:transparent
}

#whmcsx .navbar-default .navbar-toggle {
    border-color:#ddd
}

#whmcsx .navbar-default .navbar-toggle:focus,#whmcsx .navbar-default .navbar-toggle:hover {
    background-color:#ddd
}

#whmcsx .navbar-default .navbar-toggle .icon-bar {
    background-color:#888
}

#whmcsx .navbar-default .navbar-collapse,#whmcsx .navbar-default .navbar-form {
    border-color:#e7e7e7
}

#whmcsx .navbar-default .navbar-nav>.open>a,#whmcsx .navbar-default .navbar-nav>.open>a:focus,#whmcsx .navbar-default .navbar-nav>.open>a:hover {
    color:#555;
    background-color:#e7e7e7
}

@media (max-width:767px) {
#whmcsx .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color:#777
}

#whmcsx .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,#whmcsx .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color:#333;
    background-color:transparent
}

#whmcsx .navbar-default .navbar-nav .open .dropdown-menu>.active>a,#whmcsx .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,#whmcsx .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
    color:#555;
    background-color:#e7e7e7
}

#whmcsx .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,#whmcsx .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,#whmcsx .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
    color:#ccc;
    background-color:transparent
}
}

#whmcsx .navbar-default .navbar-link {
    color:#777
}

#whmcsx .navbar-default .navbar-link:hover {
    color:#333
}

#whmcsx .navbar-default .btn-link {
    color:#777
}

#whmcsx .navbar-default .btn-link:focus,#whmcsx .navbar-default .btn-link:hover {
    color:#333
}

#whmcsx .navbar-default .btn-link[disabled]:focus,#whmcsx .navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover {
    color:#ccc
}

#whmcsx .navbar-inverse {
    background-color:#222;
    border-color:#080808
}

#whmcsx .navbar-inverse .navbar-brand {
    color:#9d9d9d
}

#whmcsx .navbar-inverse .navbar-brand:focus,#whmcsx .navbar-inverse .navbar-brand:hover {
    color:#fff;
    background-color:transparent
}

#whmcsx .navbar-inverse .navbar-text {
    color:#9d9d9d
}

#whmcsx .navbar-inverse .navbar-nav>li>a {
    color:#9d9d9d
}

#whmcsx .navbar-inverse .navbar-nav>li>a:focus,#whmcsx .navbar-inverse .navbar-nav>li>a:hover {
    color:#fff;
    background-color:transparent
}

#whmcsx .navbar-inverse .navbar-nav>.active>a,#whmcsx .navbar-inverse .navbar-nav>.active>a:focus,#whmcsx .navbar-inverse .navbar-nav>.active>a:hover {
    color:#fff;
    background-color:#080808
}

#whmcsx .navbar-inverse .navbar-nav>.disabled>a,#whmcsx .navbar-inverse .navbar-nav>.disabled>a:focus,#whmcsx .navbar-inverse .navbar-nav>.disabled>a:hover {
    color:#444;
    background-color:transparent
}

#whmcsx .navbar-inverse .navbar-toggle {
    border-color:#333
}

#whmcsx .navbar-inverse .navbar-toggle:focus,#whmcsx .navbar-inverse .navbar-toggle:hover {
    background-color:#333
}

#whmcsx .navbar-inverse .navbar-toggle .icon-bar {
    background-color:#fff
}

#whmcsx .navbar-inverse .navbar-collapse,#whmcsx .navbar-inverse .navbar-form {
    border-color:#101010
}

#whmcsx .navbar-inverse .navbar-nav>.open>a,#whmcsx .navbar-inverse .navbar-nav>.open>a:focus,#whmcsx .navbar-inverse .navbar-nav>.open>a:hover {
    color:#fff;
    background-color:#080808
}

@media (max-width:767px) {
#whmcsx .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
    border-color:#080808
}

#whmcsx .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color:#080808
}

#whmcsx .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color:#9d9d9d
}

#whmcsx .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,#whmcsx .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
    color:#fff;
    background-color:transparent
}

#whmcsx .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,#whmcsx .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,#whmcsx .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
    color:#fff;
    background-color:#080808
}

#whmcsx .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,#whmcsx .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,#whmcsx .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
    color:#444;
    background-color:transparent
}
}

#whmcsx .navbar-inverse .navbar-link {
    color:#9d9d9d
}

#whmcsx .navbar-inverse .navbar-link:hover {
    color:#fff
}

#whmcsx .navbar-inverse .btn-link {
    color:#9d9d9d
}

#whmcsx .navbar-inverse .btn-link:focus,#whmcsx .navbar-inverse .btn-link:hover {
    color:#fff
}

#whmcsx .navbar-inverse .btn-link[disabled]:focus,#whmcsx .navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover {
    color:#444
}

#whmcsx .breadcrumb {
    padding:8px 15px;
    margin-bottom:20px;
    list-style:none;
    background-color:#f5f5f5;
    border-radius:4px
}

#whmcsx .breadcrumb>li {
    display:inline-block
}

#whmcsx .breadcrumb>li+li:before {
    padding:0 5px;
    color:#ccc;
    content:"/\00a0"
}

#whmcsx .breadcrumb>.active {
    color:#777
}

#whmcsx .pagination {
    display:inline-block;
    padding-left:0;
    margin:20px 0;
    border-radius:4px
}

#whmcsx .pagination>li {
    display:inline
}

#whmcsx .pagination>li>a,#whmcsx .pagination>li>span {
    position:relative;
    float:left;
    padding:6px 12px;
    margin-left:-1px;
    line-height:1.42857143;
    color:#337ab7;
    text-decoration:none;
    background-color:#fff;
    border:1px solid #ddd
}

#whmcsx .pagination>li:first-child>a,#whmcsx .pagination>li:first-child>span {
    margin-left:0;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px
}

#whmcsx .pagination>li:last-child>a,#whmcsx .pagination>li:last-child>span {
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
}

#whmcsx .pagination>li>a:focus,#whmcsx .pagination>li>a:hover,#whmcsx .pagination>li>span:focus,#whmcsx .pagination>li>span:hover {
    color:#23527c;
    background-color:#eee;
    border-color:#ddd
}

#whmcsx .pagination>.active>a,#whmcsx .pagination>.active>a:focus,#whmcsx .pagination>.active>a:hover,#whmcsx .pagination>.active>span,#whmcsx .pagination>.active>span:focus,#whmcsx .pagination>.active>span:hover {
    z-index:2;
    color:#fff;
    cursor:default;
    background-color:#337ab7;
    border-color:#337ab7
}

#whmcsx .pagination>.disabled>a,#whmcsx .pagination>.disabled>a:focus,#whmcsx .pagination>.disabled>a:hover,#whmcsx .pagination>.disabled>span,#whmcsx .pagination>.disabled>span:focus,#whmcsx .pagination>.disabled>span:hover {
    color:#777;
    cursor:not-allowed;
    background-color:#fff;
    border-color:#ddd
}

#whmcsx .pagination-lg>li>a,#whmcsx .pagination-lg>li>span {
    padding:10px 16px;
    font-size:18px
}

#whmcsx .pagination-lg>li:first-child>a,#whmcsx .pagination-lg>li:first-child>span {
    border-top-left-radius:6px;
    border-bottom-left-radius:6px
}

#whmcsx .pagination-lg>li:last-child>a,#whmcsx .pagination-lg>li:last-child>span {
    border-top-right-radius:6px;
    border-bottom-right-radius:6px
}

#whmcsx .pagination-sm>li>a,#whmcsx .pagination-sm>li>span {
    padding:5px 10px;
    font-size:12px
}

#whmcsx .pagination-sm>li:first-child>a,#whmcsx .pagination-sm>li:first-child>span {
    border-top-left-radius:3px;
    border-bottom-left-radius:3px
}

#whmcsx .pagination-sm>li:last-child>a,#whmcsx .pagination-sm>li:last-child>span {
    border-top-right-radius:3px;
    border-bottom-right-radius:3px
}

#whmcsx .pager {
    padding-left:0;
    margin:20px 0;
    text-align:center;
    list-style:none
}

#whmcsx .pager li {
    display:inline
}

#whmcsx .pager li>a,#whmcsx .pager li>span {
    display:inline-block;
    padding:15px 25px;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:15px
}

#whmcsx .pager li>a:focus,#whmcsx .pager li>a:hover {
    text-decoration:none;
    background-color:#eee
}

#whmcsx .pager .next>a,#whmcsx .pager .next>span {
    float:right
}

#whmcsx .pager .previous>a,#whmcsx .pager .previous>span {
    float:left
}

#whmcsx .pager .disabled>a,#whmcsx .pager .disabled>a:focus,#whmcsx .pager .disabled>a:hover,#whmcsx .pager .disabled>span {
    color:#777;
    cursor:not-allowed;
    background-color:#fff
}

#whmcsx .label {
    display:inline;
    padding:.2em .6em .3em;
    font-size:75%;
    font-weight:700;
    line-height:1;
    color:#fff;
    text-align:center;
    white-space:nowrap;
    vertical-align:baseline;
    border-radius:.25em
}

a.label:focus,a.label:hover {
    color:#fff;
    text-decoration:none;
    cursor:pointer
}

#whmcsx .label:empty {
    display:none
}

#whmcsx .btn .label {
    position:relative;
    top:-1px
}

#whmcsx .label-default {
    background-color:#777
}

#whmcsx .label-default[href]:focus,#whmcsx .label-default[href]:hover {
    background-color:#5e5e5e
}

#whmcsx .label-primary {
    background-color:#337ab7
}

#whmcsx .label-primary[href]:focus,#whmcsx .label-primary[href]:hover {
    background-color:#286090
}

#whmcsx .label-success {
    background-color:#5cb85c
}

#whmcsx .label-success[href]:focus,#whmcsx .label-success[href]:hover {
    background-color:#449d44
}

#whmcsx .label-info {
    background-color:#5bc0de
}

#whmcsx .label-info[href]:focus,#whmcsx .label-info[href]:hover {
    background-color:#31b0d5
}

#whmcsx .label-warning {
    background-color:#f0ad4e
}

#whmcsx .label-warning[href]:focus,#whmcsx .label-warning[href]:hover {
    background-color:#ec971f
}

#whmcsx .label-danger {
    background-color:#d9534f
}

#whmcsx .label-danger[href]:focus,#whmcsx .label-danger[href]:hover {
    background-color:#c9302c
}

#whmcsx .badge {
    display:inline-block;
    min-width:10px;
    padding:3px 7px;
    font-size:12px;
    font-weight:700;
    line-height:1;
    color:#fff;
    text-align:center;
    white-space:nowrap;
    vertical-align:baseline;
    background-color:#777;
    border-radius:10px
}

#whmcsx .badge:empty {
    display:none
}

#whmcsx .btn .badge {
    position:relative;
    top:-1px
}

#whmcsx .btn-xs .badge {
    top:0;
    padding:1px 5px
}

a.badge:focus,a.badge:hover {
    color:#fff;
    text-decoration:none;
    cursor:pointer
}

#whmcsx .list-group-item.active>.badge,#whmcsx .nav-pills>.active>a>.badge {
    color:#337ab7;
    background-color:#fff
}

#whmcsx .list-group-item>.badge {
    float:right
}

#whmcsx .list-group-item>.badge+.badge {
    margin-right:5px
}

#whmcsx .nav-pills>li>a>.badge {
    margin-left:3px
}

#whmcsx .jumbotron {
    padding:30px 15px;
    margin-bottom:30px;
    color:inherit;
    background-color:#eee
}

#whmcsx .jumbotron .h1,#whmcsx .jumbotron h1 {
    color:inherit
}

#whmcsx .jumbotron p {
    margin-bottom:15px;
    font-size:21px;
    font-weight:200
}

#whmcsx .jumbotron>hr {
    border-top-color:#d5d5d5
}

#whmcsx .container .jumbotron,#whmcsx .container-fluid .jumbotron {
    border-radius:6px
}

#whmcsx .jumbotron .container {
    max-width:100%
}

@media screen and (min-width:768px) {
#whmcsx .jumbotron {
    padding:48px 0
}

#whmcsx .container .jumbotron,#whmcsx .container-fluid .jumbotron {
    padding-right:60px;
    padding-left:60px
}

#whmcsx .jumbotron .h1,#whmcsx .jumbotron h1 {
    font-size:63px
}
}

#whmcsx .thumbnail {
    display:block;
    padding:4px;
    margin-bottom:20px;
    line-height:1.42857143;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:4px;
    -webkit-transition:border .2s ease-in-out;
    -o-transition:border .2s ease-in-out;
    transition:border .2s ease-in-out
}

#whmcsx .thumbnail a>img,#whmcsx .thumbnail>img {
    margin-right:auto;
    margin-left:auto
}

a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover {
    border-color:#337ab7
}

#whmcsx .thumbnail .caption {
    padding:9px;
    color:#333
}

#whmcsx .alert {
    padding:15px;
    margin-bottom:20px;
    border:1px solid transparent;
    border-radius:4px
}

#whmcsx .alert h4 {
    margin-top:0;
    color:inherit
}

#whmcsx .alert .alert-link {
    font-weight:700
}

#whmcsx .alert>p,#whmcsx .alert>ul {
    margin-bottom:0
}

#whmcsx .alert>p+p {
    margin-top:5px
}

#whmcsx .alert-dismissable,#whmcsx .alert-dismissible {
    padding-right:35px
}

#whmcsx .alert-dismissable .close,#whmcsx .alert-dismissible .close {
    position:relative;
    top:-2px;
    right:-21px;
    color:inherit
}

#whmcsx .alert-success {
    color:#3c763d;
    background-color:#dff0d8;
    border-color:#d6e9c6
}

#whmcsx .alert-success hr {
    border-top-color:#c9e2b3
}

#whmcsx .alert-success .alert-link {
    color:#2b542c
}

#whmcsx .alert-info {
    color:#31708f;
    background-color:#d9edf7;
    border-color:#bce8f1
}

#whmcsx .alert-info hr {
    border-top-color:#a6e1ec
}

#whmcsx .alert-info .alert-link {
    color:#245269
}

#whmcsx .alert-warning {
    color:#8a6d3b;
    background-color:#fcf8e3;
    border-color:#faebcc
}

#whmcsx .alert-warning hr {
    border-top-color:#f7e1b5
}

#whmcsx .alert-warning .alert-link {
    color:#66512c
}

#whmcsx .alert-danger {
    color:#a94442;
    background-color:#f2dede;
    border-color:#ebccd1
}

#whmcsx .alert-danger hr {
    border-top-color:#e4b9c0
}

#whmcsx .alert-danger .alert-link {
    color:#843534
}

@-webkit-keyframes progress-bar-stripes {
from {
    background-position:40px 0
}

to {
    background-position:0 0
}
}

@-o-keyframes progress-bar-stripes {
from {
    background-position:40px 0
}

to {
    background-position:0 0
}
}

@keyframes progress-bar-stripes {
from {
    background-position:40px 0
}

to {
    background-position:0 0
}
}

#whmcsx .progress {
    height:20px;
    margin-bottom:20px;
    overflow:hidden;
    background-color:#f5f5f5;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,#whmcsx .1);
    box-shadow:inset 0 1px 2px rgba(0,0,0,#whmcsx .1)
}

#whmcsx .progress-bar {
    float:left;
    width:0;
    height:100%;
    font-size:12px;
    line-height:20px;
    color:#fff;
    text-align:center;
    background-color:#337ab7;
    -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,#whmcsx .15);
    box-shadow:inset 0 -1px 0 rgba(0,0,0,#whmcsx .15);
    -webkit-transition:width .6s ease;
    -o-transition:width .6s ease;
    transition:width .6s ease
}

#whmcsx .progress-bar-striped,#whmcsx .progress-striped .progress-bar {
    background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,#whmcsx .15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,#whmcsx .15) 50%,rgba(255,255,255,#whmcsx .15) 75%,transparent 75%,transparent);
    background-image:-o-linear-gradient(45deg,rgba(255,255,255,#whmcsx .15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,#whmcsx .15) 50%,rgba(255,255,255,#whmcsx .15) 75%,transparent 75%,transparent);
    background-image:linear-gradient(45deg,rgba(255,255,255,#whmcsx .15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,#whmcsx .15) 50%,rgba(255,255,255,#whmcsx .15) 75%,transparent 75%,transparent);
    -webkit-background-size:40px 40px;
    background-size:40px 40px
}

#whmcsx .progress-bar.active,#whmcsx .progress.active .progress-bar {
    -webkit-animation:progress-bar-stripes 2s linear infinite;
    -o-animation:progress-bar-stripes 2s linear infinite;
    animation:progress-bar-stripes 2s linear infinite
}

#whmcsx .progress-bar-success {
    background-color:#5cb85c
}

#whmcsx .progress-striped .progress-bar-success {
    background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,#whmcsx .15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,#whmcsx .15) 50%,rgba(255,255,255,#whmcsx .15) 75%,transparent 75%,transparent);
    background-image:-o-linear-gradient(45deg,rgba(255,255,255,#whmcsx .15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,#whmcsx .15) 50%,rgba(255,255,255,#whmcsx .15) 75%,transparent 75%,transparent);
    background-image:linear-gradient(45deg,rgba(255,255,255,#whmcsx .15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,#whmcsx .15) 50%,rgba(255,255,255,#whmcsx .15) 75%,transparent 75%,transparent)
}

#whmcsx .progress-bar-info {
    background-color:#5bc0de
}

#whmcsx .progress-striped .progress-bar-info {
    background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,#whmcsx .15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,#whmcsx .15) 50%,rgba(255,255,255,#whmcsx .15) 75%,transparent 75%,transparent);
    background-image:-o-linear-gradient(45deg,rgba(255,255,255,#whmcsx .15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,#whmcsx .15) 50%,rgba(255,255,255,#whmcsx .15) 75%,transparent 75%,transparent);
    background-image:linear-gradient(45deg,rgba(255,255,255,#whmcsx .15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,#whmcsx .15) 50%,rgba(255,255,255,#whmcsx .15) 75%,transparent 75%,transparent)
}

#whmcsx .progress-bar-warning {
    background-color:#f0ad4e
}

#whmcsx .progress-striped .progress-bar-warning {
    background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,#whmcsx .15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,#whmcsx .15) 50%,rgba(255,255,255,#whmcsx .15) 75%,transparent 75%,transparent);
    background-image:-o-linear-gradient(45deg,rgba(255,255,255,#whmcsx .15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,#whmcsx .15) 50%,rgba(255,255,255,#whmcsx .15) 75%,transparent 75%,transparent);
    background-image:linear-gradient(45deg,rgba(255,255,255,#whmcsx .15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,#whmcsx .15) 50%,rgba(255,255,255,#whmcsx .15) 75%,transparent 75%,transparent)
}

#whmcsx .progress-bar-danger {
    background-color:#d9534f
}

#whmcsx .progress-striped .progress-bar-danger {
    background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,#whmcsx .15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,#whmcsx .15) 50%,rgba(255,255,255,#whmcsx .15) 75%,transparent 75%,transparent);
    background-image:-o-linear-gradient(45deg,rgba(255,255,255,#whmcsx .15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,#whmcsx .15) 50%,rgba(255,255,255,#whmcsx .15) 75%,transparent 75%,transparent);
    background-image:linear-gradient(45deg,rgba(255,255,255,#whmcsx .15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,#whmcsx .15) 50%,rgba(255,255,255,#whmcsx .15) 75%,transparent 75%,transparent)
}

#whmcsx .media {
    margin-top:15px
}

#whmcsx .media:first-child {
    margin-top:0
}

#whmcsx .media,#whmcsx .media-body {
    overflow:hidden;
    zoom:1
}

#whmcsx .media-body {
    width:10000px
}

#whmcsx .media-object {
    display:block
}

#whmcsx .media-right,#whmcsx .media>.pull-right {
    padding-left:10px
}

#whmcsx .media-left,#whmcsx .media>.pull-left {
    padding-right:10px
}

#whmcsx .media-body,#whmcsx .media-left,#whmcsx .media-right {
    display:table-cell;
    vertical-align:middle
}

#whmcsx .media-middle {
    vertical-align:middle
}

#whmcsx .media-bottom {
    vertical-align:bottom
}

#whmcsx .media-heading {
    margin-top:0;
    margin-bottom:5px
}

#whmcsx .media-list {
    padding-left:0;
    list-style:none
}

#whmcsx .list-group {
    padding-left:0;
    margin-bottom:20px
}

#whmcsx .list-group-item {
    position:relative;
    display:block;
    padding:10px 15px;
    margin-bottom:-1px;
    background-color:#fff;
    border:1px solid #ddd
}

#whmcsx .list-group-item:first-child {
    border-top-left-radius:4px;
    border-top-right-radius:4px
}

#whmcsx .list-group-item:last-child {
    margin-bottom:0;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px
}

a.list-group-item {
    color:#555
}

a.list-group-item .list-group-item-heading {
    color:#333
}

a.list-group-item:focus,a.list-group-item:hover {
    color:#555;
    text-decoration:none;
    background-color:#f5f5f5
}

#whmcsx .list-group-item.disabled,#whmcsx .list-group-item.disabled:focus,#whmcsx .list-group-item.disabled:hover {
    color:#777;
    cursor:not-allowed;
    background-color:#eee
}

#whmcsx .list-group-item.disabled .list-group-item-heading,#whmcsx .list-group-item.disabled:focus .list-group-item-heading,#whmcsx .list-group-item.disabled:hover .list-group-item-heading {
    color:inherit
}

#whmcsx .list-group-item.disabled .list-group-item-text,#whmcsx .list-group-item.disabled:focus .list-group-item-text,#whmcsx .list-group-item.disabled:hover .list-group-item-text {
    color:#777
}

#whmcsx .list-group-item.active,#whmcsx .list-group-item.active:focus,#whmcsx .list-group-item.active:hover {
    z-index:2;
    color:#fff;
    background-color:#337ab7;
    border-color:#337ab7
}

#whmcsx .list-group-item.active .list-group-item-heading,#whmcsx .list-group-item.active .list-group-item-heading>.small,#whmcsx .list-group-item.active .list-group-item-heading>small,#whmcsx .list-group-item.active:focus .list-group-item-heading,#whmcsx .list-group-item.active:focus .list-group-item-heading>.small,#whmcsx .list-group-item.active:focus .list-group-item-heading>small,#whmcsx .list-group-item.active:hover .list-group-item-heading,#whmcsx .list-group-item.active:hover .list-group-item-heading>.small,#whmcsx .list-group-item.active:hover .list-group-item-heading>small {
    color:inherit
}

#whmcsx .list-group-item.active .list-group-item-text,#whmcsx .list-group-item.active:focus .list-group-item-text,#whmcsx .list-group-item.active:hover .list-group-item-text {
    color:#c7ddef
}

#whmcsx .list-group-item-success {
    color:#3c763d;
    background-color:#dff0d8
}

a.list-group-item-success {
    color:#3c763d
}

a.list-group-item-success .list-group-item-heading {
    color:inherit
}

a.list-group-item-success:focus,a.list-group-item-success:hover {
    color:#3c763d;
    background-color:#d0e9c6
}

a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover {
    color:#fff;
    background-color:#3c763d;
    border-color:#3c763d
}

#whmcsx .list-group-item-info {
    color:#31708f;
    background-color:#d9edf7
}

a.list-group-item-info {
    color:#31708f
}

a.list-group-item-info .list-group-item-heading {
    color:inherit
}

a.list-group-item-info:focus,a.list-group-item-info:hover {
    color:#31708f;
    background-color:#c4e3f3
}

a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover {
    color:#fff;
    background-color:#31708f;
    border-color:#31708f
}

#whmcsx .list-group-item-warning {
    color:#8a6d3b;
    background-color:#fcf8e3
}

a.list-group-item-warning {
    color:#8a6d3b
}

a.list-group-item-warning .list-group-item-heading {
    color:inherit
}

a.list-group-item-warning:focus,a.list-group-item-warning:hover {
    color:#8a6d3b;
    background-color:#faf2cc
}

a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover {
    color:#fff;
    background-color:#8a6d3b;
    border-color:#8a6d3b
}

#whmcsx .list-group-item-danger {
    color:#a94442;
    background-color:#f2dede
}

a.list-group-item-danger {
    color:#a94442
}

a.list-group-item-danger .list-group-item-heading {
    color:inherit
}

a.list-group-item-danger:focus,a.list-group-item-danger:hover {
    color:#a94442;
    background-color:#ebcccc
}

a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover {
    color:#fff;
    background-color:#a94442;
    border-color:#a94442
}

#whmcsx .list-group-item-heading {
    margin-top:0;
    margin-bottom:5px
}

#whmcsx .list-group-item-text {
    margin-bottom:0;
    line-height:1.3
}

#whmcsx .panel {
    margin-bottom:20px;
    background-color:#F2F2F2;
    border:1px solid transparent;
    border-radius:4px;
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.5);
    box-shadow:0 1px 1px rgba(0,0,0,0.5)
}

#whmcsx .panel:hover {
    /* background-color:#DFDFDF */
}

#whmcsx .panel-body {
    padding:15px
}

#whmcsx .panel-heading {
    padding:12px 11px 0 10px;
    border-bottom:1px solid transparent;
    border-top-left-radius:3px;
    border-top-right-radius:3px
}

#whmcsx .panel-heading>.dropdown .dropdown-toggle {
    color:inherit
}

#whmcsx .panel-title {
    margin-top:0;
    margin-bottom:0;
    font-size:16px;
    color:inherit
}

#whmcsx .panel-title>.small,#whmcsx .panel-title>.small>a,#whmcsx .panel-title>a,#whmcsx .panel-title>small,#whmcsx .panel-title>small>a {
    color:inherit
}

#whmcsx .panel-footer {
    padding:10px 15px;
    background-color:#f5f5f5;
    border-top:1px solid #ddd;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px
}

#whmcsx .panel>.list-group,#whmcsx .panel>.panel-collapse>.list-group {
    margin-bottom:0
}

#whmcsx .panel>.list-group .list-group-item,#whmcsx .panel>.panel-collapse>.list-group .list-group-item {
    border-width:1px 0;
    border-radius:0
}

#whmcsx .panel>.list-group:first-child .list-group-item:first-child,#whmcsx .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top:0;
    border-top-left-radius:3px;
    border-top-right-radius:3px
}

#whmcsx .panel>.list-group:last-child .list-group-item:last-child,#whmcsx .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom:0;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px
}

#whmcsx .panel-heading+.list-group .list-group-item:first-child {
    border-top-width:0
}

#whmcsx .list-group+.panel-footer {
    border-top-width:0
}

#whmcsx .panel>.panel-collapse>.table,#whmcsx .panel>.table,#whmcsx .panel>.table-responsive>.table {
    margin-bottom:0
}

#whmcsx .panel>.panel-collapse>.table caption,#whmcsx .panel>.table caption,#whmcsx .panel>.table-responsive>.table caption {
    padding-right:15px;
    padding-left:15px
}

#whmcsx .panel>.table-responsive:first-child>.table:first-child,#whmcsx .panel>.table:first-child {
    border-top-left-radius:3px;
    border-top-right-radius:3px
}

#whmcsx .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,#whmcsx .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,#whmcsx .panel>.table:first-child>tbody:first-child>tr:first-child,#whmcsx .panel>.table:first-child>thead:first-child>tr:first-child {
    border-top-left-radius:3px;
    border-top-right-radius:3px
}

#whmcsx .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,#whmcsx .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,#whmcsx .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,#whmcsx .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,#whmcsx .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,#whmcsx .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,#whmcsx .panel>.table:first-child>thead:first-child>tr:first-child td:first-child,#whmcsx .panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius:3px
}

#whmcsx .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,#whmcsx .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,#whmcsx .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,#whmcsx .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,#whmcsx .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,#whmcsx .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,#whmcsx .panel>.table:first-child>thead:first-child>tr:first-child td:last-child,#whmcsx .panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius:3px
}

#whmcsx .panel>.table-responsive:last-child>.table:last-child,#whmcsx .panel>.table:last-child {
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px
}

#whmcsx .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,#whmcsx .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,#whmcsx .panel>.table:last-child>tbody:last-child>tr:last-child,#whmcsx .panel>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px
}

#whmcsx .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,#whmcsx .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,#whmcsx .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,#whmcsx .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,#whmcsx .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,#whmcsx .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,#whmcsx .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,#whmcsx .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius:3px
}

#whmcsx .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,#whmcsx .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,#whmcsx .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,#whmcsx .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,#whmcsx .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,#whmcsx .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,#whmcsx .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,#whmcsx .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius:3px
}

#whmcsx .panel>.panel-body+.table,#whmcsx .panel>.panel-body+.table-responsive,#whmcsx .panel>.table+.panel-body,#whmcsx .panel>.table-responsive+.panel-body {
    border-top:1px solid #ddd
}

#whmcsx .panel>.table>tbody:first-child>tr:first-child td,#whmcsx .panel>.table>tbody:first-child>tr:first-child th {
    border-top:0
}

#whmcsx .panel>.table-bordered,#whmcsx .panel>.table-responsive>.table-bordered {
    border:0
}

#whmcsx .panel>.table-bordered>tbody>tr>td:first-child,#whmcsx .panel>.table-bordered>tbody>tr>th:first-child,#whmcsx .panel>.table-bordered>tfoot>tr>td:first-child,#whmcsx .panel>.table-bordered>tfoot>tr>th:first-child,#whmcsx .panel>.table-bordered>thead>tr>td:first-child,#whmcsx .panel>.table-bordered>thead>tr>th:first-child,#whmcsx .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,#whmcsx .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,#whmcsx .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,#whmcsx .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,#whmcsx .panel>.table-responsive>.table-bordered>thead>tr>td:first-child,#whmcsx .panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left:0
}

#whmcsx .panel>.table-bordered>tbody>tr>td:last-child,#whmcsx .panel>.table-bordered>tbody>tr>th:last-child,#whmcsx .panel>.table-bordered>tfoot>tr>td:last-child,#whmcsx .panel>.table-bordered>tfoot>tr>th:last-child,#whmcsx .panel>.table-bordered>thead>tr>td:last-child,#whmcsx .panel>.table-bordered>thead>tr>th:last-child,#whmcsx .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,#whmcsx .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,#whmcsx .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,#whmcsx .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,#whmcsx .panel>.table-responsive>.table-bordered>thead>tr>td:last-child,#whmcsx .panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right:0
}

#whmcsx .panel>.table-bordered>tbody>tr:first-child>td,#whmcsx .panel>.table-bordered>tbody>tr:first-child>th,#whmcsx .panel>.table-bordered>thead>tr:first-child>td,#whmcsx .panel>.table-bordered>thead>tr:first-child>th,#whmcsx .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,#whmcsx .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,#whmcsx .panel>.table-responsive>.table-bordered>thead>tr:first-child>td,#whmcsx .panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
    border-bottom:0
}

#whmcsx .panel>.table-bordered>tbody>tr:last-child>td,#whmcsx .panel>.table-bordered>tbody>tr:last-child>th,#whmcsx .panel>.table-bordered>tfoot>tr:last-child>td,#whmcsx .panel>.table-bordered>tfoot>tr:last-child>th,#whmcsx .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,#whmcsx .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,#whmcsx .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,#whmcsx .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom:0
}

#whmcsx .panel>.table-responsive {
    margin-bottom:0;
    border:0
}

#whmcsx .panel-group {
    margin-bottom:20px
}

#whmcsx .panel-group .panel {
    margin-bottom:0;
    border-radius:4px
}

#whmcsx .panel-group .panel+.panel {
    margin-top:5px
}

#whmcsx .panel-group .panel-heading {
    border-bottom:0
}

#whmcsx .panel-group .panel-heading+.panel-collapse>.list-group,#whmcsx .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top:1px solid #ddd
}

#whmcsx .panel-group .panel-footer {
    border-top:0
}

#whmcsx .panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom:1px solid #ddd
}

#whmcsx .panel-default {
    border-color:#ddd
}

#whmcsx .panel-default>.panel-heading {
    color:#333;
    background-color:#f5f5f5;
    border-color:#ddd
}

#whmcsx .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color:#ddd
}

#whmcsx .panel-default>.panel-heading .badge {
    color:#f5f5f5;
    background-color:#333
}

#whmcsx .panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color:#ddd
}

#whmcsx .panel-primary {
    border-color:#337ab7
}

#whmcsx .panel-primary>.panel-heading {
    color:#fff;
    background-color:#337ab7;
    border-color:#337ab7
}

#whmcsx .panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color:#337ab7
}

#whmcsx .panel-primary>.panel-heading .badge {
    color:#337ab7;
    background-color:#fff
}

#whmcsx .panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color:#337ab7
}

#whmcsx .panel-success {
    border-color:#d6e9c6
}

#whmcsx .panel-success>.panel-heading {
    color:#3c763d;
    background-color:#dff0d8;
    border-color:#d6e9c6
}

#whmcsx .panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color:#d6e9c6
}

#whmcsx .panel-success>.panel-heading .badge {
    color:#dff0d8;
    background-color:#3c763d
}

#whmcsx .panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color:#d6e9c6
}

#whmcsx .panel-info {
    border-color:#bce8f1
}

#whmcsx .panel-info>.panel-heading {
    color:#31708f;
    background-color:#d9edf7;
    border-color:#bce8f1
}

#whmcsx .panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color:#bce8f1
}

#whmcsx .panel-info>.panel-heading .badge {
    color:#d9edf7;
    background-color:#31708f
}

#whmcsx .panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color:#bce8f1
}

#whmcsx .panel-warning {
    border-color:#faebcc
}

#whmcsx .panel-warning>.panel-heading {
    color:#8a6d3b;
    background-color:#fcf8e3;
    border-color:#faebcc
}

#whmcsx .panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color:#faebcc
}

#whmcsx .panel-warning>.panel-heading .badge {
    color:#fcf8e3;
    background-color:#8a6d3b
}

#whmcsx .panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color:#faebcc
}

#whmcsx .panel-danger {
    border-color:#ebccd1
}

#whmcsx .panel-danger>.panel-heading {
    color:#a94442;
    background-color:#f2dede;
    border-color:#ebccd1
}

#whmcsx .panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color:#ebccd1
}

#whmcsx .panel-danger>.panel-heading .badge {
    color:#f2dede;
    background-color:#a94442
}

#whmcsx .panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color:#ebccd1
}

#whmcsx .embed-responsive {
    position:relative;
    display:block;
    height:0;
    padding:0;
    overflow:hidden
}

#whmcsx .embed-responsive .embed-responsive-item,#whmcsx .embed-responsive embed,#whmcsx .embed-responsive iframe,#whmcsx .embed-responsive object,#whmcsx .embed-responsive video {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    border:0
}

#whmcsx .embed-responsive.embed-responsive-16by9 {
    padding-bottom:56.25%
}

#whmcsx .embed-responsive.embed-responsive-4by3 {
    padding-bottom:75%
}

#whmcsx .well {
    min-height:20px;
    padding:19px;
    margin-bottom:20px;
    background-color:#f5f5f5;
    border:1px solid #e3e3e3;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,#whmcsx .05);
    box-shadow:inset 0 1px 1px rgba(0,0,0,#whmcsx .05)
}

#whmcsx .well blockquote {
    border-color:#ddd;
    border-color:rgba(0,0,0,#whmcsx .15)
}

#whmcsx .well-lg {
    padding:24px;
    border-radius:6px
}

#whmcsx .well-sm {
    padding:9px;
    border-radius:3px
}

#whmcsx .close {
    float:right;
    font-size:21px;
    font-weight:700;
    line-height:1;
    color:#000;
    text-shadow:0 1px 0 #fff;
    filter:alpha(opacity=20);
    opacity:.2
}

#whmcsx .close:focus,#whmcsx .close:hover {
    color:#000;
    text-decoration:none;
    cursor:pointer;
    filter:alpha(opacity=50);
    opacity:.5
}

button.close {
    -webkit-appearance:none;
    padding:0;
    cursor:pointer;
    background:0 0;
    border:0
}

#whmcsx .modal-open {
    overflow:hidden
}

#whmcsx .modal {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1040;
    display:none;
    overflow:hidden;
    -webkit-overflow-scrolling:touch;
    outline:0
}

#whmcsx .modal.fade .modal-dialog {
    -webkit-transition:-webkit-transform .3s ease-out;
    -o-transition:-o-transform .3s ease-out;
    transition:transform .3s ease-out;
    -webkit-transform:translate(0,-25%);
    -ms-transform:translate(0,-25%);
    -o-transform:translate(0,-25%);
    transform:translate(0,-25%)
}

#whmcsx .modal.in .modal-dialog {
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0)
}

#whmcsx .modal-open .modal {
    overflow-x:hidden;
    overflow-y:auto
}

#whmcsx .modal-dialog {
    position:relative;
    width:auto;
    margin:10px
}

#whmcsx .modal-content {
    position:relative;
    background-color:#fff;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    border:1px solid #999;
    border:1px solid rgba(0,0,0,#whmcsx .2);
    border-radius:6px;
    outline:0;
    -webkit-box-shadow:0 3px 9px rgba(0,0,0,#whmcsx .5);
    box-shadow:0 3px 9px rgba(0,0,0,#whmcsx .5)
}

#whmcsx .modal-backdrop {
    position:absolute;
    top:0;
    right:0;
    left:0;
    background-color:#000
}

#whmcsx .modal-backdrop.fade {
    filter:alpha(opacity=0);
    opacity:0
}

#whmcsx .modal-backdrop.in {
    filter:alpha(opacity=50);
    opacity:.5
}

#whmcsx .modal-header {
    min-height:16.43px;
    padding:15px;
    border-bottom:1px solid #e5e5e5
}

#whmcsx .modal-header .close {
    margin-top:-2px
}

#whmcsx .modal-title {
    margin:0;
    line-height:1.42857143
}

#whmcsx .modal-body {
    position:relative;
    padding:15px
}

#whmcsx .modal-footer {
    padding:15px;
    text-align:right;
    border-top:1px solid #e5e5e5
}

#whmcsx .modal-footer .btn+.btn {
    margin-bottom:0;
    margin-left:5px
}

#whmcsx .modal-footer .btn-group .btn+.btn {
    margin-left:-1px
}

#whmcsx .modal-footer .btn-block+.btn-block {
    margin-left:0
}

#whmcsx .modal-scrollbar-measure {
    position:absolute;
    top:-9999px;
    width:50px;
    height:50px;
    overflow:scroll
}

@media (min-width:768px) {
#whmcsx .modal-dialog {
    width:600px;
    margin:30px auto
}

#whmcsx .modal-content {
    -webkit-box-shadow:0 5px 15px rgba(0,0,0,#whmcsx .5);
    box-shadow:0 5px 15px rgba(0,0,0,#whmcsx .5)
}

#whmcsx .modal-sm {
    width:300px
}
}

@media (min-width:992px) {
#whmcsx .modal-lg {
    width:900px
}
}

#whmcsx .tooltip {
    position:absolute;
    z-index:1070;
    display:block;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:12px;
    font-weight:400;
    line-height:1.4;
    visibility:visible;
    filter:alpha(opacity=0);
    opacity:0
}

#whmcsx .tooltip.in {
    filter:alpha(opacity=90);
    opacity:.9
}

#whmcsx .tooltip.top {
    padding:5px 0;
    margin-top:-3px
}

#whmcsx .tooltip.right {
    padding:0 5px;
    margin-left:3px
}

#whmcsx .tooltip.bottom {
    padding:5px 0;
    margin-top:3px
}

#whmcsx .tooltip.left {
    padding:0 5px;
    margin-left:-3px
}

#whmcsx .tooltip-inner {
    max-width:200px;
    padding:3px 8px;
    color:#fff;
    text-align:center;
    text-decoration:none;
    background-color:#000;
    border-radius:4px
}

#whmcsx .tooltip-arrow {
    position:absolute;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid
}

#whmcsx .tooltip.top .tooltip-arrow {
    bottom:0;
    left:50%;
    margin-left:-5px;
    border-width:5px 5px 0;
    border-top-color:#000
}

#whmcsx .tooltip.top-left .tooltip-arrow {
    right:5px;
    bottom:0;
    margin-bottom:-5px;
    border-width:5px 5px 0;
    border-top-color:#000
}

#whmcsx .tooltip.top-right .tooltip-arrow {
    bottom:0;
    left:5px;
    margin-bottom:-5px;
    border-width:5px 5px 0;
    border-top-color:#000
}

#whmcsx .tooltip.right .tooltip-arrow {
    top:50%;
    left:0;
    margin-top:-5px;
    border-width:5px 5px 5px 0;
    border-right-color:#000
}

#whmcsx .tooltip.left .tooltip-arrow {
    top:50%;
    right:0;
    margin-top:-5px;
    border-width:5px 0 5px 5px;
    border-left-color:#000
}

#whmcsx .tooltip.bottom .tooltip-arrow {
    top:0;
    left:50%;
    margin-left:-5px;
    border-width:0 5px 5px;
    border-bottom-color:#000
}

#whmcsx .tooltip.bottom-left .tooltip-arrow {
    top:0;
    right:5px;
    margin-top:-5px;
    border-width:0 5px 5px;
    border-bottom-color:#000
}

#whmcsx .tooltip.bottom-right .tooltip-arrow {
    top:0;
    left:5px;
    margin-top:-5px;
    border-width:0 5px 5px;
    border-bottom-color:#000
}

#whmcsx .popover {
    position:absolute;
    top:0;
    left:0;
    z-index:1060;
    display:none;
    max-width:276px;
    padding:1px;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:1.42857143;
    text-align:left;
    white-space:normal;
    background-color:#fff;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    border:1px solid #ccc;
    border:1px solid rgba(0,0,0,#whmcsx .2);
    border-radius:6px;
    -webkit-box-shadow:0 5px 10px rgba(0,0,0,#whmcsx .2);
    box-shadow:0 5px 10px rgba(0,0,0,#whmcsx .2)
}

#whmcsx .popover.top {
    margin-top:-10px
}

#whmcsx .popover.right {
    margin-left:10px
}

#whmcsx .popover.bottom {
    margin-top:10px
}

#whmcsx .popover.left {
    margin-left:-10px
}

#whmcsx .popover-title {
    padding:8px 14px;
    margin:0;
    font-size:14px;
    background-color:#f7f7f7;
    border-bottom:1px solid #ebebeb;
    border-radius:5px 5px 0 0
}

#whmcsx .popover-content {
    padding:9px 14px
}

#whmcsx .popover>.arrow,#whmcsx .popover>.arrow:after {
    position:absolute;
    display:block;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid
}

#whmcsx .popover>.arrow {
    border-width:11px
}

#whmcsx .popover>.arrow:after {
    content:"";
    border-width:10px
}

#whmcsx .popover.top>.arrow {
    bottom:-11px;
    left:50%;
    margin-left:-11px;
    border-top-color:#999;
    border-top-color:rgba(0,0,0,#whmcsx .25);
    border-bottom-width:0
}

#whmcsx .popover.top>.arrow:after {
    bottom:1px;
    margin-left:-10px;
    content:" ";
    border-top-color:#fff;
    border-bottom-width:0
}

#whmcsx .popover.right>.arrow {
    top:50%;
    left:-11px;
    margin-top:-11px;
    border-right-color:#999;
    border-right-color:rgba(0,0,0,#whmcsx .25);
    border-left-width:0
}

#whmcsx .popover.right>.arrow:after {
    bottom:-10px;
    left:1px;
    content:" ";
    border-right-color:#fff;
    border-left-width:0
}

#whmcsx .popover.bottom>.arrow {
    top:-11px;
    left:50%;
    margin-left:-11px;
    border-top-width:0;
    border-bottom-color:#999;
    border-bottom-color:rgba(0,0,0,#whmcsx .25)
}

#whmcsx .popover.bottom>.arrow:after {
    top:1px;
    margin-left:-10px;
    content:" ";
    border-top-width:0;
    border-bottom-color:#fff
}

#whmcsx .popover.left>.arrow {
    top:50%;
    right:-11px;
    margin-top:-11px;
    border-right-width:0;
    border-left-color:#999;
    border-left-color:rgba(0,0,0,#whmcsx .25)
}

#whmcsx .popover.left>.arrow:after {
    right:1px;
    bottom:-10px;
    content:" ";
    border-right-width:0;
    border-left-color:#fff
}

#whmcsx .carousel {
    position:relative
}

#whmcsx .carousel-inner {
    position:relative;
    width:100%;
    overflow:hidden
}

#whmcsx .carousel-inner>.item {
    position:relative;
    display:none;
    -webkit-transition:.6s ease-in-out left;
    -o-transition:.6s ease-in-out left;
    transition:.6s ease-in-out left
}

#whmcsx .carousel-inner>.item>a>img,#whmcsx .carousel-inner>.item>img {
    line-height:1
}

@media all and (transform-3d),(-webkit-transform-3d) {
#whmcsx .carousel-inner>.item {
    -webkit-transition:-webkit-transform .6s ease-in-out;
    -o-transition:-o-transform .6s ease-in-out;
    transition:transform .6s ease-in-out;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-perspective:1000;
    perspective:1000px
}

#whmcsx .carousel-inner>.item.active.right,#whmcsx .carousel-inner>.item.next {
    left:0;
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0)
}

#whmcsx .carousel-inner>.item.active.left,#whmcsx .carousel-inner>.item.prev {
    left:0;
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0)
}

#whmcsx .carousel-inner>.item.active,#whmcsx .carousel-inner>.item.next.left,#whmcsx .carousel-inner>.item.prev.right {
    left:0;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
}

#whmcsx .carousel-inner>.active,#whmcsx .carousel-inner>.next,#whmcsx .carousel-inner>.prev {
    display:block
}

#whmcsx .carousel-inner>.active {
    left:0
}

#whmcsx .carousel-inner>.next,#whmcsx .carousel-inner>.prev {
    position:absolute;
    top:0;
    width:100%
}

#whmcsx .carousel-inner>.next {
    left:100%
}

#whmcsx .carousel-inner>.prev {
    left:-100%
}

#whmcsx .carousel-inner>.next.left,#whmcsx .carousel-inner>.prev.right {
    left:0
}

#whmcsx .carousel-inner>.active.left {
    left:-100%
}

#whmcsx .carousel-inner>.active.right {
    left:100%
}

#whmcsx .carousel-control {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:15%;
    font-size:20px;
    color:#fff;
    text-align:center;
    text-shadow:0 1px 2px rgba(0,0,0,#whmcsx .6);
    filter:alpha(opacity=50);
    opacity:.5
}

#whmcsx .carousel-control.left {
    background-image:-webkit-linear-gradient(left,rgba(0,0,0,#whmcsx .5) 0,rgba(0,0,0,#whmcsx .0001) 100%);
    background-image:-o-linear-gradient(left,rgba(0,0,0,#whmcsx .5) 0,rgba(0,0,0,#whmcsx .0001) 100%);
    background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,#whmcsx .5)),to(rgba(0,0,0,#whmcsx .0001)));
    background-image:linear-gradient(to right,rgba(0,0,0,#whmcsx .5) 0,rgba(0,0,0,#whmcsx .0001) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1);
    background-repeat:repeat-x
}

#whmcsx .carousel-control.right {
    right:0;
    left:auto;
    background-image:-webkit-linear-gradient(left,rgba(0,0,0,#whmcsx .0001) 0,rgba(0,0,0,#whmcsx .5) 100%);
    background-image:-o-linear-gradient(left,rgba(0,0,0,#whmcsx .0001) 0,rgba(0,0,0,#whmcsx .5) 100%);
    background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,#whmcsx .0001)),to(rgba(0,0,0,#whmcsx .5)));
    background-image:linear-gradient(to right,rgba(0,0,0,#whmcsx .0001) 0,rgba(0,0,0,#whmcsx .5) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1);
    background-repeat:repeat-x
}

#whmcsx .carousel-control:focus,#whmcsx .carousel-control:hover {
    color:#fff;
    text-decoration:none;
    filter:alpha(opacity=90);
    outline:0;
    opacity:.9
}

#whmcsx .carousel-control .glyphicon-chevron-left,#whmcsx .carousel-control .glyphicon-chevron-right,#whmcsx .carousel-control .icon-next,#whmcsx .carousel-control .icon-prev {
    position:absolute;
    top:50%;
    z-index:5;
    display:inline-block
}

#whmcsx .carousel-control .glyphicon-chevron-left,#whmcsx .carousel-control .icon-prev {
    left:50%;
    margin-left:-10px
}

#whmcsx .carousel-control .glyphicon-chevron-right,#whmcsx .carousel-control .icon-next {
    right:50%;
    margin-right:-10px
}

#whmcsx .carousel-control .icon-next,#whmcsx .carousel-control .icon-prev {
    width:20px;
    height:20px;
    margin-top:-10px;
    font-family:serif;
    line-height:1
}

#whmcsx .carousel-control .icon-prev:before {
    content:'\2039'
}

#whmcsx .carousel-control .icon-next:before {
    content:'\203a'
}

#whmcsx .carousel-indicators {
    position:absolute;
    bottom:10px;
    left:50%;
    z-index:15;
    width:60%;
    padding-left:0;
    margin-left:-30%;
    text-align:center;
    list-style:none
}

#whmcsx .carousel-indicators li {
    display:inline-block;
    width:10px;
    height:10px;
    margin:1px;
    text-indent:-999px;
    cursor:pointer;
    background-color:#000 \9;
    background-color:rgba(0,0,0,0);
    border:1px solid #fff;
    border-radius:10px
}

#whmcsx .carousel-indicators .active {
    width:12px;
    height:12px;
    margin:0;
    background-color:#fff
}

#whmcsx .carousel-caption {
    position:absolute;
    right:15%;
    bottom:20px;
    left:15%;
    z-index:10;
    padding-top:20px;
    padding-bottom:20px;
    color:#fff;
    text-align:center;
    text-shadow:0 1px 2px rgba(0,0,0,#whmcsx .6)
}

#whmcsx .carousel-caption .btn {
    text-shadow:none
}

@media screen and (min-width:768px) {
#whmcsx .carousel-control .glyphicon-chevron-left,#whmcsx .carousel-control .glyphicon-chevron-right,#whmcsx .carousel-control .icon-next,#whmcsx .carousel-control .icon-prev {
    width:30px;
    height:30px;
    margin-top:-15px;
    font-size:30px
}

#whmcsx .carousel-control .glyphicon-chevron-left,#whmcsx .carousel-control .icon-prev {
    margin-left:-15px
}

#whmcsx .carousel-control .glyphicon-chevron-right,#whmcsx .carousel-control .icon-next {
    margin-right:-15px
}

#whmcsx .carousel-caption {
    right:20%;
    left:20%;
    padding-bottom:30px
}

#whmcsx .carousel-indicators {
    bottom:20px
}
}

#whmcsx .btn-group-vertical>.btn-group:after,#whmcsx .btn-group-vertical>.btn-group:before,#whmcsx .btn-toolbar:after,#whmcsx .btn-toolbar:before,#whmcsx .clearfix:after,#whmcsx .clearfix:before,#whmcsx .container-fluid:after,#whmcsx .container-fluid:before,#whmcsx .container:after,#whmcsx .container:before,#whmcsx .dl-horizontal dd:after,#whmcsx .dl-horizontal dd:before,#whmcsx .form-horizontal .form-group:after,#whmcsx .form-horizontal .form-group:before,#whmcsx .modal-footer:after,#whmcsx .modal-footer:before,#whmcsx .nav:after,#whmcsx .nav:before,#whmcsx .navbar-collapse:after,#whmcsx .navbar-collapse:before,#whmcsx .navbar-header:after,#whmcsx .navbar-header:before,#whmcsx .navbar:after,#whmcsx .navbar:before,#whmcsx .pager:after,#whmcsx .pager:before,#whmcsx .panel-body:after,#whmcsx .panel-body:before,#whmcsx .row:after,#whmcsx .row:before {
    display:table;
    content:" "
}

#whmcsx .btn-group-vertical>.btn-group:after,#whmcsx .btn-toolbar:after,#whmcsx .clearfix:after,#whmcsx .container-fluid:after,#whmcsx .container:after,#whmcsx .dl-horizontal dd:after,#whmcsx .form-horizontal .form-group:after,#whmcsx .modal-footer:after,#whmcsx .nav:after,#whmcsx .navbar-collapse:after,#whmcsx .navbar-header:after,#whmcsx .navbar:after,#whmcsx .pager:after,#whmcsx .panel-body:after,#whmcsx .row:after {
    clear:both
}

#whmcsx .center-block {
    display:block;
    margin-right:auto;
    margin-left:auto
}

#whmcsx .pull-right {
    float:right!important;
    font-size:13px
}

#whmcsx .pull-left {
    float:left!important
}

#whmcsx .hide {
    display:none!important
}

#whmcsx .show {
    display:block!important
}

#whmcsx .invisible {
    visibility:hidden
}

#whmcsx .text-hide {
    font:0/0 a;
    color:transparent;
    text-shadow:none;
    background-color:transparent;
    border:0
}

#whmcsx .hidden {
    display:none!important;
    visibility:hidden!important
}

#whmcsx .affix {
    position:fixed
}

@-ms-viewport {
    width:device-width
}

#whmcsx .visible-lg,#whmcsx .visible-md,#whmcsx .visible-sm,#whmcsx .visible-xs {
    display:none!important
}

#whmcsx .visible-lg-block,#whmcsx .visible-lg-inline,#whmcsx .visible-lg-inline-block,#whmcsx .visible-md-block,#whmcsx .visible-md-inline,#whmcsx .visible-md-inline-block,#whmcsx .visible-sm-block,#whmcsx .visible-sm-inline,#whmcsx .visible-sm-inline-block,#whmcsx .visible-xs-block,#whmcsx .visible-xs-inline,#whmcsx .visible-xs-inline-block {
    display:none!important
}

@media (max-width:767px) {
#whmcsx .visible-xs {
    display:block!important
}

table.visible-xs {
    display:table
}

tr.visible-xs {
    display:table-row!important
}

td.visible-xs,th.visible-xs {
    display:table-cell!important
}
}

@media (max-width:767px) {
#whmcsx .visible-xs-block {
    display:block!important
}
}

@media (max-width:767px) {
#whmcsx .visible-xs-inline {
    display:inline!important
}
}

@media (max-width:767px) {
#whmcsx .visible-xs-inline-block {
    display:inline-block!important
}
}

@media (min-width:768px) and (max-width:991px) {
#whmcsx .visible-sm {
    display:block!important
}

table.visible-sm {
    display:table
}

tr.visible-sm {
    display:table-row!important
}

td.visible-sm,th.visible-sm {
    display:table-cell!important
}
}

@media (min-width:768px) and (max-width:991px) {
#whmcsx .visible-sm-block {
    display:block!important
}
}

@media (min-width:768px) and (max-width:991px) {
#whmcsx .visible-sm-inline {
    display:inline!important
}
}

@media (min-width:768px) and (max-width:991px) {
#whmcsx .visible-sm-inline-block {
    display:inline-block!important
}
}

@media (min-width:992px) and (max-width:1199px) {
#whmcsx .visible-md {
    display:block!important
}

table.visible-md {
    display:table
}

tr.visible-md {
    display:table-row!important
}

td.visible-md,th.visible-md {
    display:table-cell!important
}
}

@media (min-width:992px) and (max-width:1199px) {
#whmcsx .visible-md-block {
    display:block!important
}
}

@media (min-width:992px) and (max-width:1199px) {
#whmcsx .visible-md-inline {
    display:inline!important
}
}

@media (min-width:992px) and (max-width:1199px) {
#whmcsx .visible-md-inline-block {
    display:inline-block!important
}
}

@media (min-width:1200px) {
#whmcsx .visible-lg {
    display:block!important
}

table.visible-lg {
    display:table
}

tr.visible-lg {
    display:table-row!important
}

td.visible-lg,th.visible-lg {
    display:table-cell!important
}
}

@media (min-width:1200px) {
#whmcsx .visible-lg-block {
    display:block!important
}
}

@media (min-width:1200px) {
#whmcsx .visible-lg-inline {
    display:inline!important
}
}

@media (min-width:1200px) {
#whmcsx .visible-lg-inline-block {
    display:inline-block!important
}
}

@media (max-width:767px) {
#whmcsx .hidden-xs {
    display:none!important
}
}

@media (min-width:768px) and (max-width:991px) {
#whmcsx .hidden-sm {
    display:none!important
}
}

@media (min-width:992px) and (max-width:1199px) {
#whmcsx .hidden-md {
    display:none!important
}
}

@media (min-width:1200px) {
#whmcsx .hidden-lg {
    display:none!important
}
}

#whmcsx .visible-print {
    display:none!important
}

@media print {
#whmcsx .visible-print {
    display:block!important
}

table.visible-print {
    display:table
}

tr.visible-print {
    display:table-row!important
}

td.visible-print,th.visible-print {
    display:table-cell!important
}
}

#whmcsx .visible-print-block {
    display:none!important
}

@media print {
#whmcsx .visible-print-block {
    display:block!important
}
}

#whmcsx .visible-print-inline {
    display:none!important
}

@media print {
#whmcsx .visible-print-inline {
    display:inline!important
}
}

#whmcsx .visible-print-inline-block {
    display:none!important
}

@media print {
#whmcsx .visible-print-inline-block {
    display:inline-block!important
}
}

@media print {
#whmcsx .hidden-print {
    display:none!important
}
}

.card.safari.identified .front:before,.card.safari.identified .back:before {
    background-image:-webkit-repeating-linear-gradient(45deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-repeating-linear-gradient(315deg,rgba(255,255,255,0.05) 1px,rgba(255,255,255,0) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.03) 4px),-webkit-repeating-linear-gradient(0deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-repeating-linear-gradient(240deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-linear-gradient(-245deg,rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0) 90%);
    background-image:repeating-linear-gradient(45deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),repeating-linear-gradient(135deg,rgba(255,255,255,0.05) 1px,rgba(255,255,255,0) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.03) 4px),repeating-linear-gradient(90deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),repeating-linear-gradient(210deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-linear-gradient(-245deg,rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0) 90%);
    background-image:-webkit-repeating-linear-gradient(45deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-repeating-linear-gradient(315deg,rgba(255,255,255,0.05) 1px,rgba(255,255,255,0) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.03) 4px),-webkit-repeating-linear-gradient(0deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-repeating-linear-gradient(240deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-linear-gradient(115deg,rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0) 90%);
    background-image:repeating-linear-gradient(45deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),repeating-linear-gradient(135deg,rgba(255,255,255,0.05) 1px,rgba(255,255,255,0) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.03) 4px),repeating-linear-gradient(90deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),repeating-linear-gradient(210deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),linear-gradient(-25deg,rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0) 90%)
}

.card.ie-10.flipped,.card.ie-11.flipped {
    -webkit-transform:0;
    -ms-transform:0;
    transform:0
}

.card.ie-10.flipped .front,.card.ie-11.flipped .front {
    -webkit-transform:rotateY(0deg);
    -ms-transform:rotateY(0deg);
    transform:rotateY(0deg)
}

.card.ie-10.flipped .back,.card.ie-11.flipped .back {
    -webkit-transform:rotateY(0deg);
    -ms-transform:rotateY(0deg);
    transform:rotateY(0deg)
}

.card.ie-10.flipped .back:after,.card.ie-11.flipped .back:after {
    left:18%
}

.card.ie-10.flipped .back .cvc,.card.ie-11.flipped .back .cvc {
    -webkit-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    transform:rotateY(180deg);
    left:5%
}

.card.ie-10.flipped .back .shiny,.card.ie-11.flipped .back .shiny {
    left:84%
}

.card.ie-10.flipped .back .shiny:after,.card.ie-11.flipped .back .shiny:after {
    left:-480%;
    -webkit-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    transform:rotateY(180deg)
}

.card.ie-10.amex .back,.card.ie-11.amex .back {
    display:none
}

.card-logo {
    height:36px;
    width:60px;
    font-style:italic
}

.card-logo,.card-logo:before,.card-logo:after {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

.card-logo.amex {
    text-transform:uppercase;
    font-size:4px;
    font-weight:700;
    color:#fff;
    background-image:-webkit-repeating-radial-gradient(center,circle,#FFF 1px,#999 2px);
    background-image:repeating-radial-gradient(circle at center,#FFF 1px,#999 2px);
    background-image:repeating-radial-gradient(circle at center,#FFF 1px,#999 2px);
    border:1px solid #EEE
}

.card-logo.amex:before,.card-logo.amex:after {
    width:28px;
    display:block;
    position:absolute;
    left:16px
}

.card-logo.amex:before {
    height:28px;
    content:"american";
    top:3px;
    text-align:left;
    padding-left:2px;
    padding-top:11px;
    background:#267AC3
}

.card-logo.amex:after {
    content:"express";
    bottom:11px;
    text-align:right;
    padding-right:2px
}

.card.amex.flipped {
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}

.card.amex.identified .front:before,.card.amex.identified .back:before {
    background-color:#108168
}

.card.amex.identified .front .card-logo.amex {
    opacity:1
}

.card.amex.identified .front .cvc {
    visibility:visible
}

.card.amex.identified .front:after {
    opacity:1
}

.card-logo.discover {
    background:#F60;
    color:#111;
    text-transform:uppercase;
    font-style:normal;
    font-weight:700;
    font-size:10px;
    text-align:center;
    overflow:hidden;
    z-index:1;
    padding-top:9px;
    letter-spacing:.03em;
    border:1px solid #EEE
}

.card-logo.discover:before,.card-logo.discover:after {
    content:" ";
    display:block;
    position:absolute
}

.card-logo.discover:before {
    background:#fff;
    width:200px;
    height:200px;
    border-radius:200px;
    bottom:-5%;
    right:-80%;
    z-index:-1
}

.card-logo.discover:after {
    width:8px;
    height:8px;
    border-radius:4px;
    top:10px;
    left:27px;
    background-color:#FFF;
    background-image:-webkit-radial-gradient(#FFF,#F60);
    background-image:radial-gradient(#FFF,#F60);
    content:"network";
    font-size:4px;
    line-height:24px;
    text-indent:-7px
}

.card .front .card-logo.discover {
    right:12%;
    top:18%
}

.card.discover.identified .front:before,.card.discover.identified .back:before {
    background-color:#86B8CF
}

.card.discover.identified .card-logo.discover {
    opacity:1
}

.card.discover.identified .front:after {
    -webkit-transition:400ms;
    transition:400ms;
    content:" ";
    display:block;
    background-color:#F60;
    background-image:-webkit-linear-gradient(#F60,#ffa166,#F60);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#F60),color-stop(#ffa166),to(#F60));
    background-image:linear-gradient(#F60,#ffa166,#F60);
    height:50px;
    width:50px;
    border-radius:25px;
    position:absolute;
    left:100%;
    top:15%;
    margin-left:-25px;
    -webkit-box-shadow:inset 1px 1px 3px 1px rgba(0,0,0,0.5);
    box-shadow:inset 1px 1px 3px 1px rgba(0,0,0,0.5)
}

.card-logo.visa.visa {
    background:#fff;
    text-transform:uppercase;
    color:#1A1876;
    text-align:center;
    font-weight:700;
    font-size:15px
}

.card-logo.visa.visa:before,.card-logo.visa.visa:after {
    content:" ";
    display:block;
    width:100%;
    height:25%
}

.card-logo.visa.visa:before {
    background:#1A1876;
    bottom:100%
}

.card-logo.visa.visa:after {
    background:#E79800;
    top:100%
}

.card.visa.identified .front:before,.card.visa.identified .back:before {
    background-color:#191278
}

.card.visa.identified .card-logo.visa {
    opacity:1
}

.card-logo.mastercard {
    color:#fff;
    font-weight:700;
    text-align:center;
    font-size:9px;
    line-height:36px;
    z-index:1;
    text-shadow:1px 1px rgba(0,0,0,0.6)
}

.card-logo.mastercard:before,.card-logo.mastercard:after {
    content:" ";
    display:block;
    width:36px;
    top:0;
    position:absolute;
    height:36px;
    border-radius:18px
}

.card-logo.mastercard:before {
    left:0;
    background:red;
    z-index:-1
}

.card-logo.mastercard:after {
    right:0;
    background:#FFAB00;
    z-index:-2
}

.card.mastercard.identified .front .card-logo.mastercard,.card.mastercard.identified .back .card-logo.mastercard {
    -webkit-box-shadow:none;
    box-shadow:none
}

.card.mastercard.identified .front:before,.card.mastercard.identified .back:before {
    background-color:#0061A8
}

.card.mastercard.identified .card-logo.mastercard {
    opacity:1
}

.card-container {
    -webkit-perspective:1000px;
    perspective:1000px;
    width:350px;
    max-width:100%;
    height:200px;
    margin:auto;
    z-index:1;
    position:relative
}

.card {
    font-family:"Helvetica Neue";
    line-height:1;
    position:relative;
    width:100%;
    height:100%;
    min-width:315px;
    border-radius:10px;
    -webkit-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -webkit-transition:all 400ms linear;
    transition:all 400ms linear
}

.card > *,.card > :before,.card > :after {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    font-family:inherit
}

.card.flipped {
    -webkit-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    transform:rotateY(180deg)
}

.card .front,.card .back {
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -webkit-transition:all 400ms linear;
    transition:all 400ms linear;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
    border-radius:10px;
    background:#DDD
}

.card .front:before,.card .back:before {
    content:" ";
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    opacity:0;
    border-radius:10px;
    -webkit-transition:all 400ms ease;
    transition:all 400ms ease
}

.card .front:after,.card .back:after {
    content:" ";
    display:block
}

.card .front .display,.card .back .display {
    color:#fff;
    font-weight:400;
    opacity:.5;
    -webkit-transition:opacity 400ms linear;
    transition:opacity 400ms linear
}

.card .front .display.focused,.card .back .display.focused {
    opacity:1;
    font-weight:700
}

.card .front .cvc,.card .back .cvc {
    font-family:"Bitstream Vera Sans Mono",Consolas,Courier,monospace;
    font-size:14px
}

.card .front .shiny,.card .back .shiny {
    width:50px;
    height:35px;
    border-radius:5px;
    background:#CCC;
    position:relative
}

.card .front .shiny:before,.card .back .shiny:before {
    content:" ";
    display:block;
    width:70%;
    height:60%;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    background:#d9d9d9;
    position:absolute;
    top:20%
}

.card .front .card-logo {
    position:absolute;
    opacity:0;
    right:5%;
    top:8%;
    -webkit-transition:400ms;
    transition:400ms
}

.card .front .lower {
    width:80%;
    position:absolute;
    left:10%;
    bottom:30px
}

@media only screen and (max-width: 480px) {
#whmcsx .card .front .lower {
    width:90%;
    left:5%
}
}

.card .front .lower .cvc {
    visibility:hidden;
    float:right;
    position:relative;
    bottom:5px
}

.card .front .lower .number {
    font-family:"Bitstream Vera Sans Mono",Consolas,Courier,monospace;
    font-size:24px;
    clear:both;
    margin-bottom:30px
}

.card .front .lower .expiry {
    font-family:"Bitstream Vera Sans Mono",Consolas,Courier,monospace;
    letter-spacing:0;
    position:relative;
    float:right;
    width:25%
}

.card .front .lower .expiry:before,.card .front .lower .expiry:after {
    font-family:"Helvetica Neue";
    font-weight:700;
    font-size:7px;
    white-space:pre;
    display:block;
    opacity:.5
}

.card .front .lower .expiry:before {
    content:attr(data-before);
    margin-bottom:2px;
    font-size:7px;
    text-transform:uppercase
}

.card .front .lower .expiry:after {
    position:absolute;
    content:attr(data-after);
    text-align:right;
    right:100%;
    margin-right:5px;
    margin-top:2px;
    bottom:0
}

.card .front .lower .name {
    text-transform:uppercase;
    font-family:"Bitstream Vera Sans Mono",Consolas,Courier,monospace;
    font-size:20px;
    max-height:45px;
    position:absolute;
    bottom:0;
    width:190px;
    -webkit-line-clamp:2;
    -webkit-box-orient:horizontal;
    overflow:hidden;
    text-overflow:ellipsis
}

.card .back {
    -webkit-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    transform:rotateY(180deg)
}

.card .back .bar {
    background-color:#444;
    background-image:-webkit-linear-gradient(#444,#333);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#444),to(#333));
    background-image:linear-gradient(#444,#333);
    width:100%;
    height:20%;
    position:absolute;
    top:10%
}

.card .back:after {
    content:" ";
    display:block;
    background-color:#FFF;
    background-image:-webkit-linear-gradient(#FFF,#FFF);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#FFF),to(#FFF));
    background-image:linear-gradient(#FFF,#FFF);
    width:80%;
    height:16%;
    position:absolute;
    top:40%;
    left:2%
}

.card .back .cvc {
    position:absolute;
    top:40%;
    left:85%;
    -webkit-transition-delay:600ms;
    transition-delay:600ms
}

.card .back .shiny {
    position:absolute;
    top:66%;
    left:2%
}

.card .back .shiny:after {
    content:"WHMCSX.com";
    position:absolute;
    left:120%;
    top:5%;
    color:#fff;
    font-size:7px;
    width:230px;
    opacity:.5
}

.card.identified {
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.3);
    box-shadow:0 0 20px rgba(0,0,0,0.3)
}

.card.identified .front,.card.identified .back {
    background-color:#000;
    background-color:rgba(0,0,0,0.5)
}

.card.identified .front:before,.card.identified .back:before {
    -webkit-transition:all 400ms ease;
    transition:all 400ms ease;
    background-image:-webkit-repeating-linear-gradient(45deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-repeating-linear-gradient(315deg,rgba(255,255,255,0.05) 1px,rgba(255,255,255,0) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.03) 4px),-webkit-repeating-linear-gradient(0deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-repeating-linear-gradient(240deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-repeating-radial-gradient(30% 30%,circle,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-repeating-radial-gradient(70% 70%,circle,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-repeating-radial-gradient(90% 20%,circle,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-repeating-radial-gradient(15% 80%,circle,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-linear-gradient(-245deg,rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0) 90%);
    background-image:repeating-linear-gradient(45deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),repeating-linear-gradient(135deg,rgba(255,255,255,0.05) 1px,rgba(255,255,255,0) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.03) 4px),repeating-linear-gradient(90deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),repeating-linear-gradient(210deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),repeating-radial-gradient(circle at 30% 30%,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),repeating-radial-gradient(circle at 70% 70%,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),repeating-radial-gradient(circle at 90% 20%,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),repeating-radial-gradient(circle at 15% 80%,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-linear-gradient(-245deg,rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0) 90%);
    background-image:-webkit-repeating-linear-gradient(45deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-repeating-linear-gradient(315deg,rgba(255,255,255,0.05) 1px,rgba(255,255,255,0) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.03) 4px),-webkit-repeating-linear-gradient(0deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-repeating-linear-gradient(240deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-repeating-radial-gradient(30% 30%,circle,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-repeating-radial-gradient(70% 70%,circle,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-repeating-radial-gradient(90% 20%,circle,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-repeating-radial-gradient(15% 80%,circle,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-linear-gradient(115deg,rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0) 90%);
    background-image:repeating-linear-gradient(45deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),repeating-linear-gradient(135deg,rgba(255,255,255,0.05) 1px,rgba(255,255,255,0) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.03) 4px),repeating-linear-gradient(90deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),repeating-linear-gradient(210deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),repeating-radial-gradient(circle at 30% 30%,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),repeating-radial-gradient(circle at 70% 70%,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),repeating-radial-gradient(circle at 90% 20%,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),repeating-radial-gradient(circle at 15% 80%,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),linear-gradient(-25deg,rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0) 90%);
    opacity:1
}

.card.identified .front .card-logo,.card.identified .back .card-logo {
    -webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.3);
    box-shadow:0 0 0 2px rgba(255,255,255,0.3);
    font-family:monospace
}

.card.identified.no-radial-gradient .front:before,.card.identified.no-radial-gradient .back:before {
    background-image:-webkit-repeating-linear-gradient(45deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-repeating-linear-gradient(315deg,rgba(255,255,255,0.05) 1px,rgba(255,255,255,0) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.03) 4px),-webkit-repeating-linear-gradient(0deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-repeating-linear-gradient(240deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-linear-gradient(-245deg,rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0) 90%);
    background-image:repeating-linear-gradient(45deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),repeating-linear-gradient(135deg,rgba(255,255,255,0.05) 1px,rgba(255,255,255,0) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.03) 4px),repeating-linear-gradient(90deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),repeating-linear-gradient(210deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-linear-gradient(-245deg,rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0) 90%);
    background-image:-webkit-repeating-linear-gradient(45deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-repeating-linear-gradient(315deg,rgba(255,255,255,0.05) 1px,rgba(255,255,255,0) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.03) 4px),-webkit-repeating-linear-gradient(0deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-repeating-linear-gradient(240deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),-webkit-linear-gradient(115deg,rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0) 90%);
    background-image:repeating-linear-gradient(45deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),repeating-linear-gradient(135deg,rgba(255,255,255,0.05) 1px,rgba(255,255,255,0) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.03) 4px),repeating-linear-gradient(90deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),repeating-linear-gradient(210deg,rgba(255,255,255,0) 1px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.04) 3px,rgba(255,255,255,0.05) 4px),linear-gradient(-25deg,rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0) 90%)
}

.nopadding {
    margin-right:0!important;
    margin-left:0!important
}

.domsel {
    padding:7px 0 5px 16px!important;
    font-size:15px!important
}

.domsel:hover {
    text-decoration:none!important
}

#whmcsx .h1 {
    font-size:34px
}

#whmcsx .h2 {
    font-size:28px
}

#whmcsx .h3 {
    font-size:22px
}

#whmcsx .h4 {
    font-size:16px
}

#whmcsx .h5 {
    font-size:12px
}

#whmcsx .h6 {
    font-size:10px
}

#whmcsx .h1,#whmcsx .h2,#whmcsx .h3,#whmcsx .h4,#whmcsx .h5,#whmcsx .h6 {
    font-weight:600
}

::selection {
    background-color:rgba(46,165,204,0.41)
}

::-moz-selection {
    background-color:rgba(46,165,204,0.41)
}

.pointer {
    cursor:pointer
}

/* CONTAINER */
/*======================================*/
#whmcsx #container {
    min-height:100vh;
    height:auto;
    position:relative;
    min-width:290px;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    -webkit-transition:opacity .5s linear 1s;
    transition:opacity .5s linear 1s
}

#whmcsx .nifty-ready #container {
    opacity:1;
    visibility:visible;
    -webkit-transition:opacity .5s linear 1.5s;
    transition:opacity .5s linear 1.5s
}

#whmcsx #container.boxed-layout {
    background-color:#cfd3d6
}

/* CONTENT */
/*======================================*/
#whmcsx #content-container {
    position:relative;
    padding-top:100px;
    padding-bottom:100px;
    background-color:#e7ebee
}

/* PAGE HEADER */
/*======================================*/
#whmcsx #page-title {
    padding:10px 20px;
    width:100%
}

#whmcsx .page-header {
    border:0 none;
    color:#7c7c7c;
    font-size:2.2em;
    font-weight:100;
    margin:0;
    padding:10px 0
}

#whmcsx .page-header .label {
    margin-right:.5em
}

/* PAGE CONTENT */
/*======================================*/
#whmcsx #page-content {
    padding:5px 20px 0
}

@media (min-width: 768px) {
#whmcsx #page-content {
    padding:10px 20px 0
}
}

@media (min-width: 992px) {
#whmcsx #page-content {
    padding:20px 25px 0
}
}

/* SEARCHBOX */
/*======================================*/
#whmcsx .searchbox {
    margin-right:-20px
}

#whmcsx .searchbox button {
    border:0;
    background:none;
    padding:2px 5px;
    margin-top:2px;
    position:relative;
    left:-28px;
    font-size:14px;
    z-index:2
}

#whmcsx .searchbox .custom-search-form {
    margin-right:-5px
}

#whmcsx .searchbox .custom-search-form input {
    border-color:transparent;
    padding-right:30px
}

#whmcsx .searchbox > .input-group.custom-search-form input {
    border-radius:0
}

#whmcsx .searchbox > .input-group input:focus {
    border-color:#54abd9
}

/* PAGE CONTENT - RESPONSIVE LAYOUT */
/*======================================*/
@media (min-width: 768px) {
#whmcsx #content-container {
    padding-top:50px
}

#whmcsx #page-title {
    display:table;
    table-layout:fixed;
    height:51px;
    padding:0 0 0 15px
}

#whmcsx .page-header,#whmcsx .searchbox {
    display:table-cell;
    vertical-align:middle
}

#whmcsx .searchbox {
    width:300px
}

#whmcsx .searchbox .form-control {
    background-color:transparent;
    -webkit-transition:background-color 0.5s,border-color .5s;
    transition:background-color 0.5s,border-color .5s
}

#whmcsx .searchbox .form-control:focus {
    background-color:#fff;
    -webkit-transition:background-color 0.5s,border-color .5s;
    transition:background-color 0.5s,border-color .5s
}
}

@media (min-width: 992px) {
#whmcsx .searchbox {
    margin-right:-25px
}

#whmcsx .searchbox .custom-search-form {
    margin-right:0
}

#whmcsx #page-title {
    padding:10px 0 0 25px
}
}

/* CLEAN ZONE (LOGIN,  REGISTER,  AND ERROR PAGES CONTAINER) */
/*======================================*/
#whmcsx .cls-container {
    background-color:#212124;
    color:#fff;
    text-align:center
}

#whmcsx .cls-container a,#whmcsx .cls-container a:hover,#whmcsx .cls-container a:focus {
    color:#fff
}

#whmcsx .cls-container .text-light a,#whmcsx .cls-container .text-light a:hover,#whmcsx .cls-container .text-light a:focus {
    color:#fff
}

/* Image background */
#whmcsx .bg-img {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    opacity:.55;
    background-position:center center;
    background-repeat:no-repeat;
    background-attachment:fixed;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}

/* Header */
#whmcsx .cls-header {
    position:relative;
    background-color:rgba(0,0,0,0.1)
}

#whmcsx .cls-header:after {
    content:"";
    display:block;
    border-top:10px solid rgba(0,0,0,0.1);
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    width:0;
    height:0;
    position:absolute;
    left:50%;
    margin-bottom:-10px;
    margin-left:-10px;
    bottom:0
}

#whmcsx .cls-header.cls-header-lg .cls-brand .brand-icon {
    width:60px;
    height:60px
}

#whmcsx #container.cls-container .cls-header .cls-header.cls-header-lg .cls-brand .brand-title {
    font-size:27px
}

/* Brand */
#whmcsx .cls-brand {
    display:inline-block;
    padding:20px 0
}

#whmcsx .cls-brand .brand-icon {
    padding:0
}

#whmcsx .cls-brand a:hover .brand-icon,#whmcsx .cls-brand a:hover .brand-title {
    opacity:1;
    color:#fff;
    transition:all .5s
}

#whmcsx .cls-brand a .brand-icon,#whmcsx .cls-brand a .brand-title {
    opacity:.7;
    transition:all .5s
}

#whmcsx .cls-header-lg .cls-brand {
    line-height:60px
}

#whmcsx .cls-header-sm .cls-brand {
    line-height:1.42857
}

#whmcsx #container.cls-container .cls-brand .brand-icon,#whmcsx #container.cls-container .cls-brand .brand-title {
    background-color:transparent;
    color:inherit;
    float:none;
    display:inline-block;
    line-height:22px;
    font-size:20px;
    font-weight:600;
    padding:5px;
    vertical-align:middle;
    width:auto
}

/* Content */
#whmcsx .cls-content {
    padding:50px 15px 15px;
    padding-top:10vh;
    position:relative
}

#whmcsx .cls-content .error-code {
    font-size:100px;
    font-weight:300
}

#whmcsx .cls-content .error-search {
    max-width:512px;
    margin:0 auto
}

#whmcsx .cls-content .cls-content-sm,#whmcsx .cls-content .cls-content-lg {
    color:#515151;
    width:70%;
    min-width:270px;
    margin:0 auto;
    position:relative
}

@media (min-width: 768px) {
#whmcsx .cls-content .cls-content-sm {
    width:350px
}

#whmcsx .cls-content .cls-content-lg {
    width:700px
}
}

/* Scrollbar */
/*======================================*/
#whmcsx .nano {
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden
}

#whmcsx .nano > .nano-content {
    position:absolute;
    overflow:scroll;
    overflow-x:hidden;
    top:0;
    right:0;
    bottom:0;
    left:0
}

#whmcsx .nano > .nano-content::-webkit-scrollbar {
    display:none
}

#whmcsx .nano > .nano-content:focus {
    outline:0!important
}

#whmcsx .nano > .nano-pane {
    background-color:rgba(0,0,0,0.1);
    position:absolute;
    width:5px;
    right:0;
    top:0;
    bottom:0;
    opacity:0;
    -webkit-transition:all .7s;
    transition:all .7s
}

#whmcsx .nano > .nano-pane > .nano-slider {
    background-color:rgba(0,116,255,0.5);
    position:relative;
    margin:0;
    border-radius:0
}

#whmcsx .nano-hide.nano > .nano-pane {
    display:none!important
}

#whmcsx .has-scrollbar > .nano-content::-webkit-scrollbar {
    display:block
}

#whmcsx .nano:hover > .nano-pane,#whmcsx .nano-pane.active,#whmcsx .nano-pane.flashed {
    opacity:.99
}

#whmcsx .pace .pace-progress,#whmcsx .nano > .nano-pane > .nano-slider {
    background-color:#54abd9
}

#whmcsx .pace .pace-progress-inner {
    box-shadow:0 0 10px #54abd9,0 0 5px #54abd9
}

#whmcsx .pace .pace-activity {
    background-color:#54abd9
}

/* NAVBAR
/*====================================*/
#whmcsx #navbar {
    position:absolute;
    width:100%;
    z-index:10;
    background-color:#e7ebee;
    left:0;
    top:0
}

#whmcsx #navbar-container {
    box-shadow:0 2px 0 -1px rgba(0,0,0,0.05)
}

#whmcsx .navbar-header {
    left:0;
    position:relative;
    float:/*background-color: #32404e;*/
none
}

#whmcsx .navbar-content {
    position:relative;
    left:0;
    background-color:#fff;
    padding:0 8px;
    box-shadow:inset -4px 0 0 0 #54abd9
}

@media (min-width: 992px) {
#whmcsx .navbar-content {
    padding:0 13px
}
}

/* BRAND LOGO & TEXT
/*====================================*/
#whmcsx .navbar-brand {
    background-color:transparent;
    color:#fff;
/*padding: 0;*/
    height:50px;
    position:relative;
    z-index:2;
    overflow:/*width: 220px;*/
hidden
}

#whmcsx .navbar-brand:hover,#whmcsx .navbar-brand:focus {
    color:#fff
}

#whmcsx .brand-title,#whmcsx .brand-icon {
    display:block;
    line-height:50px
}

#whmcsx .brand-icon {
    width:50px;
    height:50px;
    float:left
}

#whmcsx .brand-text {
    display:block;
    font-size:18px;
    font-weight:600
}

/* NAVBAR ICON & BUTTON */
/*======================================*/
#whmcsx .navbar-top-links > li {
    float:left
}

#whmcsx .navbar-top-links > li > a {
    display:table-cell;
    padding:0 12px;
    vertical-align:middle;
    height:50px;
    color:#515151;
    -webkit-transition:all .4s;
    transition:all .4s
}

#whmcsx .navbar-top-links > li > a:focus {
    background-color:transparent
}

#whmcsx .navbar-top-links > li > a:hover {
    background-color:#f2f2f2;
    color:#2b2b2b;
    -webkit-transition:all .4s;
    transition:all .4s
}

#whmcsx .navbar-top-links > .open > a,#whmcsx .navbar-top-links > .open > a:focus {
    background-color:#f2f2f2;
    color:#515151
}

#whmcsx .navbar-top-links > .dropdown > .dropdown-menu,#whmcsx .navbar-top-links > .mega-dropdown > .dropdown-menu,#whmcsx .navbar-top-links > .dropdown > .dropdown-menu.head-list,#whmcsx .navbar-top-links > .mega-dropdown > .dropdown-menu.head-list {
    margin-top:10px
}

#whmcsx .navbar-top-links .dropdown-menu .panel-body {
    padding:0
}

#whmcsx .navbar-top-links .dropdown-menu .nano:not(.scrollable) {
    max-height:180px
}

#whmcsx .navbar-top-links .dropdown-menu .nano:not(.scrollable) .nano-content {
    position:static
}

#whmcsx .navbar-top-links .tgl-menu-btn {
    position:absolute;
    top:-100%;
    right:0
}

#whmcsx .navbar-top-links .tgl-menu-btn > a,#whmcsx .navbar-top-links .tgl-menu-btn > a:hover,#whmcsx .navbar-top-links .tgl-menu-btn > a:focus {
    color:#fff
}

#whmcsx .navbar-top-links .tgl-menu-btn > a:hover,#whmcsx .navbar-top-links .tgl-menu-btn a:focus {
    background-color:transparent
}

#whmcsx .navbar-top-links .head-list {
    list-style:none;
    padding:0;
    margin:0
}

#whmcsx .navbar-top-links .head-list li a {
    display:block;
    padding:10px 15px;
    color:rgba(0,0,0,0.6);
    background:transparent
}

#whmcsx .navbar-top-links .head-list li a:hover {
    color:#000;
    background:rgba(0,0,0,0.065)
}

#whmcsx .badge-header {
    position:absolute;
    font-size:.85em;
    font-weight:400;
    top:50%;
    margin-top:-1.5em;
    min-width:1.85em;
    padding:3px 5px;
    right:3px
}

#whmcsx .navbar-top-links .dropdown-menu .nano {
    max-height:265px
}

/* DROPDOWN USER */
/*======================================*/
#whmcsx .img-user {
    width:32px;
    height:32px;
    box-shadow:0 0 0 2px rgba(0,0,0,0.1)
}

#whmcsx .username {
    float:right;
    white-space:nowrap;
    line-height:50px;
    margin:0 10px
}

/* NAVBAR RESPONSIVE */
/*======================================*/
@media (min-width: 768px) {
#whmcsx #dropdown-user > .dropdown-toggle img {
    -webkit-transform:translateY(9px);
    -ms-transform:translateY(9px);
    transform:translateY(9px)
}

#whmcsx #navbar {
    background-color:transparent
}

#whmcsx .navbar-header {
    float:left;
    background-color:transparent
}

#whmcsx .navbar-header:before {
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:/*background-color: #32404e;*/
50px
}

#whmcsx #container.mainnav-out .navbar-header:before {
    width:0
}

#whmcsx #container.mainnav-in .navbar-header:before {
    width:100%
}

#whmcsx #navbar-container {
    background-color:#fff
}

#whmcsx .navbar-content {
    margin-left:220px;
    background-color:transparent
}

#whmcsx #navbar .brand-title {
    padding:0 1.5em 0 50px
}

#whmcsx #container.mainnav-in .navbar-brand,#whmcsx #container.mainnav-lg .navbar-brand,#whmcsx #container.mainnav-in .brand-title,#whmcsx #container.mainnav-lg .brand-title {
    width:220px
}

#whmcsx #container.mainnav-in .brand-icon,#whmcsx #container.mainnav-sm .brand-icon,#whmcsx #container.mainnav-lg .brand-icon {
    background-color:transparent
}

#whmcsx #container.mainnav-in .brand-title,#whmcsx #container.mainnav-sm .brand-title,#whmcsx #container.mainnav-lg .brand-title {
    color:#fff
}

#whmcsx #container.effect .brand-title,#whmcsx #container.effect.mainnav-in .brand-title,#whmcsx #container.effect.mainnav-sm .brand-title,#whmcsx #container.effect.mainnav-lg .brand-title {
    -webkit-transition:color .35s;
    transition:color .35s
}

#whmcsx .navbar-middle {
    position:static
}

#whmcsx .navbar-top-links .tgl-menu-btn {
    position:static
}

#whmcsx .navbar-top-links .tgl-menu-btn > a,#whmcsx .navbar-top-links .tgl-menu-btn > a:hover {
    color:#515151
}

#whmcsx .navbar-top-links .tgl-menu-btn > a:focus {
    background-color:transparent;
    color:#515151
}
}

/* NAVBAR : FIXED */
/*======================================*/
#whmcsx #container.navbar-fixed > #navbar {
    position:fixed
}

#whmcsx #container.navbar-fixed > #navbar .shadow {
    box-shadow:0 1px 3px 0 rgba(0,0,0,0.1)
}

#whmcsx #container.navbar-fixed .navbar-top-links .dropdown-menu .nano > .nano-content {
    position:absolute
}

#whmcsx #container.navbar-fixed .navbar-top-links .dropdown-menu .nano {
    max-height:110px
}

/* NAVIGATION */
/*======================================*/
#whmcsx #mainnav-container {
    position:absolute;
    width:220px;
    left:-220px;
    padding-top:50px;
    top:0;
    bottom:0;
    z-index:4;
    min-height:100%
}

#whmcsx #mainnav {
    height:100%;
    background-color:#32404e
}

#whmcsx #mainnav > :not(.popover) .nano-pane {
    display:none!important
}

#whmcsx #mainnav .list-header {
    color:#848c95;
    font-size:.9em
}

#whmcsx #mainnav .list-divider {
    border-color:rgba(0,0,0,0.1);
    margin:5px 0
}

#whmcsx #mainnav-menu-wrap {
    height:100%
}

#whmcsx #mainnav-shortcut {
    overflow:hidden
}

/* NAVIGATION MENU */
/*======================================*/
#whmcsx #mainnav-menu-wrap {
    margin-top:-50px;
    padding-top:50px
}

#whmcsx #mainnav-menu ul,#whmcsx .mainnav-widget ul,#whmcsx .menu-popover ul,#whmcsx .menu-popover .sub-menu ul {
    list-style:none;
    padding-left:0
}

#whmcsx #mainnav li .arrow {
    float:right;
    line-height:1.42857
}

#whmcsx #mainnav li .arrow:before {
    content:'';
    border-style:solid;
    border-width:.1em .1em 0 0;
    display:inline-block;
    height:.4em;
    left:0;
    position:relative;
    top:0;
    width:.4em;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}

#whmcsx #mainnav li.active > a > .arrow:before {
    -webkit-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    transform:rotate(135deg)
}

#whmcsx #mainnav li .arrow:before {
    -webkit-transition:all .3s;
    transition:all .3s
}

#whmcsx #mainnav-menu a {
    display:block;
    font-weight:300;
    color:#adb3b8;
    padding:12px 20px
}

#whmcsx #mainnav-menu a strong {
    font-weight:600
}

#whmcsx #mainnav-menu > li {
    -webkit-transition:background-color .5s linear .5s;
    transition:background-color .5s linear .5s
}

#whmcsx #mainnav-menu > li > a:hover,#whmcsx #mainnav-menu > li > a:active {
    color:#fff
}

#whmcsx #mainnav-menu > li > a.hover {
    color:#fff;
    background-color:#384857;
    box-shadow:inset 4px 0 0 0 #2986b8
}

#whmcsx #mainnav-menu > .active-link > a,#whmcsx #mainnav-menu > .active-link > a:hover {
    color:#fff;
    padding-left:20px;
    font-weight:600;
    box-shadow:inset 4px 0 0 0 #2986b8
}

#whmcsx #mainnav-menu > .active-sub > a,#whmcsx #mainnav-menu > .active-sub > a:hover {
    color:#fff
}

#whmcsx #mainnav-menu > .active {
    -webkit-transition:background-color .5s;
    transition:background-color .5s;
    background-color:#2c3845
}

#whmcsx #mainnav-menu > .active .active {
    background-color:#28333e
}

#whmcsx #mainnav-menu ul a,#whmcsx .menu-popover .sub-menu ul a {
    padding:10px 20px 12px 53px
}

#whmcsx #mainnav-menu ul a:hover,#whmcsx .menu-popover .sub-menu ul a:hover {
    color:#fff;
    padding-left:55px
}

#whmcsx #mainnav-menu ul .list-header {
    padding:10px 20px 12px 55px
}

#whmcsx #mainnav-menu ul ul a {
    padding:10px 20px 12px 65px
}

#whmcsx #mainnav-menu ul ul a:hover,#whmcsx .menu-popover .sub-menu ul ul a:hover {
    color:#fff;
    padding-left:68px
}

#whmcsx #mainnav-menu ul .active-link a,#whmcsx .menu-popover .sub-menu ul .active-link a {
    font-weight:600;
    color:#fff;
    box-shadow:inset 4px 0 0 0 #2986b8;
    -webkit-transition:background-color 0.2s,padding-left 0.3s,box-shadow .4s;
    transition:background-color 0.2s,padding-left 0.3s,box-shadow .4s
}

#whmcsx #mainnav-menu i {
    padding:0 10px 0 0
}

#whmcsx #mainnav-menu .hide-lg {
    display:none
}

#whmcsx #container.mainnav-sm #mainnav-menu > .active-link > a,#whmcsx #container.mainnav-sm #mainnav-menu > .active-sub > a,#whmcsx #container.mainnav-sm #mainnav-menu > .active-link a:hover,#whmcsx #container.mainnav-sm #mainnav-menu > .active-sub a:hover {
    background-color:#2986b8;
    box-shadow:none
}

/* NAVIGATION - SHORTCUT BUTTONS */
/*======================================*/
#whmcsx #mainnav-shortcut {
    max-height:50px;
    overflow:hidden
}

#whmcsx #mainnav-shortcut ul {
    width:100%;
    margin:0;
    padding:0
}

#whmcsx #mainnav-shortcut li {
    padding:0;
    vertical-align:middle;
    text-align:center
}

#whmcsx #mainnav-shortcut .shortcut-grid {
    display:table;
    border:0;
    width:100%;
    height:50px;
    color:#fff
}

#whmcsx #mainnav-shortcut .shortcut-grid > i {
    display:table-cell;
    vertical-align:middle;
    font-size:15px
}

#whmcsx #mainnav-shortcut .shortcut-grid > span {
    display:table-cell;
    vertical-align:middle
}

#whmcsx #container.mainnav-sm #mainnav-shortcut {
    max-height:250px
}

#whmcsx #container.mainnav-sm #mainnav-shortcut > ul > li {
    width:100%;
    text-align:left
}

#whmcsx #container.mainnav-sm #mainnav-shortcut > ul > li a {
    height:auto;
    display:block;
    padding:12px 19px
}

#whmcsx #container.mainnav-sm #mainnav-shortcut > ul > li i {
    font-size:12px;
    line-height:1.42857
}

#whmcsx #container.mainnav-sm #mainnav-shortcut .shortcut-grid > .hide-sm {
    display:none
}

/* NAVIGATION - WIDGET */
/*======================================*/
#whmcsx .mainnav-widget {
    background-color:rgba(0,0,0,0.05);
    color:#adb3b8
}

#whmcsx .mainnav-widget-content {
    padding:10px 15px
}

#whmcsx .mainnav-widget .show-small a {
    display:none
}

/* NAVIGATION - FIXED POSITION */
/*======================================*/
#whmcsx #container.mainnav-fixed #mainnav-container {
    position:fixed
}

#whmcsx #container.mainnav-fixed #mainnav {
    height:100%
}

#whmcsx #container.mainnav-fixed #mainnav .nano-content {
    position:absolute
}

@media (min-width: 768px) {
#whmcsx #container.mainnav-fixed.mainnav-lg #mainnav-menu-wrap {
    height:100%
}

#whmcsx #container.mainnav-fixed.mainnav-sm #mainnav-menu-wrap {
    height:100%;
    padding-bottom:100px
}

#whmcsx #container.mainnav-sm #mainnav .menu-popover .nano > .nano-content {
    top:auto;
    max-height:100%;
    position:absolute
}

#whmcsx #container.mainnav-sm #mainnav .menu-popover .nano-content {
    position:static
}
}

/* MAIN NAVIGATION - AFFIX */
/*======================================*/
#whmcsx #container.mainnav-fixed:not(.navbar-fixed) #mainnav-container.affix {
    top:-50px;
    position:fixed
}

#whmcsx #container.mainnav-fixed:not(.navbar-fixed) #mainnav-container.affix-top {
    top:0;
    position:absolute
}

/* MAIN NAVIGATION - EXPANDING  */
/* For large screen */
/*======================================*/
@media (min-width: 992px) {
#whmcsx #container.mainnav-lg #mainnav-container {
    left:0
}

#whmcsx #container.mainnav-lg #footer,#whmcsx #container.mainnav-lg #content-container {
    padding-left:220px
}
}

/* Expanding with off canvas mode */
/*======================================*/
@media (min-width: 768px) and (max-width: 991px) {
#whmcsx #container.mainnav-lg #content-container,#whmcsx #container.mainnav-lg #footer {
    left:220px
}

#whmcsx #container.mainnav-lg .tgl-menu-btn {
    right:220px
}

#whmcsx #container.mainnav-lg #mainnav-container {
    left:0
}

#whmcsx #container.mainnav-lg #mainnav-menu-wrap {
    height:100%
}
}

/* NAVIGATION - COLLAPSING  */
/*======================================*/
@media (min-width: 768px) {
#whmcsx #mainnav-menu .list-header,#whmcsx #mainnav-menu .list-divider,#whmcsx #mainnav-menu .menu-title,#whmcsx #mainnav-menu .arrow,#whmcsx #mainnav-menu .menu-title > .label {
    opacity:1
}

#whmcsx .mainnav-sm #mainnav-menu .list-header,#whmcsx .mainnav-sm #mainnav-menu .list-divider,#whmcsx .mainnav-sm #mainnav-menu .menu-title,#whmcsx .mainnav-sm #mainnav-menu .arrow,#whmcsx .mainnav-sm #mainnav-menu .menu-title > .label {
    padding-top:0;
    padding-bottom:0;
    margin:0;
    height:0;
    opacity:0
}

#whmcsx #container.mainnav-sm .brand-icon {
    width:40px;
    height:40px;
    margin:0 5px;
    transform:translateY(5px)
}

#whmcsx #container.mainnav-sm .shortcut-grid:hover {
    box-shadow:inset 4px 0 0 0 #2986b8;
    -webkit-transition:background-color 0.2s,padding-left 0.3s,box-shadow .4s;
    transition:background-color 0.2s,padding-left 0.3s,box-shadow .4s
}

#whmcsx #container.mainnav-sm .shortcut-grid:hover,#whmcsx #container.mainnav-sm .popover.mainnav-shortcut {
    background-color:#384857;
    color:#fff
}

#whmcsx #container.mainnav-sm #mainnav-menu a {
    white-space:nowrap;
    position:relative;
    padding:12px 0 12px 19px
}

#whmcsx #container.mainnav-sm #mainnav-menu a:hover {
    box-shadow:inset 4px 0 0 0 #2986b8
}

#whmcsx #container.mainnav-sm #mainnav-menu a .badge {
    margin-top:-1.5em
}

#whmcsx #container.mainnav-sm #mainnav-menu a .badge {
    position:absolute;
    padding:3px 7px;
    right:2px;
    top:25%
}

#whmcsx #container.mainnav-sm #mainnav-menu a i {
    display:inline
}

#whmcsx #container.mainnav-sm #mainnav-menu .active-link > a,#whmcsx #container.mainnav-sm #mainnav-menu .active-sub > a {
    color:#fff
}

#whmcsx #container.mainnav-sm #mainnav-menu .collapse {
    display:none;
    height:0!important
}

#whmcsx #container.mainnav-sm #mainnav-container,#whmcsx #container.mainnav-sm #navbar .navbar-brand {
    width:50px;
    left:0
}

#whmcsx #container.mainnav-sm #navbar .navbar-content {
    margin-left:50px
}

#whmcsx #container.mainnav-sm #content-container,#whmcsx #container.mainnav-sm #footer {
    padding-left:50px;
    left:0
}

#whmcsx #container.mainnav-sm #mainnav {
    position:relative
}

#whmcsx #container.mainnav-sm #mainnav .mainnav-widget > .show-small a {
    display:block;
    color:#adb3b8;
    padding:12px 0 12px 19px
}

#whmcsx #container.mainnav-sm #mainnav .mainnav-widget > .show-small a:hover {
    color:#fff;
    box-shadow:inset 4px 0 0 0 #2986b8;
    -webkit-transition:background-color 0.2s,padding-left 0.3s,box-shadow .4s;
    transition:background-color 0.2s,padding-left 0.3s,box-shadow .4s
}

#whmcsx #container.mainnav-sm #mainnav .mainnav-widget > .hide-small {
    display:none
}

#whmcsx #container.mainnav-sm #mainnav .mainnav-widget .hover {
    color:#fff;
    background-color:#384857
}

#whmcsx .top-auto {
    top:auto!important
}

/* NAVIGATION - POPOVER  */
/*======================================*/
#whmcsx #mainnav .menu-popover .nano > .nano-content {
    position:absolute
}

#whmcsx #mainnav-menu ul ul a:hover,#whmcsx .menu-popover .sub-menu ul ul a:hover,#whmcsx .menu-popover .sub-menu ul ul a:hover {
    background-color:rgba(0,0,0,0.0005)
}

#whmcsx .menu-popover {
    left:50px!important
}

#whmcsx .menu-popover .sub-menu {
    overflow:hidden
}

#whmcsx .menu-popover .sub-menu .pop-in {
    display:block;
    visibility:visible
}

#whmcsx .menu-popover .sub-menu ul {
    background-color:#2c3845
}

#whmcsx .menu-popover .sub-menu ul ul {
    background-color:#28333e
}

#whmcsx .menu-popover .sub-menu ul ul > li > a {
    padding-left:27px
}

#whmcsx .menu-popover .sub-menu ul ul > li > a:hover {
    padding-left:33px
}

#whmcsx .menu-popover .sub-menu ul a:hover {
    padding-left:20px
}

#whmcsx .menu-popover .sub-menu ul li > a {
    display:block;
    color:#fff;
    padding:12px 17px;
    font-weight:300
}

#whmcsx .menu-popover .single-content {
    color:#fff;
    background-color:#384857
}

#whmcsx .menu-popover.popover {
    width:220px;
    padding:0;
    border:0;
    border-radius:0 0 0 0;
    background-color:#2e3b48;
    color:#fff;
    position:absolute;
    box-shadow:none;
    margin-left:0
}

#whmcsx .menu-popover.popover.in {
    -webkit-animation:fadeIn .2s;
    animation:fadeIn .2s
}

#whmcsx .menu-popover > .popover-title {
    border:0;
    border-radius:0;
    padding:14px 20px;
    background-color:#384857;
    font-size:1.05em;
    position:relative;
    z-index:5;
    color:#fff
}

#whmcsx .menu-popover > .popover-title strong {
    font-weight:300
}

#whmcsx .menu-popover > .popover-content {
    padding:0;
    width:100%;
    position:absolute;
    border-radius:0 0 0 0
}

#whmcsx .menu-popover > .popover-content > .single-content {
    padding:12px 14px;
    display:block;
    white-space:nowrap
}

#whmcsx .menu-popover > .popover-content > .single-content strong {
    font-weight:300
}

#whmcsx .menu-popover > .popover-content > .single-content .label,#whmcsx .menu-popover > .popover-content > .single-content .badge {
    margin-left:10px;
    float:none!important
}

#whmcsx .menu-popover ul {
    width:220px;
    margin-bottom:0
}

#whmcsx .menu-popover .mainnav-widget-content {
    background-color:#384857
}

#whmcsx .menu-popover .mainnav-widget-content > .list-group {
    display:block;
    width:auto
}
}

#whmcsx .popover.mainnav-shortcut {
    white-space:nowrap
}

#whmcsx .popover.mainnav-shortcut .popover-content {
    padding:12px 15px
}

#whmcsx .mainnav-sm .popover.mainnav-shortcut {
    display:block!important;
    border:0;
    margin-top:-41.14284px;
    margin-left:-1px;
    padding:0;
    box-shadow:none;
    overflow:hidden;
    width:auto;
    max-width:300px;
    border-radius:0 0 0 0;
    background-color:#2e3b48;
    color:#fff;
    left:50px!important
}

#whmcsx .mainnav-sm .popover.mainnav-shortcut.in {
    -webkit-animation:fadeIn .2s;
    animation:fadeIn .2s
}

#whmcsx .mainnav-sm .popover.mainnav-shortcut.in .popover-content {
    height:100%;
    margin:0
}

#whmcsx .mainnav-sm .popover.mainnav-shortcut > .arrow {
    display:none
}

/* NAVIGATION - OFFCANVAS */
/*======================================*/
#whmcsx #container.mainnav-in.footer-fixed #footer,#whmcsx #container.mainnav-in #navbar,#whmcsx #container.mainnav-in #content-container,#whmcsx #container.mainnav-in #footer {
    left:220px
}

#whmcsx #container.mainnav-out #content-container,#whmcsx #container.mainnav-in #mainnav-container {
    left:0
}

#whmcsx #container.mainnav-in .navbar-header {
    left:-220px
}

#whmcsx #container.mainnav-in .tgl-menu-btn {
    right:220px
}

#whmcsx #container.mainnav-in #mainnav-menu-wrap {
    height:100%
}

@media (min-width: 768px) {
#container.mainnav-in.easeInBack #mainnav-container,#whmcsx #container.mainnav-in.easeOutBack #mainnav-container,#whmcsx #container.mainnav-in.easeInOutBack #mainnav-container,#whmcsx #container.mainnav-in.jumping #mainnav-container,#whmcsx #container.mainnav-out.easeInBack #mainnav-container,#whmcsx #container.mainnav-out.easeOutBack #mainnav-container,#whmcsx #container.mainnav-out.easeInOutBack #mainnav-container,#whmcsx #container.mainnav-out.jumping #mainnav-container {
    box-shadow:-20px 0 0 0 #32404e
}

#whmcsx #container.mainnav-in #navbar,#whmcsx #container.mainnav-in .navbar-header {
    left:0
}

#whmcsx #container.mainnav-in .tgl-menu-btn {
    right:0
}

#whmcsx #container.mainnav-in.aside-in #aside-container {
    right:-220px
}

#whmcsx #container.mainnav-out .brand-title {
    background-color:transparent;
    color:#515151
}
}

/* Reveal*/
/*======================================*/
@media (min-width: 768px) {
#whmcsx #container.reveal #content-container {
    min-height:100vh
}

#whmcsx #container.mainnav-out.reveal #content-container,#whmcsx #container.mainnav-in.reveal #content-container {
    z-index:7
}

#whmcsx #container.mainnav-in.reveal.aside-in #aside-container {
    right:-220px
}

#whmcsx #container.mainnav-in.reveal.aside-in #footer {
    left:220px
}

#whmcsx #container.mainnav-out.reveal #aside-container,#whmcsx #container.mainnav-in.reveal #aside-container {
    z-index:9
}

#whmcsx #container.mainnav-out.reveal.aside-left:not(.aside-in) #aside-container,#whmcsx #container.mainnav-in.reveal.aside-left:not(.aside-in) #aside-container {
    left:-220px
}

#whmcsx #container.mainnav-out.reveal #footer,#whmcsx #container.mainnav-in.reveal #footer {
    z-index:8
}

#whmcsx #container.mainnav-out.reveal #mainnav-container {
    left:-220px
}

#whmcsx #container.mainnav-in.reveal.slide .navbar-header:before,#whmcsx #container.mainnav-out.reveal.slide .navbar-header:before,#whmcsx #container.mainnav-out.reveal:not(.slide) #mainnav-container,#whmcsx #container.mainnav-in.reveal:not(.slide) #mainnav-container {
    left:0;
    -webkit-transition-duration:0;
    transition-duration:0
}
}

/* Slide in on top */
/*======================================*/
@media (min-width: 768px) {
#container.mainnav-in.slide #navbar,#whmcsx #container.mainnav-in.slide #content-container,#whmcsx #container.mainnav-in.slide #footer {
    left:0
}

#whmcsx #container.mainnav-in.slide.aside-in.aside-left #aside-container {
    left:0
}

#whmcsx #container.mainnav-in.slide.aside-in #aside-container {
    right:0
}
}

@media (min-width: 1200px) {
#whmcsx #container .brand-icon {
    -webkit-transition:all .7s;
    transition:all .7s
}

#whmcsx #mainnav-menu a {
    -webkit-transition:background-color 0.5s,color 0.5s,box-shadow .5s;
    transition:background-color 0.5s,color 0.5s,box-shadow .5s
}

#whmcsx #mainnav-menu ul a,#whmcsx .menu-popover .sub-menu ul a {
    -webkit-transition:background-color 0.2s,padding-left 0.3s,box-shadow .4s;
    transition:background-color 0.2s,padding-left 0.3s,box-shadow .4s
}

#whmcsx #mainnav-menu ul a:hover,#whmcsx .menu-popover .sub-menu ul a:hover {
    -webkit-transition:background-color 0.2s,padding-left 0.3s,box-shadow .4s;
    transition:background-color 0.2s,padding-left 0.3s,box-shadow .4s
}

#whmcsx #mainnav-shortcut {
    -webkit-transition:all .7s;
    transition:all .7s
}

#whmcsx #mainnav-shortcut li {
    -webkit-transition:all .7s ease .2s;
    transition:all .7s ease .2s
}

#whmcsx #mainnav-shortcut .shortcut-grid i {
    -webkit-transition:font-size .7s linear .5s;
    transition:font-size .7s linear .5s
}

#whmcsx #container.mainnav-sm #mainnav-shortcut {
    -webkit-transition:all .7s linear .2s;
    transition:all .7s linear .2s
}

#whmcsx #container.mainnav-sm #mainnav-shortcut > ul > li {
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}

#whmcsx #container.mainnav-sm #mainnav-shortcut > ul > li i {
    -webkit-transition:font-size .7s;
    transition:font-size .7s
}

#whmcsx #mainnav-menu .list-header,#whmcsx #mainnav-menu .list-divider,#whmcsx #mainnav-menu .menu-title,#whmcsx #mainnav-menu .arrow,#whmcsx #mainnav-menu .menu-title > .label {
    opacity:1;
    -webkit-transition:all 1.5s ease 0.3s,color .3s;
    transition:all 1.5s ease 0.3s,color .3s;
    transition-timing-function:cubic-bezier(0.28,1.02,0.36,1.145)
}

#whmcsx .mainnav-sm #mainnav-menu .list-header,#whmcsx .mainnav-sm #mainnav-menu .list-divider,#whmcsx .mainnav-sm #mainnav-menu .menu-title,#whmcsx .mainnav-sm #mainnav-menu .arrow,#whmcsx .mainnav-sm #mainnav-menu .menu-title > .label {
    -webkit-transition:opacity 0.5s,padding .5s linear 0.5s,color 0.1s,margin .5s linear .5s;
    transition:opacity 0.5s,padding .5s linear 0.5s,color 0.1s,margin .5s linear .5s;
    transition-timing-function:cubic-bezier(0.28,1.02,0.36,1.145)
}
}

#whmcsx .collapsing {
    transition-timing-function:cubic-bezier(1,-0.28,0,1.275)
}

/* ASIDE */
/* ===================================== */
#whmcsx #container #aside-container {
    padding:0 20px;
    background-color:#fff;
    position:relative;
    top:0;
    z-index:3
}

#whmcsx #container #aside-container .nano-content {
    position:static;
    outline:none
}

#whmcsx #container #aside-container .nano-pane {
    display:none!important
}

#whmcsx #container #aside .list-link li a:not(.btn) {
    color:#d1d1d1
}

#whmcsx #container #aside .list-link li a:not(.btn):hover {
    color:#fff
}

#whmcsx #aside {
    background-color:#3c4d5e;
    color:#fff;
    max-height:0;
    overflow:hidden;
    -webkit-transform-style:preserve-3d;
    -webkit-backface-visibility:hidden;
    -webkit-perspective:1000;
    -webkit-transform:translateZ(0);
    -webkit-transition:all .5s;
    transition:all .5s
}

#whmcsx #aside a:not(.btn):not(.btn-link) {
    color:inherit
}

#whmcsx #aside.aside-xs-in {
    overflow:hidden;
    margin-bottom:70px
}

#whmcsx #aside .bord-all,#whmcsx #aside .bord-top,#whmcsx #aside .bord-btm,#whmcsx #aside .bord-left,#whmcsx #aside .bord-rgt,#whmcsx #aside .bord-hor,#whmcsx #aside .bord-ver,#whmcsx #aside .list-divider {
    border-color:#425467
}

#whmcsx #aside .btn-link {
    color:#fff
}

#whmcsx #aside .text-muted {
    color:#93a6b9
}

/* Aside with tabs */
/* ===================================== */
#whmcsx #aside-container #aside .nav-tabs.nav-justified > li {
    display:table-cell;
    width:1%
}

#whmcsx #aside-container #aside .nav-tabs li:not(active) a {
    border-radius:0;
    border:0;
    border-bottom:1px solid rgba(0,0,0,0.05);
    background-color:#364554;
    color:rgba(255,255,255,0.5);
    padding:20px 0
}

#whmcsx #aside-container #aside .nav-tabs li:first-child > a {
    border-left:0
}

#whmcsx #aside-container #aside .nav-tabs li:last-child > a {
    border-right:0
}

#whmcsx #aside-container #aside .nav-tabs .active a {
    border-left:1px solid rgba(0,0,0,0.1);
    border-right:1px solid rgba(0,0,0,0.1);
    border-bottom:1px solid transparent;
    background-color:transparent;
    color:inherit!important
}

#whmcsx #aside-container #aside .nav-tabs .active .badge {
    opacity:1
}

#whmcsx #aside-container #aside .nav-tabs .badge {
    opacity:.5
}

#whmcsx #aside-container #aside .tab-content {
    padding:10px 0
}

#whmcsx #aside .nav-tabs a i {
    font-size:1.35em
}

#whmcsx #container.aside-bright #aside .nav-tabs li:not(.active) a {
    background-color:#f2f2f2;
    color:rgba(0,0,0,0.15)
}

/* ASIDE - RESPONSIVE LAYOUT */
/* ===================================== */
@media (max-width: 760px) {
#whmcsx #aside.aside-xs-in {
    margin-top:-90px
}

#whmcsx #container.mainnav-in #aside-container {
    left:220px;
    right:auto
}
}

@media (min-width: 768px) and (max-width: 992px) {
#whmcsx #container.mainnav-sm.aside-left.aside-in #aside-container {
    left:50px;
    right:auto
}

#whmcsx #container.mainnav-sm.aside-left.aside-in #content-container,#whmcsx #container.mainnav-sm.aside-left.aside-in #footer {
    padding-left:220px
}

#whmcsx div#container.mainnav-lg.aside-left.aside-in #content-container,#whmcsx div#container.mainnav-lg.aside-left.aside-in #footer {
    padding-left:220px;
    text-align:left
}
}

@media (min-width: 768px) {
#whmcsx #aside {
    max-height:none;
    padding-top:50px;
    visibility:visible;
    background-color:#3c4d5e;
    height:100%
}

#whmcsx #aside.aside-xs-in {
    max-height:none
}

#whmcsx #container #aside-container {
    padding:0;
    background-color:#fff;
    position:absolute;
    width:220px;
    height:auto;
    left:auto;
    right:-220px;
    top:0;
    bottom:0;
    min-height:100vh;
    overflow:hidden;
    visibility:hidden;
    z-index:3
}

#whmcsx #container #aside-container .nano-content {
    position:absolute
}

#whmcsx #container #content-container,#whmcsx #container #footer {
    padding-right:0
}

#whmcsx #container.aside-in #content-container,#whmcsx #container.aside-in #footer {
    padding-right:220px
}

#whmcsx #container.aside-in.aside-left #content-container,#whmcsx #container.aside-in.aside-left #footer {
    padding-left:220px;
    padding-right:0
}

#whmcsx #container.aside-in.aside-left.mainnav-lg #content-container,#whmcsx #container.aside-in.aside-left.mainnav-lg #footer {
    padding-left:440px;
    padding-right:0
}

#whmcsx #container.aside-in.aside-left.mainnav-lg #aside-container {
    left:220px;
    right:auto
}

#whmcsx #container.aside-in.aside-left.mainnav-sm #content-container,#whmcsx #container.aside-in.aside-left.mainnav-sm #footer {
    padding-left:270px;
    padding-right:0
}

#whmcsx #container.aside-in.aside-left.mainnav-sm #aside-container {
    left:50px;
    right:auto
}

#whmcsx #container.aside-in.aside-left.mainnav-in #aside-container {
    left:220px;
    right:auto
}

#whmcsx #container.mainnav-in:not(.slide) #footer,#whmcsx #container.mainnav-in #content-container {
    padding-right:0
}

/* ASIDE - TOGGLE HIDE/SHOW */
/* ===================================== */
#whmcsx #container.aside-in #aside-container {
    left:auto;
    right:0
}

#whmcsx #container.aside-in.aside-left.mainnav-in #aside-container {
    left:220px;
    right:auto
}

#whmcsx #container.aside-left #aside-container,#whmcsx #container.aside-in.aside-left #aside-container {
    left:0;
    right:auto
}

#whmcsx #container.aside-left.mainnav-sm #aside-container {
    left:-170px
}

#whmcsx #container.aside-left.mainnav-sm #content-container,#whmcsx #container.aside-left.mainnav-sm #footer {
    padding-left:50px
}

#whmcsx #container.aside-left.mainnav-out:not(.aside-in) #aside-container {
    left:-220px
}

/* ASIDE - FIXED POSITION */
/* ===================================== */
#whmcsx #container.aside-fixed #aside-container {
    position:fixed
}

#whmcsx #container.aside-fixed #aside {
    height:100%
}

#whmcsx #container.aside-fixed #aside .nano-content {
    position:absolute
}

#whmcsx #container.aside-fixed:not(.navbar-fixed) #aside-container.affix {
    top:-50px;
    position:fixed
}

#whmcsx #container.aside-fixed:not(.navbar-fixed) #aside-container.affix-top {
    top:0;
    position:absolute
}

#whmcsx #container.aside-in #aside {
    padding-top:50px
}

#whmcsx #container.aside-in #content-container,#whmcsx #container.aside-in:not(.mainnav-in) #footer {
    padding-right:220px
}

#whmcsx #container.aside-in.aside-left #content-container,#whmcsx #container.aside-in.aside-left #footer {
    padding-left:220px;
    padding-right:0
}
}

/* ASIDE : BRIGHT COLOR THEMES */
/* ===================================== */
#whmcsx #container.aside-bright #aside {
    background-color:#fff;
    border-color:#f2f2f2;
    color:#515151
}

#whmcsx #container.aside-bright #aside .text-light {
    color:#515151
}

#whmcsx #container.aside-bright #aside .bord-all,#whmcsx #container.aside-bright #aside .bord-top,#whmcsx #container.aside-bright #aside .bord-btm,#whmcsx #container.aside-bright #aside .bord-lft,#whmcsx #container.aside-bright #aside .bord-rgt,#whmcsx #container.aside-bright #aside .bord-hor,#whmcsx #container.aside-bright #aside .bord-ver,#whmcsx #container.aside-bright #aside .list-divider {
    border-color:#f7f7f7
}

#whmcsx #container.aside-bright #aside .text-muted {
    color:#9e9e9e
}

#whmcsx #container.aside-bright #aside .progress {
    background-color:#e6e6e6
}

#whmcsx #container.aside-bright #aside .list-link li a:not(.btn) {
    color:#5e5e5e
}

#whmcsx #container.aside-bright #aside .list-link li a:not(.btn):hover {
    color:#515151
}

#whmcsx #container.aside-bright #aside a:not(.btn) {
    color:#515151
}

#whmcsx #container.aside-bright #aside a:not(.btn):hover,#whmcsx #container.aside-bright #aside a:not(.btn):focus {
    color:#373737
}

#whmcsx #container.aside-bright #aside .btn-link {
    color:#515151
}

/* FOOTER */
/*======================================*/
#whmcsx #footer {
    border-top:rgba(0,0,0,0.07);
    position:absolute;
    padding-top:12px;
    bottom:0;
    z-index:2;
    left:0;
    right:0;
    height:50px
}

#whmcsx #footer p {
    margin-bottom:5px
}

#whmcsx #footer .show-fixed,#whmcsx #container.footer-fixed #footer .hide-fixed {
    display:none
}

#whmcsx #footer .hide-fixed,#whmcsx #container.footer-fixed #footer .show-fixed {
    display:block;
    height:100%
}

#whmcsx .footer-list {
    margin-bottom:0
}

#whmcsx .footer-list > li {
    vertical-align:top
}

#whmcsx #container.footer-fixed #footer {
    background-color:#c8ccce;
    color:#515151;
    left:0;
    position:fixed;
    bottom:0;
    margin-top:-50px;
    z-index:1
}

#whmcsx .table-toolbar-left,#whmcsx .table-toolbar-right {
    text-align:center;
    padding-bottom:10px
}

#whmcsx .table-toolbar-right > .form-group {
    display:inline-block;
    vertical-align:top;
    margin:0
}

@media (min-width: 760px) {
#whmcsx .table-toolbar-left {
    float:left;
    text-align:left
}

#whmcsx .table-toolbar-right {
    text-align:right
}
}

/* MICS CLASS */
/*======================================*/
#whmcsx .list-group-striped > li:nth-child(odd),#whmcsx .list-group-striped > a:nth-child(odd):not(.active):not(.disabled) {
    background-color:rgba(0,0,0,0.06)
}

#whmcsx .list-divider {
    border-top:1px solid rgba(0,0,0,0.1);
    margin:15px 0;
    height:1px
}

#whmcsx .list-header {
    font-weight:300;
    padding:10px 15px;
    position:relative
}

#whmcsx .list-item-sm {
    padding:5px 15px
}

#whmcsx .list-item-lg {
    padding:15px
}

#whmcsx .list-item-xl {
    padding:20px 15px
}

/* BOX TYPE */
/*======================================*/
#whmcsx .box-block {
    display:block
}

#whmcsx .box-inline {
    display:inline-block
}

#whmcsx .box-vmiddle {
    display:inline-block;
    max-width:500px;
    vertical-align:middle;
    margin-bottom:15px
}

#whmcsx .box-vmiddle-wrap:before {
    content:'';
    display:inline-block;
    height:100%;
    vertical-align:middle;
    margin-left:-15px
}

/* BORDER */
/*======================================*/
#whmcsx .bord-no {
    border:0!important
}

#whmcsx .bord-all {
    border:1px solid #e9e9e9
}

#whmcsx .bord-top {
    border-top:1px solid #e9e9e9
}

#whmcsx .bord-btm {
    border-bottom:1px solid #e9e9e9
}

#whmcsx .bord-lft {
    border-left:1px solid #e9e9e9
}

#whmcsx .bord-rgt {
    border-right:1px solid #e9e9e9
}

#whmcsx .bord-ver {
    border-top:1px solid #e9e9e9;
    border-bottom:1px solid #e9e9e9
}

#whmcsx .bord-hor {
    border-right:1px solid #e9e9e9;
    border-left:1px solid #e9e9e9
}

/* TEXT */
/*======================================*/
#whmcsx .text-thin {
    font-weight:300
}

#whmcsx .text-normal {
    font-weight:400
}

#whmcsx .text-semibold {
    font-weight:600
}

#whmcsx .text-bold {
    font-weight:700
}

#whmcsx .text-5x,#whmcsx .text-4x,#whmcsx .text-5x,#whmcsx .text-2x,#whmcsx .text-lg,#whmcsx .text-sm,#whmcsx .text-xs {
    line-height:1.25;
    font-size:4em
}

#whmcsx .text-4x {
    font-size:4em
}

#whmcsx .text-3x {
    font-size:3em
}

#whmcsx .text-2x {
    font-size:2em
}

#whmcsx .text-lg {
    font-size:1.2em
}

#whmcsx .text-sm {
    font-size:.9em
}

#whmcsx .text-xs {
    font-size:.8em
}

#whmcsx .text-overflow {
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}

#whmcsx .text-unit {
    font-size:15px;
    vertical-align:top;
    line-height:1.5em
}

#whmcsx .unselectable {
    cursor:default;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none
}

#whmcsx .unselectable ::selection {
    background-color:transparent
}

#whmcsx .unselectable ::-moz-selection {
    background-color:transparent
}

@media (min-width: 1200px) {
.text-lg-right {
    text-align:right
}

#whmcsx .text-lg-center {
    text-align:center
}

#whmcsx .text-lg-left {
    text-align:left
}
}

@media (min-width: 992px) and (max-width: 1200px) {
.text-md-right {
    text-align:right
}

#whmcsx .text-md-center {
    text-align:center
}

#whmcsx .text-md-left {
    text-align:left
}
}

@media (min-width: 768px) and (max-width: 992px) {
.text-sm-right {
    text-align:right
}

#whmcsx .text-sm-center {
    text-align:center
}

#whmcsx .text-sm-left {
    text-align:left
}
}

@media (max-width: 760px) {
.text-xs-right {
    text-align:right
}

#whmcsx .text-xs-center {
    text-align:center
}

#whmcsx .text-xs-left {
    text-align:left
}
}

/* ICONS */
/*======================================*/
#whmcsx .icon-wrap {
    display:inline-block;
    padding:10px;
    border-radius:2px
}

#whmcsx .icon-wrap i {
    display:block;
    line-height:1em;
    text-align:center;
    position:relative;
    width:1em;
    padding-top:1em;
    vertical-align:middle
}

#whmcsx .icon-wrap i:before {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0
}

#whmcsx .icon-wrap .icon-txt {
    display:block;
    line-height:1em;
    text-align:center;
    position:relative;
    width:1em;
    vertical-align:top
}

#whmcsx .icon-wrap-lg {
    padding:20px
}

#whmcsx .icon-wrap-md {
    padding:17px
}

#whmcsx .icon-wrap-sm {
    padding:12px
}

#whmcsx .icon-wrap-xs {
    padding:7px
}

#whmcsx .icon-circle {
    border-radius:50%
}

#whmcsx .icon-lg:before {
    font-size:1.333em;
    line-height:1.095em;
    vertical-align:middle
}

#whmcsx .icon-2x:before {
    font-size:2em;
    line-height:1em
}

#whmcsx .icon-3x:before {
    font-size:3em;
    line-height:1em
}

#whmcsx .icon-4x:before {
    font-size:4em;
    line-height:1em
}

#whmcsx .icon-5x:before {
    font-size:5em;
    line-height:1em
}

/* IMAGES */
/*======================================*/
#whmcsx .img-mar {
    margin:5px
}

#whmcsx .img-border {
    box-shadow:0 0 0 4px rgba(0,0,0,0.1)
}

#whmcsx .img-border-light {
    box-shadow:0 0 0 4px #fff
}

#whmcsx .img-xs {
    width:32px;
    height:32px
}

#whmcsx .img-md {
    width:64px;
    height:64px
}

#whmcsx .img-sm {
    width:46px;
    height:46px
}

#whmcsx .img-lg {
    width:96px;
    height:96px
}

#whmcsx .img-holder img {
    max-width:100%;
    border-radius:0
}

/* CONTENT MARGIN */
/*======================================*/
#whmcsx .mar-no {
    margin:0!important
}

#whmcsx .mar-all {
    margin:15px
}

#whmcsx .mar-top {
    margin-top:15px
}

#whmcsx .mar-btm {
    margin-bottom:15px
}

#whmcsx .mar-lft {
    margin-left:15px
}

#whmcsx .mar-rgt {
    margin-right:15px
}

#whmcsx .mar-hor {
    margin-left:15px;
    margin-right:15px
}

#whmcsx .mar-ver {
    margin-top:15px;
    margin-bottom:15px
}

/* CONTENT PADDING */
/*======================================*/
#whmcsx .pad-no {
    padding:0
}

#whmcsx .pad-all {
    padding:15px
}

#whmcsx .pad-top {
    padding-top:15px
}

#whmcsx .pad-btm {
    padding-bottom:15px
}

#whmcsx .pad-lft {
    padding-left:15px
}

#whmcsx .pad-rgt {
    padding-right:15px
}

#whmcsx .pad-hor {
    padding-left:15px;
    padding-right:15px
}

#whmcsx .pad-ver {
    padding-top:15px;
    padding-bottom:15px
}

/* DISABLED BUTTON */
/*======================================*/
a.disabled-link,a.disabled-link:visited,a.disabled-link:active,a.disabled-link:hover {
    color:#aaa!important;
    cursor:default
}

/* EQUALIZE HEIGHTS */
/*======================================*/
#whmcsx .eq-height,#whmcsx .eq-height.eq-auto {
    display:table;
    table-layout:fixed;
    height:100%;
    margin-bottom:0;
    width:100%
}

#whmcsx .eq-height.eq-auto {
    table-layout:auto
}

#whmcsx .eq-height .eq-box-xs {
    display:table-cell;
    height:100%;
    vertical-align:top;
    float:none
}

#whmcsx .eq-height > * > .panel {
    display:table;
    table-layout:fixed;
    height:100%;
    width:100%
}

#whmcsx .eq-height [class*="eq-box"].eq-no-panel {
    padding-bottom:0
}

#whmcsx .eq-min-width {
    width:1%
}

#whmcsx .eq-no-panel:after {
    content:'';
    display:table;
    width:100%;
    table-layout:fixed
}

@media (min-width: 1200px) {
.eq-height .eq-box-lg {
    display:table-cell;
    height:100%;
    vertical-align:top;
    float:none;
    padding-bottom:24px
}

#whmcsx .eq-height .eq-box-lg .panel {
    margin-bottom:0
}
}

@media (min-width: 992px) {
.eq-height .eq-box-md {
    display:table-cell;
    height:100%;
    vertical-align:top;
    float:none;
    padding-bottom:24px
}

#whmcsx .eq-height .eq-box-md .panel {
    margin-bottom:0
}
}

@media (min-width: 768px) {
.eq-height .eq-box-sm {
    display:table-cell;
    height:100%;
    vertical-align:top;
    float:none;
    padding-bottom:24px
}

#whmcsx .eq-height .eq-box-sm .panel {
    margin-bottom:0
}
}

/* ANIMATIONS */
/* -------------------------------------*/
@media (min-width: 1200px) {
.nifty-ready > .effect .navbar-content,#whmcsx .nifty-ready .effect #navbar,#whmcsx .nifty-ready .effect #content-container,#whmcsx .nifty-ready .effect #mainnav-container,#whmcsx .nifty-ready .effect #aside-container,#whmcsx .nifty-ready .effect #footer,#whmcsx .nifty-ready .effect .navbar-brand,#whmcsx .nifty-ready .effect .navbar-content,#whmcsx .nifty-ready .effect .navbar-header:before {
    transition-property:width,padding,left,right;
    transition-duration:.35s
}

#whmcsx .nifty-ready .effect .navbar-content {
    -webkit-transition-property:margin-left;
    transition-property:margin-left
}

/* Variant */
/* -------------------------------------*/
#whmcsx .nifty-ready .easeInQuart #navbar,#whmcsx .nifty-ready .easeInQuart #content-container,#whmcsx .nifty-ready .easeInQuart #mainnav-container,#whmcsx .nifty-ready .easeInQuart #aside-container,#whmcsx .nifty-ready .easeInQuart #footer,#whmcsx .nifty-ready .easeInQuart .navbar-brand,#whmcsx .nifty-ready .easeInQuart .navbar-content,#whmcsx .nifty-ready .easeInQuart .navbar-header:before {
    -webkit-transition-duration:.35s;
    -webkit-transition-timing-function:cubic-bezier(0.755,0.045,0.915,0.135);
    transition-duration:.35s;
    transition-timing-function:cubic-bezier(0.755,0.045,0.915,0.135)
}

#whmcsx .nifty-ready .easeOutQuart #navbar,#whmcsx .nifty-ready .easeOutQuart #content-container,#whmcsx .nifty-ready .easeOutQuart #mainnav-container,#whmcsx .nifty-ready .easeOutQuart #aside-container,#whmcsx .nifty-ready .easeOutQuart #footer,#whmcsx .nifty-ready .easeOutQuart .navbar-brand,#whmcsx .nifty-ready .easeOutQuart .navbar-content,#whmcsx .nifty-ready .easeOutQuart .navbar-header:before {
    -webkit-transition-duration:.4s;
    -webkit-transition-timing-function:cubic-bezier(0.015,0.77,0.04,0.985);
    transition-duration:.4s;
    transition-timing-function:cubic-bezier(0.015,0.77,0.04,0.985)
}

#whmcsx .nifty-ready .easeInBack #navbar,#whmcsx .nifty-ready .easeInBack #content-container,#whmcsx .nifty-ready .easeInBack #mainnav-container,#whmcsx .nifty-ready .easeInBack #aside-container,#whmcsx .nifty-ready .easeInBack #footer,#whmcsx .nifty-ready .easeInBack .navbar-brand,#whmcsx .nifty-ready .easeInBack .navbar-content,#whmcsx .nifty-ready .easeInBack .navbar-header:before {
    -webkit-transition-duration:.35s;
    -webkit-transition-timing-function:cubic-bezier(0.705,-0.155,0.735,0.045);
    transition-duration:.35s;
    transition-timing-function:cubic-bezier(0.705,-0.155,0.735,0.045)
}

#whmcsx .nifty-ready .easeOutBack #navbar,#whmcsx .nifty-ready .easeOutBack #content-container,#whmcsx .nifty-ready .easeOutBack #mainnav-container,#whmcsx .nifty-ready .easeOutBack #aside-container,#whmcsx .nifty-ready .easeOutBack #footer,#whmcsx .nifty-ready .easeOutBack .navbar-brand,#whmcsx .nifty-ready .easeOutBack .navbar-content,#whmcsx .nifty-ready .easeOutBack .navbar-header:before {
    -webkit-transition-duration:.35s;
    -webkit-transition-timing-function:cubic-bezier(0.28,1.02,0.36,1.145);
    transition-duration:.35s;
    transition-timing-function:cubic-bezier(0.28,1.02,0.36,1.145)
}

#whmcsx .nifty-ready .easeInOutBack #navbar,#whmcsx .nifty-ready .easeInOutBack #content-container,#whmcsx .nifty-ready .easeInOutBack #mainnav-container,#whmcsx .nifty-ready .easeInOutBack #aside-container,#whmcsx .nifty-ready .easeInOutBack #footer,#whmcsx .nifty-ready .easeInOutBack .navbar-brand,#whmcsx .nifty-ready .easeInOutBack .navbar-content,#whmcsx .nifty-ready .easeInOutBack .navbar-header:before {
    -webkit-transition-duration:.5s;
    -webkit-transition-timing-function:cubic-bezier(1,-0.28,0,1.275);
    transition-duration:.5s;
    transition-timing-function:cubic-bezier(1,-0.28,0,1.275)
}

#whmcsx .nifty-ready .steps #navbar,#whmcsx .nifty-ready .steps #content-container,#whmcsx .nifty-ready .steps #mainnav-container,#whmcsx .nifty-ready .steps #aside-container,#whmcsx .nifty-ready .steps #footer,#whmcsx .nifty-ready .steps .navbar-brand,#whmcsx .nifty-ready .steps .navbar-content,#whmcsx .nifty-ready .steps .navbar-header:before {
    -webkit-transition-duration:.5s;
    -webkit-transition-timing-function:cubic-bezier(0,0.955,1,0.045);
    transition-duration:.5s;
    transition-timing-function:cubic-bezier(0,0.955,1,0.045)
}

#whmcsx .nifty-ready .jumping #navbar,#whmcsx .nifty-ready .jumping #content-container,#whmcsx .nifty-ready .jumping #mainnav-container,#whmcsx .nifty-ready .jumping #aside-container,#whmcsx .nifty-ready .jumping #footer,#whmcsx .nifty-ready .jumping .navbar-brand,#whmcsx .nifty-ready .jumping .navbar-content,#whmcsx .nifty-ready .jumping .navbar-header:before {
    -webkit-transition-duration:.7s;
    -webkit-transition-timing-function:cubic-bezier(0.135,1.525,0,0.9);
    transition-duration:.7s;
    transition-timing-function:cubic-bezier(0.135,1.525,0,0.9)
}

#whmcsx .nifty-ready .rubber #navbar,#whmcsx .nifty-ready .rubber #content-container,#whmcsx .nifty-ready .rubber #mainnav-container,#whmcsx .nifty-ready .rubber #aside-container,#whmcsx .nifty-ready .rubber #footer,#whmcsx .nifty-ready .rubber .navbar-brand,#whmcsx .nifty-ready .rubber .navbar-content,#whmcsx .nifty-ready .rubber .navbar-header:before {
    -webkit-transition-duration:.5s;
    -webkit-transition-timing-function:cubic-bezier(0,1.65,1,-0.6);
    transition-duration:.5s;
    transition-timing-function:cubic-bezier(0,1.65,1,-0.6)
}
}

/* MEGAMENU */
/*======================================*/
#whmcsx .open.mega-dropdown {
    position:static
}

#whmcsx .open.mega-dropdown > .mega-dropdown-toggle:before,#whmcsx .open.mega-dropdown > .mega-dropdown-toggle:after {
    content:"";
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    display:block;
    height:0;
    position:absolute;
    width:0
}

#whmcsx .open.mega-dropdown > .mega-dropdown-toggle:before {
    border-bottom:7px solid #d0d0d0;
    margin:-8px 0 0;
    bottom:-10px
}

#whmcsx .open.mega-dropdown > .mega-dropdown-toggle:after {
    border-bottom:7px solid #fff;
    margin:-7px 0 0;
    bottom:-11px;
    z-index:10000
}

#whmcsx .navbar-top-links > .mega-dropdown > .dropdown-menu.mega-dropdown-menu {
    left:18px;
    right:18px;
    max-width:1250px
}

#whmcsx .dropdown-menu.mega-dropdown-menu {
    padding:15px 0
}

#whmcsx .dropdown-menu.mega-dropdown-menu:after {
    content:'';
    display:table;
    clear:both
}

#whmcsx .dropdown-menu.mega-dropdown-menu .list-unstyled .dropdown-header {
    font-size:1.2em;
    font-weight:600;
    padding:10px 4px
}

#whmcsx .dropdown-menu.mega-dropdown-menu .list-unstyled li a {
    display:block;
    padding:4px;
    color:rgba(0,0,0,0.6);
    background-color:transparent
}

#whmcsx .dropdown-menu.mega-dropdown-menu .list-unstyled li a:not(.disabled-link):hover {
    color:#000;
    background-color:rgba(0,0,0,0.065)
}

/* WIDGET */
/*======================================*/
#whmcsx .widget-header {
    padding:15px 15px 50px;
    min-height:125px;
    position:relative;
    overflow:hidden
}

#whmcsx .widget-bg {
    position:absolute;
    top:0;
    left:0;
    min-width:100%;
    min-height:100%
}

#whmcsx .widget-title {
    position:relative
}

#whmcsx .widget-body {
    padding:50px 15px 15px;
    position:relative
}

#whmcsx .widget-img {
    position:absolute;
    width:64px;
    height:64px;
    left:50%;
    margin-left:-32px;
    top:-32px
}

/* WIDGET - CHAT */
/*======================================*/
#whmcsx .speech {
    position:relative;
    background:#b7dcfe;
    color:#317787;
    display:inline-block;
    border-radius:0;
    padding:12px 20px
}

#whmcsx .speech .media-heading {
    font-size:1.2em;
    color:#317787;
    display:block;
    border-bottom:1px solid rgba(0,0,0,0.1);
    margin-bottom:10px;
    padding-bottom:5px;
    font-weight:300
}

#whmcsx .speech .media-heading:hover {
    text-decoration:underline
}

#whmcsx .speech-time {
    margin-top:20px;
    margin-bottom:0;
    font-size:.8em;
    font-weight:300
}

#whmcsx .speech-right {
    text-align:right
}

#whmcsx .speech-right > .speech {
    background:#ffda87;
    color:#a07617;
    text-align:right
}

#whmcsx .speech-right > .speech .media-heading {
    color:#a07617
}

#whmcsx .speech-right > .speech:before {
    left:auto;
    right:0;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent;
    border-left:7px solid #ffdc91;
    border-right:0;
    margin:15px -6px 0 0
}

#whmcsx .speech:before {
    content:"";
    display:block;
    position:absolute;
    width:0;
    height:0;
    left:0;
    top:0;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent;
    border-right:7px solid #b7dcfe;
    margin:15px 0 0 -6px
}

/* TIMELINE */
/*======================================*/
#whmcsx .timeline {
    position:relative;
    padding-bottom:40px;
    background-color:#e7ebee;
    color:#515151
}

#whmcsx .timeline:before,#whmcsx .timeline:after {
    background-color:#cad3df;
    bottom:20px;
    content:"";
    display:block;
    position:absolute
}

#whmcsx .timeline:before {
    left:49px;
    top:20px;
    width:2px
}

#whmcsx .timeline:after {
    left:47px;
    width:6px;
    height:6px;
    border-radius:50%
}

#whmcsx .timeline-header {
    border-radius:0;
    clear:both;
    margin-bottom:50px;
    margin-top:50px;
    position:relative
}

#whmcsx .timeline-header .timeline-header-title {
    display:inline-block;
    text-align:center;
    padding:7px 15px;
    min-width:100px
}

#whmcsx .timeline .timeline-header:first-child {
    margin-bottom:30px;
    margin-top:15px
}

#whmcsx .timeline-stat {
    width:100px;
    float:left;
    text-align:center;
    padding-bottom:15px
}

#whmcsx .timeline-entry {
    margin-bottom:50px;
    margin-top:5px;
    position:relative;
    clear:both
}

#whmcsx .timeline-entry-inner {
    position:relative
}

#whmcsx .timeline-time {
    display:inline-block;
    padding:5px 3px 7px;
    margin-top:3px;
    background-color:#e7ebee;
    color:#848484;
    font-size:.85em;
    max-width:70px
}

#whmcsx .timeline-icon {
    border-radius:50%;
    box-shadow:0 0 0 7px #e7ebee;
    display:block;
    margin:0 auto;
    height:46px;
    line-height:46px;
    text-align:center;
    width:46px
}

#whmcsx .timeline-icon img {
    width:46px;
    height:46px;
    border-radius:50%;
    vertical-align:top
}

#whmcsx .timeline-icon:empty {
    height:10px;
    width:10px;
    margin-top:20px;
    background-color:#a4b4c7
}

#whmcsx .timeline-label {
    background-color:#fff;
    border-radius:0;
    margin-left:90px;
    padding:10px;
    position:relative;
    min-height:50px;
    border:1px solid #e9e9e9;
    box-shadow:0 2px 0 rgba(0,0,0,0.05)
}

#whmcsx .timeline-label:before,#whmcsx .timeline-label:after {
    content:"";
    display:block;
    position:absolute;
    width:0;
    height:0;
    left:0;
    top:0
}

#whmcsx .timeline-label:before {
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-right:10px solid #e6e6e6;
    margin:15px 0 0 -10px
}

#whmcsx .timeline-label:after {
    border-top:9px solid transparent;
    border-bottom:9px solid transparent;
    border-right:9px solid #fff;
    margin:15px 0 0 -8px
}

#whmcsx .panel .timeline,#whmcsx .panel .timeline-time {
    background-color:#fff
}

#whmcsx .panel .timeline-icon {
    box-shadow:0 0 0 7px #fff
}

#whmcsx .panel .timeline-label {
    box-shadow:none;
    background-color:#f7f7f7;
    border:1px solid #e3e3e3
}

#whmcsx .panel .timeline-label:before {
    border-right-color:#e3e3e3
}

#whmcsx .panel .timeline-label:after {
    border-right-color:#f7f7f7
}

@media (min-width: 768px) {
.two-column.timeline {
    text-align:center
}

#whmcsx .two-column.timeline:before {
    left:50%
}

#whmcsx .two-column.timeline:after {
    left:50%;
    margin-left:-2px
}

#whmcsx .two-column.timeline .timeline-entry {
    width:50%;
    text-align:left
}

#whmcsx .two-column.timeline .timeline-stat {
    margin-left:-50px
}

#whmcsx .two-column.timeline .timeline-entry:nth-child(odd) {
    float:right
}

#whmcsx .two-column.timeline .timeline-entry:nth-child(odd) .timeline-label {
    margin-left:40px
}

#whmcsx .two-column.timeline .timeline-header {
    text-align:center
}

#whmcsx .two-column.timeline .timeline-entry:nth-child(even) {
    float:left
}

#whmcsx .two-column.timeline .timeline-entry:nth-child(even) .timeline-stat {
    left:100%;
    position:relative;
    margin-left:-50px
}

#whmcsx .two-column.timeline .timeline-entry:nth-child(even) .timeline-label {
    left:-90px;
    margin-right:-40px
}

#whmcsx .two-column.timeline .timeline-entry:nth-child(even) .timeline-label:before,#whmcsx .two-column.timeline .timeline-entry:nth-child(even) .timeline-label:after {
    left:auto;
    right:0;
    border-right:0 solid transparent
}

#whmcsx .two-column.timeline .timeline-entry:nth-child(even) .timeline-label:before {
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:10px solid #e6e6e6;
    margin:15px -10px 0 0
}

#whmcsx .two-column.timeline .timeline-entry:nth-child(even) .timeline-label:after {
    border-top:9px solid transparent;
    border-bottom:9px solid transparent;
    border-left:9px solid #fff;
    margin:15px -8px 0 0
}
}

/* TAGS */
/*======================================*/
#whmcsx .tag:not(.label) {
    background-color:#fff;
    padding:6px 12px;
    border-radius:2px;
    border:1px solid #cdd6e1;
    font-size:12px;
    line-height:1.42857;
    vertical-align:middle;
    -webkit-transition:all .15s;
    transition:all .15s
}

#whmcsx .tag.tag-lg,#whmcsx .btn-group-lg > .tag {
    padding:10px 16px
}

#whmcsx .tag.tag-sm,#whmcsx .btn-group-sm > .tag {
    padding:5px 10px
}

#whmcsx .tag.tag-xs,#whmcsx .btn-group-xs > .tag {
    padding:1px 5px
}

/* EMAIL */
/*======================================*/
#whmcsx .mail-nav > li > a {
    border-radius:0
}

#whmcsx .mail-nav > li > a:hover,#whmcsx .mail-nav > li > a:focus {
    background-color:transparent
}

#whmcsx .mail-nav > li.active > a,#whmcsx .mail-nav > li.active > a:hover,#whmcsx .mail-nav > li.active > a:focus {
    background-color:rgba(0,0,0,0.07);
    color:inherit;
    font-weight:600
}

#whmcsx .mail-list {
    list-style:none;
    padding:0
}

#whmcsx .mail-list > li {
    position:relative;
    padding:15px;
    border-radius:1px
}

#whmcsx .mail-list > li:after {
    content:'';
    display:table;
    clear:both
}

#whmcsx .mail-list-unread a {
    font-weight:600
}

#whmcsx .mail-control {
    float:left;
    width:40px
}

#whmcsx .mail-star {
    position:absolute;
    top:47px;
    margin-left:1px
}

#whmcsx .mail-from {
    float:left;
    width:105px
}

#whmcsx .mail-subject {
    margin:2.3em 0 0 40px
}

#whmcsx .mail-subject .label {
    margin-right:.5em;
    vertical-align:middle;
    line-height:2
}

#whmcsx .mail-from a,#whmcsx .mail-subject a {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}

#whmcsx .mail-attach-icon {
    width:35px;
    float:right;
    text-align:center;
    min-height:1.5em
}

#whmcsx .mail-time {
    float:right;
    color:#9e9e9e;
    font-size:85%;
    text-align:right
}

#whmcsx .mail-toggle.navbar-toggle {
    display:block
}

@media (min-width: 992px) {
.mail-nav {
    width:220px
}

#whmcsx .mail-menu {
    display:block!important
}

#whmcsx .mail-control,#whmcsx .mail-star {
    float:left;
    width:50px
}

#whmcsx .mail-from {
    width:175px
}

#whmcsx .mail-attach-icon {
    width:35px;
    float:right;
    text-align:right;
    min-height:1.5em
}

#whmcsx .mail-time {
    width:75px
}

#whmcsx .mail-subject {
    overflow:hidden;
    margin:0 20px 0 0
}
}

@media (min-width: 470px) {
.mail-star {
    position:static;
    float:left;
    width:35px
}

#whmcsx .mail-from {
    width:175px;
    margin-right:20px
}

#whmcsx .mail-subject {
    display:block;
    padding-right:50px
}
}

/* MAIL ICON - (REQUIRE FONTAWESOME) */
/*======================================*/
#whmcsx .mail-attach .mail-attach-icon:before {
    content:"\f0c6"
}

#whmcsx .mail-star > a:before {
    content:"\f006"
}

#whmcsx .mail-starred .mail-star > a:before {
    content:"\f005"
}

#whmcsx .mail-attach .mail-attach-icon:before,#whmcsx .mail-star > a:before,#whmcsx .mail-stared > a:before {
    font:normal normal normal 20px/1 FontAwesome
}

/* COLORS */
/*======================================*/
#whmcsx .mail-list > li:nth-child(odd) {
    background-color:rgba(0,66,78,0.05)
}

#whmcsx .mail-list > li:hover {
    background-color:rgba(0,66,78,0.065)
}

#whmcsx .mail-list > li.highlight {
    background-color:#f2f0c2
}

#whmcsx .mail-list a,#whmcsx .mail-list a:focus {
    display:block;
    color:#515151
}

#whmcsx .mail-star > a,#whmcsx .mail-star > a:focus {
    color:#9e9e9e
}

#whmcsx .mail-starred .mail-star > a {
    color:#ffa100
}

#whmcsx .mail-list .mail-star > a:hover {
    color:#ffbd4d
}

#whmcsx .mail-attach-list {
    list-style:none;
    padding:0
}

#whmcsx .mail-attach-list > li {
    padding:10px
}

#whmcsx .mail-attach-label {
    min-width:5em
}

#whmcsx .mail-attach-file {
    overflow:hidden
}

#whmcsx .mail-attach-btn {
    float:right
}

@media (min-width: 1200px) {
.mail-attach-label {
    float:left
}
}

#whmcsx .mail-message-reply {
    min-height:150px;
    border:1px solid #e9e9e9;
    border-radius:0;
    padding:10px 15px;
    cursor:pointer
}

/* FORM WIZARD */
/*======================================*/
#whmcsx .wz-nav-off > li a {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    cursor:default!important
}

#whmcsx .wz-icon-inline li > a .icon-wrap {
    display:inline-block;
    line-height:1;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    color:inherit
}

#whmcsx .wz-icon-bw li > a .icon-wrap,#whmcsx .wz-icon-bw li > a p {
    -webkit-transition:all .5s;
    transition:all .5s
}

#whmcsx .wz-icon-bw li.active ~ li > a .icon-wrap {
    color:#515151;
    background-color:rgba(0,0,0,0.17);
    -webkit-transition:all .5s;
    transition:all .5s
}

#whmcsx .wz-icon-bw li:not(.active) > a p {
    color:#515151!important;
    -webkit-transition:all .5s;
    transition:all .5s
}

/* FORM WIZARD : Classic */
/*======================================*/
#whmcsx .wz-classic {
    margin:0;
    padding:0;
    list-style:none;
    display:block;
    position:relative
}

#whmcsx .wz-classic li,#whmcsx .wz-steps li {
    -webkit-transition:all .5s;
    transition:all .5s
}

#whmcsx .wz-classic li > a {
    color:inherit;
    display:block;
    text-align:center;
    padding:20px 0
}

#whmcsx .wz-classic li > a .icon-wrap {
    display:inline-block;
    line-height:1;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    color:inherit
}

#whmcsx .wz-classic:after,#whmcsx .wz-steps:after {
    content:'';
    display:table;
    clear:both
}

#whmcsx .wz-classic .active ~ li {
    color:inherit;
    background-color:inherit
}

#whmcsx .wz-classic .active ~ li a {
    opacity:.5
}

/* FORM WIZARD : Steps */
/*======================================*/
#whmcsx .wz-heading {
    position:relative
}

#whmcsx .wz-heading .progress {
    position:absolute;
    left:0;
    right:0;
    top:50%;
    background-color:transparent
}

#whmcsx .wz-heading.wz-w-label .progress {
    margin-top:-.5em
}

#whmcsx .wz-steps {
    margin:0;
    padding:20px 0;
    list-style:none;
    display:block;
    position:relative
}

#whmcsx .wz-steps li > a {
    color:inherit;
    display:block;
    text-align:center;
    padding:0
}

#whmcsx .wz-steps li > a .icon-wrap {
    display:inline-block;
    line-height:1;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle
}

#whmcsx .wz-steps li .wz-desc {
    opacity:0;
    -webkit-transition:opacity .5s;
    transition:opacity .5s
}

#whmcsx .wz-steps li:not(.active) .wz-icon {
    display:none
}

#whmcsx .wz-steps .active ~ li {
    color:inherit
}

#whmcsx .wz-steps .active ~ li a {
    opacity:.5
}

#whmcsx .wz-steps .active ~ li .wz-icon {
    display:inline-block
}

#whmcsx .wz-steps .active .wz-icon-done,#whmcsx .wz-steps .active ~ li .wz-icon-done {
    display:none
}

#whmcsx .wz-steps .active .wz-desc {
    opacity:1;
    -webkit-transition:opacity .5s;
    transition:opacity .5s
}

/* SCROLL TO TOP BUTTON */
/*======================================*/
#whmcsx #scroll-top {
    background-color:#404449;
    color:#fff;
    cursor:pointer;
    position:fixed;
    bottom:55px;
    font-size:20px;
    right:5px;
    border-radius:2px;
    opacity:0;
    z-index:999;
    -webkit-transition:opacity .3s;
    transition:opacity .3s
}

#whmcsx #scroll-top.in {
    opacity:.5;
    transition:opacity .3s
}

#whmcsx #scroll-top.in:hover {
    opacity:1;
    -webkit-transition:opacity .3s;
    transition:opacity .3s
}

/* NIFTY OVERLAY */
/*======================================*/
#whmcsx .panel-overlay-wrap {
    position:relative
}

#whmcsx .panel-overlay {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(255,255,255,0.75);
    text-align:center;
    z-index:795
}

#whmcsx .panel-overlay:before {
    content:"";
    display:inline-block;
    height:100%;
    width:1px;
    vertical-align:middle;
    margin-left:-5px
}

#whmcsx .panel-overlay-title {
    margin:10px 0 5px
}

#whmcsx .panel-overlay-icon {
    display:inline-block;
    vertical-align:middle
}

#whmcsx .panel-overlay-content {
    display:inline-block;
    vertical-align:middle
}

/* NIFTY LANGUAGE SELECTOR */
/*======================================*/
#whmcsx .lang-flag {
    display:inline-block;
    padding:3px 5px 3px 0
}

#whmcsx .lang-id {
    font-weight:600
}

#whmcsx .lang-id,#whmcsx .lang-name {
    display:none;
    vertical-align:middle
}

#whmcsx .lang-selector .lang-id {
    display:inline-block
}

#whmcsx .lang-selector + .dropdown-menu .lang-name {
    display:inline-block
}

#whmcsx .lang-selector + .dropdown-menu.with-arrow {
    margin-top:10px
}

#whmcsx .lang-selector + .dropdown-menu a {
    padding:10px
}

#whmcsx .lang-selector + .dropdown-menu .active {
    display:none
}

@media (min-width: 992px) {
.lang-id,#whmcsx .lang-selector .lang-id {
    display:none
}

#whmcsx .lang-name {
    display:inline-block
}
}

/* NIFTY NOTIFICATION */
/*======================================*/
#whmcsx .alert-wrap {
    margin:0;
    max-height:0;
    overflow:hidden;
    padding:0;
    -webkit-transition:max-height .7s linear;
    transition:max-height .7s linear
}

#whmcsx .alert-wrap > .alert {
    margin:0;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1);
    border-radius:0;
    text-align:left
}

#whmcsx .alert-wrap > .alert > .media {
    margin:0
}

#whmcsx .alert-wrap > .alert > .media > .media-body {
    min-width:150px;
    width:auto;
    vertical-align:middle
}

#whmcsx #page-alert > .alert-wrap > .alert {
    box-shadow:inset 0 1px 0 0 rgba(0,0,0,0.04)
}

#whmcsx .alert-wrap.in {
    max-height:500px;
    -webkit-transition:max-height 1s linear;
    transition:max-height 1s linear
}

#whmcsx .floating-container .animated.alert-wrap {
    overflow:visible
}

#whmcsx .floating-container .animated.alert-wrap > .alert {
    border-radius:2px
}

#whmcsx .alert-message,#whmcsx .alert-title {
    font-size:.9em;
    margin-bottom:1px;
    padding-right:25px
}

#whmcsx .alert-title {
    font-size:1.12em
}

#whmcsx .alert-title:empty {
    display:none
}

#whmcsx .alert-primary .alert-icon {
    background-color:#9bc5ea;
    color:#fff
}

#whmcsx .alert-info .alert-icon {
    background-color:#91d5e8;
    color:#fff
}

#whmcsx .alert-success .alert-icon {
    background-color:#c1dda3;
    color:#fff
}

#whmcsx .alert-warning .alert-icon {
    background-color:#f3ca8f;
    color:#fff
}

#whmcsx .alert-danger .alert-icon {
    background-color:#faa393;
    color:#fff
}

#whmcsx .alert-mint .alert-icon {
    background-color:#92dcc8;
    color:#fff
}

#whmcsx .alert-purple .alert-icon {
    background-color:#bf9dba;
    color:#fff
}

#whmcsx .alert-pink .alert-icon {
    background-color:#ecadc8;
    color:#fff
}

#whmcsx .alert-dark .alert-icon {
    background-color:#85898c;
    color:#fff
}

/* Floating */
/*======================================*/
#whmcsx #floating-top-right {
    position:fixed;
    text-align:right;
    top:90px;
    right:7px;
    left:7px;
    z-index:10
}

#whmcsx #floating-top-right .alert-wrap {
    display:inline-block;
    clear:right;
    float:right;
    margin-top:45px;
    position:relative;
    opacity:.96;
    z-index:990
}

#whmcsx #floating-top-right .alert-wrap:hover {
    opacity:1
}

@media (min-width: 768px) {
#floating-top-right {
    left:auto
}
}

@media (min-width: 992px) {
#floating-top-right {
    left:auto
}
}

@media (min-width: 1200px) {
#floating-top-right {
    left:auto
}
}

/*! Animate.css - http://daneden.me/animate - Licensed under the MIT license - http://opensource.org/licenses/MIT - Copyright (c) 2014 Daniel Eden  */
@-webkit-keyframes fadeOut {
0% {
    opacity:1
}

100% {
    opacity:0
}
}

@keyframes fadeOut {
0% {
    opacity:1
}

100% {
    opacity:0
}
}

#whmcsx .animated {
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}

#whmcsx .fadeOut {
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut
}

#whmcsx .jellyIn {
    -webkit-animation:jellyIn .7s linear both;
    animation:jellyIn .7s linear both
}

/*! Generated with Bounce.js. Edit at http://goo.gl/whUyiv */
@-webkit-keyframes jellyIn {
0% {
    -webkit-transform:matrix3d(0.7,0,0,0,0,0.7,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(0.7,0,0,0,0,0.7,0,0,0,0,1,0,0,0,0,1)
}

4.761905% {
    -webkit-transform:matrix3d(0.82739,0,0,0,0,0.86975,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(0.82739,0,0,0,0,0.86975,0,0,0,0,1,0,0,0,0,1)
}

9.52381% {
    -webkit-transform:matrix3d(0.94685,0,0,0,0,1.03237,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(0.94685,0,0,0,0,1.03237,0,0,0,0,1,0,0,0,0,1)
}

14.285714% {
    -webkit-transform:matrix3d(1.02254,0,0,0,0,1.09127,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(1.02254,0,0,0,0,1.09127,0,0,0,0,1,0,0,0,0,1)
}

19.047619% {
    -webkit-transform:matrix3d(1.05171,0,0,0,0,1.06355,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(1.05171,0,0,0,0,1.06355,0,0,0,0,1,0,0,0,0,1)
}

23.809524% {
    -webkit-transform:matrix3d(1.04857,0,0,0,0,1.01093,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(1.04857,0,0,0,0,1.01093,0,0,0,0,1,0,0,0,0,1)
}

28.571429% {
    -webkit-transform:matrix3d(1.03082,0,0,0,0,0.97867,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(1.03082,0,0,0,0,0.97867,0,0,0,0,1,0,0,0,0,1)
}

33.333333% {
    -webkit-transform:matrix3d(1.01191,0,0,0,0,0.97618,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(1.01191,0,0,0,0,0.97618,0,0,0,0,1,0,0,0,0,1)
}

38.095238% {
    -webkit-transform:matrix3d(0.99876,0,0,0,0,0.98966,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(0.99876,0,0,0,0,0.98966,0,0,0,0,1,0,0,0,0,1)
}

42.857143% {
    -webkit-transform:matrix3d(0.9928,0,0,0,0,1.00257,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(0.9928,0,0,0,0,1.00257,0,0,0,0,1,0,0,0,0,1)
}

47.619048% {
    -webkit-transform:matrix3d(0.99231,0,0,0,0,1.00725,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(0.99231,0,0,0,0,1.00725,0,0,0,0,1,0,0,0,0,1)
}

52.380952% {
    -webkit-transform:matrix3d(0.99465,0,0,0,0,1.00505,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(0.99465,0,0,0,0,1.00505,0,0,0,0,1,0,0,0,0,1)
}

57.142857% {
    -webkit-transform:matrix3d(0.99757,0,0,0,0,1.00087,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(0.99757,0,0,0,0,1.00087,0,0,0,0,1,0,0,0,0,1)
}

61.904762% {
    -webkit-transform:matrix3d(0.9998,0,0,0,0,0.99831,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(0.9998,0,0,0,0,0.99831,0,0,0,0,1,0,0,0,0,1)
}

66.666667% {
    -webkit-transform:matrix3d(1.00095,0,0,0,0,0.99811,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(1.00095,0,0,0,0,0.99811,0,0,0,0,1,0,0,0,0,1)
}

71.428571% {
    -webkit-transform:matrix3d(1.00119,0,0,0,0,0.99918,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(1.00119,0,0,0,0,0.99918,0,0,0,0,1,0,0,0,0,1)
}

76.190476% {
    -webkit-transform:matrix3d(1.00091,0,0,0,0,1.0002,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(1.00091,0,0,0,0,1.0002,0,0,0,0,1,0,0,0,0,1)
}

80.952381% {
    -webkit-transform:matrix3d(1.00047,0,0,0,0,1.00058,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(1.00047,0,0,0,0,1.00058,0,0,0,0,1,0,0,0,0,1)
}

85.714286% {
    -webkit-transform:matrix3d(1.0001,0,0,0,0,1.0004,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(1.0001,0,0,0,0,1.0004,0,0,0,0,1,0,0,0,0,1)
}

90.47619% {
    -webkit-transform:matrix3d(0.99989,0,0,0,0,1.00007,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(0.99989,0,0,0,0,1.00007,0,0,0,0,1,0,0,0,0,1)
}

95.238095% {
    -webkit-transform:matrix3d(0.99982,0,0,0,0,0.99987,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(0.99982,0,0,0,0,0.99987,0,0,0,0,1,0,0,0,0,1)
}

100% {
    -webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
}
}

@keyframes jellyIn {
0% {
    -webkit-transform:matrix3d(0.7,0,0,0,0,0.7,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(0.7,0,0,0,0,0.7,0,0,0,0,1,0,0,0,0,1)
}

4.761905% {
    -webkit-transform:matrix3d(0.82739,0,0,0,0,0.86975,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(0.82739,0,0,0,0,0.86975,0,0,0,0,1,0,0,0,0,1)
}

9.52381% {
    -webkit-transform:matrix3d(0.94685,0,0,0,0,1.03237,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(0.94685,0,0,0,0,1.03237,0,0,0,0,1,0,0,0,0,1)
}

14.285714% {
    -webkit-transform:matrix3d(1.02254,0,0,0,0,1.09127,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(1.02254,0,0,0,0,1.09127,0,0,0,0,1,0,0,0,0,1)
}

19.047619% {
    -webkit-transform:matrix3d(1.05171,0,0,0,0,1.06355,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(1.05171,0,0,0,0,1.06355,0,0,0,0,1,0,0,0,0,1)
}

23.809524% {
    -webkit-transform:matrix3d(1.04857,0,0,0,0,1.01093,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(1.04857,0,0,0,0,1.01093,0,0,0,0,1,0,0,0,0,1)
}

28.571429% {
    -webkit-transform:matrix3d(1.03082,0,0,0,0,0.97867,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(1.03082,0,0,0,0,0.97867,0,0,0,0,1,0,0,0,0,1)
}

33.333333% {
    -webkit-transform:matrix3d(1.01191,0,0,0,0,0.97618,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(1.01191,0,0,0,0,0.97618,0,0,0,0,1,0,0,0,0,1)
}

38.095238% {
    -webkit-transform:matrix3d(0.99876,0,0,0,0,0.98966,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(0.99876,0,0,0,0,0.98966,0,0,0,0,1,0,0,0,0,1)
}

42.857143% {
    -webkit-transform:matrix3d(0.9928,0,0,0,0,1.00257,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(0.9928,0,0,0,0,1.00257,0,0,0,0,1,0,0,0,0,1)
}

47.619048% {
    -webkit-transform:matrix3d(0.99231,0,0,0,0,1.00725,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(0.99231,0,0,0,0,1.00725,0,0,0,0,1,0,0,0,0,1)
}

52.380952% {
    -webkit-transform:matrix3d(0.99465,0,0,0,0,1.00505,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(0.99465,0,0,0,0,1.00505,0,0,0,0,1,0,0,0,0,1)
}

57.142857% {
    -webkit-transform:matrix3d(0.99757,0,0,0,0,1.00087,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(0.99757,0,0,0,0,1.00087,0,0,0,0,1,0,0,0,0,1)
}

61.904762% {
    -webkit-transform:matrix3d(0.9998,0,0,0,0,0.99831,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(0.9998,0,0,0,0,0.99831,0,0,0,0,1,0,0,0,0,1)
}

66.666667% {
    -webkit-transform:matrix3d(1.00095,0,0,0,0,0.99811,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(1.00095,0,0,0,0,0.99811,0,0,0,0,1,0,0,0,0,1)
}

71.428571% {
    -webkit-transform:matrix3d(1.00119,0,0,0,0,0.99918,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(1.00119,0,0,0,0,0.99918,0,0,0,0,1,0,0,0,0,1)
}

76.190476% {
    -webkit-transform:matrix3d(1.00091,0,0,0,0,1.0002,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(1.00091,0,0,0,0,1.0002,0,0,0,0,1,0,0,0,0,1)
}

80.952381% {
    -webkit-transform:matrix3d(1.00047,0,0,0,0,1.00058,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(1.00047,0,0,0,0,1.00058,0,0,0,0,1,0,0,0,0,1)
}

85.714286% {
    -webkit-transform:matrix3d(1.0001,0,0,0,0,1.0004,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(1.0001,0,0,0,0,1.0004,0,0,0,0,1,0,0,0,0,1)
}

90.47619% {
    -webkit-transform:matrix3d(0.99989,0,0,0,0,1.00007,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(0.99989,0,0,0,0,1.00007,0,0,0,0,1,0,0,0,0,1)
}

95.238095% {
    -webkit-transform:matrix3d(0.99982,0,0,0,0,0.99987,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(0.99982,0,0,0,0,0.99987,0,0,0,0,1,0,0,0,0,1)
}

100% {
    -webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
}
}

/* NIFTY FORM CHECKBOXES & RADIOS */
/*======================================*/
#whmcsx .form-checkbox:not(.btn),#whmcsx .form-radio:not(.btn) {
    display:inline-block;
    background-color:transparent;
    border:0;
    position:relative;
    padding:3px;
    line-height:1em;
    min-width:19px;
    
    margin:0
}

#whmcsx .input-group-addon > .form-checkbox,#whmcsx .input-group-addon > .form-radio {
    margin-bottom:5px
    
}

#whmcsx .form-text.form-checkbox:not(.btn),#whmcsx .form-text.form-radio:not(.btn) {
    padding-left:25px
    
}

#whmcsx .form-checkbox > input[type="checkbox"],#whmcsx .form-radio > input[type="radio"] {
    margin-left:-50px;
    opacity:0;
    position:absolute!important;
    visibility:hidden;
    z-index:-1
}

#whmcsx #container.show-form .form-checkbox > input[type="checkbox"],#whmcsx #container.show-form .form-radio > input[type="radio"] {
    margin-top:-.1em;
    opacity:1;
    visibility:visible;
    z-index:1
}

#whmcsx .form-checkbox:hover,#whmcsx .form-radio:hover {
    cursor:pointer
}

fieldset[disabled] .form-checkbox:hover,fieldset[disabled] .form-radio:hover {
    cursor:no-drop
}

fieldset[disabled] .form-checkbox,fieldset[disabled] .form-radio,#whmcsx .form-checkbox.disabled,#whmcsx .form-radio.disabled {
    opacity:.5;
    cursor:default;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none
}

#whmcsx .form-checkbox.disabled::selection,#whmcsx .form-radio.disabled::selection {
    background:transparent
}

#whmcsx .form-checkbox.disabled::-moz-selection,#whmcsx .form-radio.disabled::-moz-selection {
    background:transparent
}

#whmcsx .form-checkbox.form-normal:before,#whmcsx .form-radio.form-normal:before {
    content:'';
    display:block;
    position:absolute;
    width:16px;
    height:16px;
    background-color:transparent;
    border:1px solid #c3cedb;
    border-radius:3px;
    left:0;
    top:50%;
    margin-top:-9px
}

#whmcsx .form-radio.form-normal:before {
    background-color:transparent
}

#whmcsx .has-success .form-checkbox {
    color:#24692F
}

#whmcsx .has-success .form-checkbox.form-normal:before,#whmcsx .has-success .form-checkbox.form-normal:not(.disabled):hover:before,#whmcsx .has-success .form-radio.form-normal:before,#whmcsx .has-success .form-radio.form-normal:not(.disabled):hover:before {
    background-color:transparent;
    border-color:#699737
}

#whmcsx #container .has-success .form-radio.form-normal.active:before {
    background-color:#699737;
    border-color:#699737
}

#whmcsx .has-warning .form-checkbox {
    color:#bb7815
}

#whmcsx .has-warning .form-checkbox.form-normal:before,#whmcsx .has-warning .form-checkbox.form-normal:not(.disabled):hover:before,#whmcsx .has-warning .form-radio.form-normal:before,#whmcsx .has-warning .form-radio.form-normal:not(.disabled):hover:before {
    background-color:transparent;
    border-color:#bb7815
}

#whmcsx #container .has-warning .form-radio.form-normal:before {
    background-color:#bb7815;
    border-color:#bb7815
}

#whmcsx .has-error .form-checkbox {
    color:#d82b0a
}

#whmcsx .has-error .form-checkbox.form-normal:before,#whmcsx .has-error .form-checkbox.form-normal:not(.disabled):hover:before,#whmcsx .has-error .form-radio.form-normal:before,#whmcsx .has-error .form-radio.form-normal:not(.disabled):hover:before {
    background-color:transparent;
    border-color:#d82b0a
}

#whmcsx #container .has-error .form-radio.form-normal.active:before {
    background-color:#d82b0a;
    border-color:#d82b0a
}

#whmcsx .form-radio.form-normal:before {
    border-radius:50%
}

/* Check Symbol */
fieldset:not([disabled]) .form-checkbox.form-normal:not(.disabled):hover:after,fieldset:not([disabled]) .form-checkbox.form-normal.active:after,#whmcsx .form-checkbox.form-normal:not(.disabled):hover:after,#whmcsx .form-checkbox.form-normal.active:after {
    content:'';
    position:absolute;
    height:6px;
    width:11px;
    left:3px;
    top:50%;
    margin-top:-5px;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    border-bottom:2.5px solid #515151;
    border-left:2.5px solid #515151
}

fieldset:not([disabled]) .has-success .form-checkbox.form-normal:not(.disabled):hover:after,fieldset:not([disabled]) .has-success .form-checkbox.form-normal.active:after,#whmcsx .has-success .form-checkbox.form-normal:not(.disabled):hover:after,#whmcsx .has-success .form-checkbox.form-normal.active:after {
    border-color:#24692F
}

fieldset:not([disabled]) .has-warning .form-checkbox.form-normal:not(.disabled):hover:after,fieldset:not([disabled]) .has-warning .form-checkbox.form-normal.active:after,#whmcsx .has-warning .form-checkbox.form-normal:not(.disabled):hover:after,#whmcsx .has-warning .form-checkbox.form-normal.active:after {
    border-color:#f0a238
}

fieldset:not([disabled]) .has-error .form-checkbox.form-normal:not(.disabled):hover:after,fieldset:not([disabled]) .has-error .form-checkbox.form-normal.active:after,#whmcsx .has-error .form-checkbox.form-normal:not(.disabled):hover:after,#whmcsx .has-error .form-checkbox.form-normal.active:after {
    border-color:#e33a4b
}

/* Circle Symbol */
fieldset:not([disabled]) .form-radio.form-normal:not(.disabled):hover:after,fieldset:not([disabled]) .form-radio.form-normal.active:after,#whmcsx .form-radio.form-normal:not(.disabled):hover:after,#whmcsx .form-radio.form-normal.active:after {
    content:'';
    display:block;
    position:absolute;
    width:8px;
    height:8px;
    background-color:#515151;
    border-radius:50%;
    left:4px;
    bottom:50%;
    margin-bottom:-3px
}

fieldset:not([disabled]) .has-success .form-radio.form-normal:not(.disabled):not(.active):hover:after,fieldset:not([disabled]) .has-success .form-radio.form-normal.active:after,#whmcsx .has-success .form-radio.form-normal:not(.disabled):not(.active):hover:after,#whmcsx .has-success .form-radio.form-normal.active:after {
    background-color:#699737
}

fieldset:not([disabled]) .has-warning .form-radio.form-normal:not(.disabled):not(.active):hover:after,fieldset:not([disabled]) .has-warning .form-radio.form-normal.active:after,#whmcsx .has-warning .form-radio.form-normal:not(.disabled):not(.active):hover:after,#whmcsx .has-warning .form-radio.form-normal.active:after {
    background-color:#bb7815
}

fieldset:not([disabled]) .has-error .form-radio.form-normal:not(.disabled):not(.active):hover:after,fieldset:not([disabled]) .has-error .form-radio.form-normal.active:after,#whmcsx .has-error .form-radio.form-normal:not(.disabled):not(.active):hover:after,#whmcsx .has-error .form-radio.form-normal.active:after {
    background-color:#d82b0a
}

#whmcsx .form-checkbox.form-normal:not(.active):hover:after,#whmcsx .form-radio.form-normal:not(.active):hover:after {
    opacity:.3
}

#whmcsx .form-checkbox.form-normal.form-primary.active:after,#whmcsx .form-checkbox.form-normal.form-info.active:after,#whmcsx .form-checkbox.form-normal.form-success.active:after,#whmcsx .form-checkbox.form-normal.form-warning.active:after,#whmcsx .form-checkbox.form-normal.form-danger.active:after,#whmcsx .form-checkbox.form-normal.form-mint.active:after,#whmcsx .form-checkbox.form-normal.form-purple.active:after,#whmcsx .form-checkbox.form-normal.form-pink.active:after,#whmcsx .form-checkbox.form-normal.form-dark.active:after {
    border-color:#fff
}

/* Checkbox & Radio default
  *==================================================*/
#whmcsx .form-checkbox.form-normal:not(.disabled):hover:before,#whmcsx .form-radio.form-normal:not(.disabled):hover:before {
    border-color:#54abd9
}

#whmcsx .form-checkbox.form-normal.active:after {
    border-color:#404449
}

/* Checkbox & Radio primary
  *==================================================*/
#whmcsx .form-checkbox.form-normal.form-primary:hover:before,#whmcsx .form-radio.form-normal.form-primary.active:before,#whmcsx .form-checkbox.form-normal.form-primary:not(.active):hover:after {
    border-color:#489eed
}

#whmcsx .form-checkbox.form-normal.form-primary.active:before,#whmcsx .form-radio.form-normal.form-primary.active:after {
    background-color:#5fa2dd;
    border-color:#5fa2dd
}

/* Checkbox & Radio info
  *==================================================*/
#whmcsx .form-checkbox.form-normal.form-info:hover:before,#whmcsx .form-radio.form-normal.form-info.active:before,#whmcsx .form-checkbox.form-normal.form-info:not(.active):hover:after {
    border-color:#4ebcda
}

#whmcsx .form-checkbox.form-normal.form-info.active:before,#whmcsx .form-radio.form-normal.form-info.active:after {
    background-color:#4ebcda;
    border-color:#4ebcda
}

/* Checkbox & Radio success
  *==================================================*/
#whmcsx .form-checkbox.form-normal.form-success:hover:before,#whmcsx .form-radio.form-normal.form-success.active:before,#whmcsx .form-checkbox.form-normal.form-success:not(.active):hover:after {
    border-color:#9cc96b
}

#whmcsx .form-checkbox.form-normal.form-success.active:before,#whmcsx .form-radio.form-normal.form-success.active:after {
    background-color:#9cc96b;
    border-color:#9cc96b
}

/* Checkbox & Radio warning
  *==================================================*/
#whmcsx .form-checkbox.form-normal.form-warning:hover:before,#whmcsx .form-radio.form-normal.form-warning.active:before,#whmcsx .form-checkbox.form-normal.form-warning:not(.active):hover:after {
    border-color:#ebaa4b
}

#whmcsx .form-checkbox.form-normal.form-warning.active:before,#whmcsx .form-radio.form-normal.form-warning.active:after {
    background-color:#ebaa4b;
    border-color:#ebaa4b
}

/* Checkbox & Radio danger
  *==================================================*/
#whmcsx .form-checkbox.form-normal.form-danger:hover:before,#whmcsx .form-radio.form-normal.form-danger.active:before,#whmcsx .form-checkbox.form-normal.form-danger:not(.active):hover:after {
    border-color:#f76c51
}

#whmcsx .form-checkbox.form-normal.form-danger.active:before,#whmcsx .form-radio.form-normal.form-danger.active:after {
    background-color:#f76c51;
    border-color:#f76c51
}

/* Checkbox & Radio mint
  *==================================================*/
#whmcsx .form-checkbox.form-normal.form-mint:hover:before,#whmcsx .form-radio.form-normal.form-mint.active:before,#whmcsx .form-checkbox.form-normal.form-mint:not(.active):hover:after {
    border-color:#50c7a7
}

#whmcsx .form-checkbox.form-normal.form-mint.active:before,#whmcsx .form-radio.form-normal.form-mint.active:after {
    background-color:#50c7a7;
    border-color:#50c7a7
}

/* Checkbox & Radio purple
  *==================================================*/
#whmcsx .form-checkbox.form-normal.form-purple:hover:before,#whmcsx .form-radio.form-normal.form-purple.active:before,#whmcsx .form-checkbox.form-normal.form-purple:not(.active):hover:after {
    border-color:#986291
}

#whmcsx .form-checkbox.form-normal.form-purple.active:before,#whmcsx .form-radio.form-normal.form-purple.active:after {
    background-color:#986291;
    border-color:#986291
}

/* Checkbox & Radio pink
  *==================================================*/
#whmcsx .form-checkbox.form-normal.form-pink:hover:before,#whmcsx .form-radio.form-normal.form-pink.active:before,#whmcsx .form-checkbox.form-normal.form-pink:not(.active):hover:after {
    border-color:#e17ca7
}

#whmcsx .form-checkbox.form-normal.form-pink.active:before,#whmcsx .form-radio.form-normal.form-pink.active:after {
    background-color:#e17ca7;
    border-color:#e17ca7
}

/* Checkbox & Radio dark
  *==================================================*/
#whmcsx .form-checkbox.form-normal.form-dark:hover:before,#whmcsx .form-radio.form-normal.form-dark.active:before,#whmcsx .form-checkbox.form-normal.form-dark:not(.active):hover:after {
    border-color:#3b4146
}

#whmcsx .form-checkbox.form-normal.form-dark.active:before,#whmcsx .form-radio.form-normal.form-dark.active:after {
    background-color:#3b4146;
    border-color:#3b4146
}

#whmcsx .form-inline .form-checkbox,#whmcsx .form-inline .form-radio {
    padding-right:15px
}

/* CHECKBOXES AND RADIO USE THE FONTAWESOME ICONS */
/*======================================*/
#whmcsx .form-checkbox.form-icon:after,#whmcsx .form-radio.form-icon:after {
    content:"\f096";
    color:inherit;
    font-size:19px;
    display:inline-block;
    font-family:FontAwesome;
    font-style:normal;
    font-weight:400;
    line-height:1;
    position:absolute;
    left:.1em;
    top:50%;
    margin-top:-.44em;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}

#whmcsx .input-group .form-checkbox:after,#whmcsx .input-group .form-radio:after {
    left:1px
}

#whmcsx .input-group .form-checkbox,#whmcsx .input-group .form-radio {
    padding:0
}

#whmcsx .form-checkbox.active.form-icon:after {
    content:"\f046"
}

#whmcsx .form-radio.form-icon:after {
    content:"\f10c"
}

#whmcsx .form-radio.form-icon.active:after {
    content:"\f192"
}

#whmcsx .form-checkbox.form-icon.form-primary:after,#whmcsx .form-radio.form-icon.form-primary:after {
    color:#5fa2dd
}

#whmcsx .form-checkbox.form-icon.form-info:after,#whmcsx .form-radio.form-icon.form-info:after {
    color:#4ebcda
}

#whmcsx .form-checkbox.form-icon.form-success:after,#whmcsx .form-radio.form-icon.form-success:after {
    color:#9cc96b
}

#whmcsx .form-checkbox.form-icon.form-warning:after,#whmcsx .form-radio.form-icon.form-warning:after {
    color:#ebaa4b
}

#whmcsx .form-checkbox.form-icon.form-danger:after,#whmcsx .form-radio.form-icon.form-danger:after {
    color:#f76c51
}

#whmcsx .form-checkbox.form-icon.form-mint:after,#whmcsx .form-radio.form-icon.form-mint:after {
    color:#50c7a7
}

#whmcsx .form-checkbox.form-icon.form-purple:after,#whmcsx .form-radio.form-icon.form-purple:after {
    color:#986291
}

#whmcsx .form-checkbox.form-icon.form-pink:after,#whmcsx .form-radio.form-icon.form-pink:after {
    color:#e17ca7
}

#whmcsx .form-checkbox.form-icon.form-dark:after,#whmcsx .form-radio.form-icon.form-dark:after {
    color:#3b4146
}

/* CHECKBOXES AND RADIO WITH BUTTON STYLE */
/*======================================*/
#whmcsx .form-checkbox.form-icon.btn,#whmcsx .form-radio.form-icon.btn {
    position:relative;
    padding-left:2.7em;
    margin-bottom:12px
}

#whmcsx .form-checkbox.form-icon.btn:active,#whmcsx .form-radio.form-icon.btn:active {
    margin-bottom:12px
}

#whmcsx .form-checkbox.form-icon.btn.form-no-label,#whmcsx .form-radio.form-icon.btn.form-no-label {
    padding-left:0;
    padding-right:0;
    min-height:2.5em;
    min-width:2.85em
}

#whmcsx .form-checkbox.form-icon.btn:after,#whmcsx .form-radio.form-icon.btn:after {
    margin-top:-.46em;
    left:.45em
}

#whmcsx .form-icon.btn.btn-primary:after,#whmcsx .form-icon.btn.btn-info:after,#whmcsx .form-icon.btn.btn-success:after,#whmcsx .form-icon.btn.btn-warning:after,#whmcsx .form-icon.btn.btn-danger:after,#whmcsx .form-icon.btn.btn-mint:after,#whmcsx .form-icon.btn.btn-purple:after,#whmcsx .form-icon.btn.btn-pink:after,#whmcsx .form-icon.btn.btn-dark:after {
    color:#fff
}

#whmcsx .form-checkbox.form-icon.btn.btn-labeled,#whmcsx .form-radio.form-icon.btn.btn-labeled {
    padding-left:3em
}

#whmcsx .form-checkbox.form-icon.btn.btn-labeled:before,#whmcsx .form-radio.form-icon.btn.btn-labeled:before {
    content:'';
    position:absolute;
    display:inline-block;
    margin-left:0;
    width:2.7em;
    height:100%;
    top:0;
    left:0;
    background-color:rgba(0,0,0,0.15)
}

/* CHECKBOXES AND RADIO BLOCK LEVEL */
/*======================================*/
#whmcsx .checkbox.form-block {
    padding-top:4px
}

#whmcsx .form-radio.form-block,#whmcsx .form-radio.form-block:active,#whmcsx .form-checkbox.form-block,#whmcsx .form-checkbox.form-block:active,#whmcsx .form-block > .form-radio,#whmcsx .form-block > .form-radio:active,#whmcsx .form-block > .form-checkbox,#whmcsx .form-block .form-checkbox:active {
    width:100%;
    margin:5px 0
}

#whmcsx .plan {
    text-align:center
}

#whmcsx .plan .plan-title {
    font-size:2em;
    font-weight:100
}

#whmcsx .plan .plan-icon {
    font-size:7em;
    color:rgba(0,0,0,0.1)
}

#whmcsx .list-todo .form-checkbox input:checked ~ span {
    text-decoration:line-through;
    opacity:.7
}

#whmcsx .morris-full-content {
    height:170px;
    margin:0 -25px -30px;
    overflow:hidden
}

@media (min-width: 768px) {
.morris-full-content {
    height:200px
}
}

#whmcsx .morris-donut {
    display:inline-block;
    text-align:center;
    max-width:200px;
    max-height:200px
}

#whmcsx .morris-donut text {
    font-family:Ubuntu,sans-serif!important;
    font-weight:300!important
}

#whmcsx .flot-full-content {
    min-height:212px;
    margin:-8px;
    bottom:-8px
}

#whmcsx .pie-title-center {
    display:inline-block;
    position:relative;
    text-align:center
}

#whmcsx .pie-value {
    display:block;
    position:absolute;
    font-size:14px;
    height:40px;
    top:50%;
    left:0;
    right:0;
    margin-top:-20px;
    line-height:40px
}

#whmcsx .range-vertical {
    height:135px
}

/* FULL CALENDAR */
/* ====================================== */
#whmcsx #container .fc-unthemed th,#whmcsx #container .fc-unthemed td,#whmcsx #container .fc-unthemed hr,#whmcsx #container .fc-unthemed thead,#whmcsx #container .fc-unthemed tbody,#whmcsx #container .fc-unthemed .fc-row,#whmcsx #container .fc-unthemed .fc-popover {
    border-color:#e9e9e9
}

#whmcsx #container .fc-row.fc-widget-header table th {
    height:30px;
    vertical-align:middle;
    background-color:#5fa2dd;
    color:#fff
}

#whmcsx #container .fc-toolbar {
    margin-bottom:0
}

#whmcsx #container .fc-toolbar h2 {
    font-weight:600;
    font-size:20px
}

#whmcsx #container .fc-toolbar .fc-left,#whmcsx #container .fc-toolbar .fc-center,#whmcsx #container .fc-toolbar .fc-right {
    margin-bottom:10px;
    float:none
}

#whmcsx #container .fc-toolbar > * > *,#whmcsx #container .fc-toolbar .fc-button-group > * {
    float:none
}

#whmcsx #container .fc-button,#whmcsx #container .fc button {
    cursor:pointer;
    padding:6px 12px;
    border-radius:0;
    font-size:12px;
    line-height:1.42857;
    height:auto;
    vertical-align:middle;
    box-shadow:none;
    text-shadow:none;
    -webkit-transition:all .25s;
    transition:all .25s;
    text-transform:capitalize;
    background-image:none;
    background-color:#fbfbfb;
    border:1px solid #cdd6e1;
    color:#515151
}

#whmcsx #container .fc-button.fc-state-active,#whmcsx #container .fc button.fc-state-active {
    background-color:#5fa2dd;
    color:#fff;
    border-color:#5fa2dd;
    box-shadow:inset 0 2px 1px rgba(0,0,0,0.2)
}

#whmcsx #container .fc-button:not(.disabled):not(:disabled):active,#whmcsx #container .fc button:not(.disabled):not(:disabled).active {
    box-shadow:inset 0 2px 1px rgba(0,0,0,0.2)
}

#whmcsx #container .fc-state-default.fc-corner-left {
    border-bottom-left-radius:0;
    border-top-left-radius:0
}

#whmcsx #container .fc-state-default.fc-corner-right {
    border-bottom-right-radius:0;
    border-top-right-radius:0
}

#whmcsx #container .fc-unthemed .fc-today {
    background-color:#fbfccc
}

#whmcsx #container .fc-popover.fc-more-popover .fc-event {
    padding:5px 12px;
    font-size:1em;
    margin-bottom:5px
}

#whmcsx #container .fc-view-container .fc-event {
    padding:2px 5px;
    margin-bottom:0;
    font-size:.85em
}

#whmcsx #container .fc-event {
    background-color:#5fa2dd;
    cursor:grab;
    color:#fff;
    border:1px solid #5fa2dd;
    padding:7px 12px;
    font-size:1em;
    margin-bottom:10px;
    border-radius:0;
    width:auto!important
}

#whmcsx #container .fc-event.ui-draggable-dragging {
    cursor:grabbing
}

#whmcsx #container .fc-event.fc-list {
    background-color:#f5f5f5;
    color:inherit;
    border-color:transparent;
    position:relative;
    padding-left:30px
}

#whmcsx #container .fc-event.fc-list:before {
    content:'';
    display:block;
    background-color:#5fa2dd;
    color:#fff;
    width:8px;
    height:8px;
    position:absolute;
    top:50%;
    left:5px;
    margin-top:-4px
}

#whmcsx #container .fc-event.fc-list.ui-draggable-dragging {
    box-shadow:0 0 5px rgba(0,0,0,0.1)
}

#whmcsx #container .fc-event.info:not(.fc-list),#whmcsx #container .fc-event[data-class="info"]:not(.fc-list),#whmcsx #container .fc-event.info.fc-list:before,#whmcsx #container .fc-event[data-class="info"].fc-list:before {
    background-color:#4ebcda;
    border-color:#4ebcda;
    color:#fff
}

#whmcsx #container .fc-event.success:not(.fc-list),#whmcsx #container .fc-event[data-class="success"]:not(.fc-list),#whmcsx #container .fc-event.success.fc-list:before,#whmcsx #container .fc-event[data-class="success"].fc-list:before {
    background-color:#9cc96b;
    border-color:#9cc96b;
    color:#fff
}

#whmcsx #container .fc-event.warning:not(.fc-list),#whmcsx #container .fc-event[data-class="warning"]:not(.fc-list),#whmcsx #container .fc-event.warning.fc-list:before,#whmcsx #container .fc-event[data-class="warning"].fc-list:before {
    background-color:#ebaa4b;
    border-color:#ebaa4b;
    color:#fff
}

#whmcsx #container .fc-event.danger:not(.fc-list),#whmcsx #container .fc-event[data-class="danger"]:not(.fc-list),#whmcsx #container .fc-event.danger.fc-list:before,#whmcsx #container .fc-event[data-class="danger"].fc-list:before {
    background-color:#f76c51;
    border-color:#f76c51;
    color:#fff
}

#whmcsx #container .fc-event.mint:not(.fc-list),#whmcsx #container .fc-event[data-class="mint"]:not(.fc-list),#whmcsx #container .fc-event.mint.fc-list:before,#whmcsx #container .fc-event[data-class="mint"].fc-list:before {
    background-color:#50c7a7;
    border-color:#50c7a7;
    color:#fff
}

#whmcsx #container .fc-event.purple:not(.fc-list),#whmcsx #container .fc-event[data-class="purple"]:not(.fc-list),#whmcsx #container .fc-event.purple.fc-list:before,#whmcsx #container .fc-event[data-class="purple"].fc-list:before {
    background-color:#986291;
    border-color:#986291;
    color:#fff
}

#whmcsx #container .fc-event.pink:not(.fc-list),#whmcsx #container .fc-event[data-class="pink"]:not(.fc-list),#whmcsx #container .fc-event.pink.fc-list:before,#whmcsx #container .fc-event[data-class="pink"].fc-list:before {
    background-color:#e17ca7;
    border-color:#e17ca7;
    color:#fff
}

#whmcsx #container .fc-event.dark:not(.fc-list),#whmcsx #container .fc-event[data-class="dark"]:not(.fc-list),#whmcsx #container .fc-event.dark.fc-list:before,#whmcsx #container .fc-event[data-class="dark"].fc-list:before {
    background-color:#3b4146;
    border-color:#3b4146;
    color:#fff
}

#whmcsx #container .fc-highlight {
    opacity:.5
}

@media (min-width: 640px) {
#container .fc-toolbar .fc-left {
    float:left
}

#whmcsx #container .fc-toolbar .fc-right {
    float:right
}

#whmcsx #container .fc-toolbar > * > *,#whmcsx #container .fc-toolbar .fc-button-group > * {
    float:left
}
}

/* BOOTSTRAP'S COMPONENTS */
/*======================================*/
#whmcsx .collapse {
    display:none
}

#whmcsx .jumbotron {
    padding:30px;
    background-color:#f7f7f8
}

#whmcsx .navbar-toggle .icon-bar {
    background-color:#aaa
}

#whmcsx .canvas-responsive {
    max-width:100%
}

a {
    text-decoration:none;
    color:#515151;
    outline:0
}

a:hover,a:focus {
    text-decoration:none;
    color:#444;
    outline:0!important
}

button,button:focus {
    outline:0!important
}

code {
    background-color:#e7e3f2;
    color:red;
    padding:2px 7px;
    border-radius:2px;
    font-size:97%
}

kbd {
    border-radius:2px;
    box-shadow:none
}

label {
    font-weight:400
}

legend {
    padding:10px;
    font-size:18px;
    font-weight:600;
    border-color:#eee
}

mark,#whmcsx .mark {
    background-color:#ffe3a2;
    color:#563c00;
    padding:.1em
}

/* HORIZONTAL RULE */
/*======================================*/
hr {
    border-color:rgba(0,0,0,0.05)
}

#whmcsx .hr-wide {
    margin-left:-12px;
    margin-right:-12px
}

#whmcsx .hr-xs {
    margin:5px 0
}

#whmcsx .hr-sm {
    margin:10px 0
}

[class^="col-"]:not(.pad-no) {
    padding-left:12px;
    padding-right:12px
}

/* MEDIA */
/*======================================*/
#whmcsx .media-block .media-left {
    display:block;
    float:left
}

#whmcsx .media-block .media-right {
    float:right
}

#whmcsx .media-block .media-body {
    display:block;
    overflow:hidden;
    width:auto
}

#whmcsx .middle .media-left,#whmcsx .middle .media-right,#whmcsx .middle .media-body {
    vertical-align:middle
}

/* THUMBNAIL */
/*======================================*/
#whmcsx .thumbnail {
    border-radius:0;
    border-color:#e9e9e9
}

/* TABLE */
/*======================================*/
#whmcsx #container .table th {
    font-size:1.05em;
    font-weight:600;
    border-bottom:2px solid rgba(0,0,0,0.14)
}

#whmcsx #container .table td {
    border-top:1px solid rgba(0,0,0,0.05)
}

#whmcsx #container .table.table-vcenter th,#whmcsx #container .table.table-vcenter td {
    vertical-align:middle
}

#whmcsx #container .table .min-width {
    width:1%;
    white-space:nowrap;
    padding-left:15px!important;
    padding-right:15px!important
}

#whmcsx #container .table-bordered td,#whmcsx #container .table-bordered th {
    border-color:rgba(0,0,0,0.11)
}

#whmcsx #container .table-striped > tbody > tr:nth-child(2n+1) {
    background-color:#f6f8fa
}

#whmcsx #container .table-hover > tbody > tr:hover {
    background-color:#f0f2f6
}

/* FORM CONTROL  */
/*======================================*/
#whmcsx .form-control {
    font-size:12px;
    /* height:100%; */
    height: 34px;
    border-radius:3px;
    box-shadow:none;
    border:1px solid #e9e9e9;
    transition-duration:.5s;
}

#whmcsx .form-control:focus {
    border-color:#54abd9;
    box-shadow:none;
    transition-duration:.5s
}

#whmcsx .form-control:focus-feedback {
    z-index:10
}

#whmcsx .has-error .form-control,#whmcsx .has-warning .form-control,#whmcsx .has-success .form-control {
    box-shadow:none!important
}

#whmcsx .fa.form-control-feedback {
    line-height:25px
}

#whmcsx .input-group-addon {
    border:1px solid #e1e5ea;
    background-color:transparent;
    border-radius:0;
    min-width:45px
}

/* NAV PILLS */
/*======================================*/
#whmcsx .nav-pills > li > a {
    border-radius:0
}

#whmcsx .nav-pills > .active > a,#whmcsx .nav-pills > .active > a:hover,#whmcsx .nav-pills > .active > a:focus {
    background-color:#5fa2dd
}

#whmcsx .nav-tabs > li > a {
    border-radius:0 0 0 0
}

/* LIST GROUP */
/*======================================*/
#whmcsx .list-group.bg-trans .list-group-item:not(.active):not(.disabled) {
    background-color:transparent;
    border-color:transparent;
    color:inherit
}

#whmcsx .list-group.bg-trans .list-group-item .disabled {
    opacity:.5
}

#whmcsx .list-group.bg-trans a.list-group-item:hover:not(.active) {
    background-color:rgba(0,0,0,0.05)
}

#whmcsx .list-group.bord-no .list-group-item {
    border-color:transparent
}

#whmcsx .list-group .list-divider {
    display:block
}

#whmcsx .list-group-item {
    border-color:#e9e9e9
}

#whmcsx .list-group-item-heading {
    margin-top:5px
}

#whmcsx .list-group-item:first-child {
    border-top-left-radius:0;
    border-top-right-radius:0
}

#whmcsx .list-group-item:last-child {
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}

#whmcsx .list-group-item .list-group-item.disabled,#whmcsx .list-group-item .list-group-item.disabled:hover,#whmcsx .list-group-item .list-group-item.disabled:focus {
    background-color:rgba(0,0,0,0.07);
    border-color:transparent
}

#whmcsx .list-group-item.active,#whmcsx .list-group-item.active:hover,#whmcsx .list-group-item.active:focus {
    background-color:#54abd9;
    border-color:#54abd9;
    color:#fff
}

#whmcsx .list-group-item.active .list-group-item-text,#whmcsx .list-group-item.active:hover .list-group-item-text,#whmcsx .list-group-item.active:focus .list-group-item-text {
    color:#fff
}

a.list-group-item:hover,a.list-group-item:focus {
    background-color:rgba(0,0,0,0.05)
}

#whmcsx .list-group-item-primary,a.list-group-item-primary {
    background-color:#7cb3e3;
    border-color:transparent;
    color:#fff
}

a.list-group-item-primary:hover,a.list-group-item-primary:focus {
    background-color:#89bae6;
    color:#fff
}

#whmcsx .list-group-item-info,a.list-group-item-info {
    background-color:#6cc7e0;
    border-color:transparent;
    color:#fff
}

a.list-group-item-info:hover,a.list-group-item-info:focus {
    background-color:#78cce3;
    color:#fff
}

#whmcsx .list-group-item-success,a.list-group-item-success {
    background-color:#add385;
    border-color:transparent;
    color:#fff
}

a.list-group-item-success:hover,a.list-group-item-success:focus {
    background-color:#b5d790;
    color:#fff
}

#whmcsx .list-group-item-warning,a.list-group-item-warning {
    background-color:#efb96b;
    border-color:transparent;
    color:#fff
}

a.list-group-item-warning:hover,a.list-group-item-warning:focus {
    background-color:#f0c079;
    color:#fff
}

#whmcsx .list-group-item-danger,a.list-group-item-danger {
    background-color:#f98973;
    border-color:transparent;
    color:#fff
}

a.list-group-item-danger:hover,a.list-group-item-danger:focus {
    background-color:#f99582;
    color:#fff
}

#whmcsx .list-group-item-mint,a.list-group-item-mint {
    background-color:#6bd0b5;
    border-color:transparent;
    color:#fff
}

a.list-group-item-mint:hover,a.list-group-item-mint:focus {
    background-color:#77d3ba;
    color:#fff
}

#whmcsx .list-group-item-purple,a.list-group-item-purple {
    background-color:#a777a1;
    border-color:transparent;
    color:#fff
}

a.list-group-item-purple:hover,a.list-group-item-purple:focus {
    background-color:#ad80a7;
    color:#fff
}

#whmcsx .list-group-item-pink,a.list-group-item-pink {
    background-color:#e899bb;
    border-color:transparent;
    color:#fff
}

a.list-group-item-pink:hover,a.list-group-item-pink:focus {
    background-color:#eba5c3;
    color:#fff
}

#whmcsx .list-group-item-dark,a.list-group-item-dark {
    background-color:#4b5359;
    border-color:transparent;
    color:#fff
}

a.list-group-item-dark:hover,a.list-group-item-dark:focus {
    background-color:#525b62;
    color:#fff
}

/* LABEL */
/*======================================*/
#whmcsx .label {
    font-weight:400;
    border-radius:.1em;
    font-size:85%
}

#whmcsx .label:empty {
    display:inline-block;
    width:1.5em;
    height:1.5em;
    vertical-align:sub
}

#whmcsx .label.label-fw {
    margin-right:.5em
}

#whmcsx .labels .label {
    display:inline-block;
    margin-right:3px;
    margin-bottom:3px
}

#whmcsx .label-md {
    font-size:100%
}

#whmcsx .label-table {
    display:inline-block;
    width:80%;
    min-width:8ex;
    font-size:1em;
    max-width:100px;
    padding:5px;
    text-overflow:ellipsis;
    overflow:hidden
}

#whmcsx .label-default {
    background-color:#e3e8ee;
    color:#333
}

#whmcsx .label-primary {
    background-color:#5fa2dd
}

#whmcsx .label-info {
    background-color:#4ebcda
}

#whmcsx .label-success {
    background-color:#9cc96b
}

#whmcsx .label-warning {
    background-color:#ebaa4b
}

#whmcsx .label-danger {
    background-color:#f76c51
}

#whmcsx .label-mint {
    background-color:#50c7a7
}

#whmcsx .label-purple {
    background-color:#986291
}

#whmcsx .label-pink {
    background-color:#e17ca7
}

#whmcsx .label-dark {
    background-color:#3b4146
}

/* BREADCRUMB */
/*======================================*/
#whmcsx .breadcrumb {
    border-radius:0;
    background-color:transparent;
    margin-bottom:10px;
    padding:0 20px
}

#whmcsx .breadcrumb li,#whmcsx .breadcrumb li a {
    font-size:.85em;
    color:#9e9e9e
}

#whmcsx .breadcrumb > li + li:before {
    content:"\f105";
    display:inline-block;
    font-family:FontAwesome;
    font-style:normal;
    font-weight:400;
    line-height:1
}

@media (min-width: 992px) {
.breadcrumb {
    padding:0 25px
}
}

/* ALERT */
/*======================================*/
#whmcsx .alert {
    border-radius:0;
    border:0;
    padding:15px 3em 15px 15px;
    position:relative
}

#whmcsx .alert .alert-link {
    text-decoration:underline;
    font-weight:400
}

#whmcsx .alert .alert-link:hover {
    text-decoration:underline
}

#whmcsx .alert .close {
    text-shadow:none;
    opacity:.3;
    position:absolute;
    left:auto;
    right:10px;
    top:10px
}

#whmcsx .alert button.close {
    padding:1px;
    border-radius:20px;
    -webkit-transition:all,#whmcsx .3s;
    transition:all,#whmcsx .3s
}

#whmcsx .alert button.close > span:not(.sr-only) {
    display:block;
    width:1em;
    height:1em;
    line-height:.8em
}

#whmcsx .alert button.close:hover {
    opacity:.55
}

#whmcsx .alert button.close:active {
    opacity:.3
}

#whmcsx .alert-primary {
    background-color:#6daae0;
    border-color:transparent;
    color:#fff
}

#whmcsx .alert-primary .close,#whmcsx .alert-primary .alert-link {
    color:#fff
}

#whmcsx .alert-info {
    background-color:#5ec2dd;
    border-color:transparent;
    color:#fff
}

#whmcsx .alert-info .close,#whmcsx .alert-info .alert-link {
    color:#fff
}

#whmcsx .alert-success {
    background-color:#a5ce78;
    border-color:transparent;
    color:#fff
}

#whmcsx .alert-success .close,#whmcsx .alert-success .alert-link {
    color:#fff
}

#whmcsx .alert-warning {
    background-color:#edb25b;
    border-color:transparent;
    color:#fff
}

#whmcsx .alert-warning .close,#whmcsx .alert-warning .alert-link {
    color:#fff
}

#whmcsx .alert-danger {
    background-color:#f87961;
    border-color:transparent;
    color:#fff
}

#whmcsx .alert-danger .close,#whmcsx .alert-danger .alert-link {
    color:#fff
}

#whmcsx .alert-mint {
    background-color:#60ccaf;
    border-color:transparent;
    color:#fff
}

#whmcsx .alert-mint .close,#whmcsx .alert-mint .alert-link {
    color:#fff
}

#whmcsx .alert-purple {
    background-color:#a1709b;
    border-color:transparent;
    color:#fff
}

#whmcsx .alert-purple .close,#whmcsx .alert-purple .alert-link {
    color:#fff
}

#whmcsx .alert-pink {
    background-color:#e488af;
    border-color:transparent;
    color:#fff
}

#whmcsx .alert-pink .close,#whmcsx .alert-pink .alert-link {
    color:#fff
}

#whmcsx .alert-dark {
    background-color:#4d5257;
    border-color:transparent;
    color:#fff
}

#whmcsx .alert-dark .close,#whmcsx .alert-dark .alert-link {
    color:#fff
}

/* MODAL */
/*======================================*/
#whmcsx .modal {
    text-align:center
}

#whmcsx .modal:before {
    content:'';
    display:inline-block;
    height:100%;
    width:0;
    margin-left:-1em;
    vertical-align:middle
}

#whmcsx .modal.fade:not(.animated) .modal-dialog {
    opacity:0;
    -webkit-transform:translateY(-150%);
    -ms-transform:translateY(-150%);
    transform:translateY(-150%);
    -webkit-transition:all .5s linear .5s;
    transition:all .5s linear .5s
}

#whmcsx .modal.fade.in:not(.animated) .modal-dialog {
    opacity:1;
    -webkit-transform:translateY(0%);
    -ms-transform:translateY(0%);
    transform:translateY(0%);
    -webkit-transition:all .5s;
    transition:all .5s
}

#whmcsx .bootbox.modal.in:not(.fade) {
    opacity:1;
    -webkit-transition:opacity,#whmcsx .5s;
    transition:opacity,#whmcsx .5s
}

#whmcsx .bootbox.modal:not(.fade) {
    opacity:0;
    -webkit-transition:opacity .5s linear .5s;
    transition:opacity .5s linear .5s
}

#whmcsx .modal-dialog {
    display:inline-block;
    vertical-align:middle;
    text-align:left;
    margin-top:-1%;
    min-width:90%
}

#whmcsx .modal-dialog.animated {
    -webkit-animation-duration:.7s;
    animation-duration:.7s
}

#whmcsx .modal-header {
    padding:15px;
    position:relative;
    border:0
}

#whmcsx .modal-header:after {
    content:'';
    position:absolute;
    bottom:0;
    left:15px;
    right:15px;
    height:1px;
    border-bottom:1px solid rgba(0,0,0,0.1)
}

#whmcsx .modal-footer {
    background-color:rgba(0,0,0,0.025);
    color:#5c7174;
    border-color:rgba(0,0,0,0.04);
    border-top-left-radius:0;
    border-top-right-radius:0
}

#whmcsx .modal-title {
    font-size:18px;
    font-weight:300
}

#whmcsx .modal-body {
    min-height:90px
}

#whmcsx .modal-body .close,#whmcsx .modal-header .close {
    top:15px;
    right:10px;
    left:auto;
    position:absolute;
    background-color:transparent!important
}

#whmcsx .modal-content {
    box-shadow:none;
    border-radius:0
}

#whmcsx .modal-footer {
    padding:10px 15px;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}

#whmcsx .modal-backdrop.in {
    opacity:.75
}

@media (min-width: 768px) {
.modal-dialog {
    min-width:0
}
}

/* TOOLTIP */
/*======================================*/
#whmcsx .tooltip {
    z-index:999999
}

#whmcsx .tooltip-inner {
    font-size:12px;
    border-radius:0;
    padding:5px 10px;
    background-color:#1c1e21
}

#whmcsx .tooltip.top .tooltip-arrow,#whmcsx .tooltip.top-left .tooltip-arrow,#whmcsx .tooltip.top-right .tooltip-arrow {
    border-top-color:#1c1e21
}

#whmcsx .tooltip.right .tooltip-arrow {
    border-right-color:#1c1e21
}

#whmcsx .tooltip.left .tooltip-arrow {
    border-left-color:#1c1e21
}

#whmcsx .tooltip.bottom .tooltip-arrow,#whmcsx .tooltip.bottom-left .tooltip-arrow,#whmcsx .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color:#1c1e21
}

/* POPOVER */
/*======================================*/
#whmcsx .popover {
    font-family:Ubuntu,sans-serif;
    font-size:12px;
    border-radius:0;
    box-shadow:0 1px 2px rgba(0,0,0,0.1)
}

#whmcsx .popover-title {
    background-color:#f5f6f7;
    color:#5c7174;
    font-weight:300;
    border-radius:0 0 0 0
}

#whmcsx .popover > .arrow {
    border-width:9px
}

#whmcsx .popover > .arrow:after {
    border-width:9px
}

#whmcsx .popover.left > .arrow {
    right:-9px;
    margin-top:-9px
}

#whmcsx .popover.left > .arrow:after {
    bottom:-9px
}

#whmcsx .popover.right > .arrow {
    left:-9px;
    margin-top:-9px
}

#whmcsx .popover.right > .arrow:after {
    bottom:-9px
}

#whmcsx .popover.top > .arrow {
    bottom:-9px
}

#whmcsx .popover.top > .arrow:after {
    margin-left:-9px
}

#whmcsx .popover.bottom > .arrow {
    top:-9px
}

#whmcsx .popover.bottom > .arrow:after {
    margin-left:-9px
}

#whmcsx .popover-content {
    padding:10px 15px 20px
}

/* BADGE */
/*======================================*/
#whmcsx #container .badge {
    font-weight:400;
    color:#fff
}

#whmcsx .badge:empty.badge-icon {
    display:inline-block;
    width:.7em;
    height:.7em;
    padding:0;
    min-width:5px;
    margin:.5em;
    border-radius:50%
}

#whmcsx .badge.badge-fw,#whmcsx .badge:empty.badge-fw {
    margin-right:1em
}

#whmcsx .badge-default {
    background-color:#e3e8ee;
    color:#333
}

#whmcsx .badge-primary {
    background-color:#5fa2dd
}

#whmcsx .badge-info {
    background-color:#4ebcda
}

#whmcsx .badge-success {
    background-color:#9cc96b
}

#whmcsx .badge-warning {
    background-color:#ebaa4b
}

#whmcsx .badge-danger {
    background-color:#f76c51
}

#whmcsx .badge-mint {
    background-color:#50c7a7
}

#whmcsx .badge-purple {
    background-color:#986291
}

#whmcsx .badge-pink {
    background-color:#e17ca7
}

#whmcsx .badge-dark {
    background-color:#3b4146
}

/* DROPDOWN */
/*======================================*/
#whmcsx .dropdown-header {
    padding:5px 20px 5px 10px
}

#whmcsx .dropdown-toggle > .dropdown-caret {
    padding-left:.5em
}

#whmcsx .dropdown-toggle.dropdown-toggle-icon > i {
    padding:0 .25em
}

#whmcsx .dropdown-menu {
    font-size:12px;
    border-radius:0;
    box-shadow:0 2px 1px 0 rgba(0,0,0,0.15);
    margin:1px 0 0;
    padding:0;
    border:1px solid #e9e9e9
}

#whmcsx .dropdown-menu-right {
    left:auto;
    right:0
}

#whmcsx .dropup .dropdown-menu {
    box-shadow:0 -2px 1px 0 rgba(0,0,0,0.15)
}

#whmcsx .dropdown-menu > li > a {
    padding:5px 10px
}

#whmcsx .dropdown-menu > li > a:hover {
    background-color:#54abd9;
    color:#fff
}

#whmcsx .dropdown-menu.with-arrow:before,#whmcsx .dropdown-menu.with-arrow:after {
    content:"";
    display:block;
    position:absolute;
    width:0;
    height:0;
    left:0;
    top:0;
    border-left:7px solid transparent;
    border-right:7px solid transparent
}

#whmcsx .dropdown-menu.with-arrow:before {
    border-bottom:7px solid #d0d0d0;
    margin:-7px 0 0 15px
}

#whmcsx .dropdown-menu.with-arrow:after {
    border-bottom:7px solid #fff;
    margin:-6px 0 0 15px
}

#whmcsx .dropdown-menu-right.dropdown-menu.with-arrow:before {
    left:auto;
    right:0;
    margin:-7px 25px 0 0
}

#whmcsx .dropdown-menu-right.dropdown-menu.with-arrow:after {
    left:auto;
    right:0;
    margin:-6px 25px 0 0
}

#whmcsx .dropdown-menu-sm {
    min-width:200px
}

#whmcsx .dropdown-menu-md {
    min-width:275px
}

#whmcsx .dropdown-menu-lg {
    min-width:350px
}

#whmcsx .dropdown.open > .btn,#whmcsx .btn-group.open .dropdown-toggle {
    box-shadow:inset 0 3px 1px rgba(0,0,0,0.3)
}

/* WELL */
/*======================================*/
#whmcsx .well {
    background-color:rgba(0,0,0,0.05);
    border-radius:0;
    box-shadow:none
}

#whmcsx .well-xs {
    padding:5px
}

/* PROGRESSBAR */
/*======================================*/
#whmcsx .progress {
    height:12px;
    margin-bottom:15px;
    border-radius:0;
    box-shadow:none;
    background-color:rgba(0,0,0,0.1)
}

#whmcsx .progress .progress-bar {
    font-size:9px;
    line-height:12px;
    box-shadow:none
}

#whmcsx .progress-light-base {
    background-color:#fff
}

#whmcsx .progress-dark-base {
    background-color:rgba(255,255,255,0.2)
}

#whmcsx .progress-xl {
    height:30px;
    margin-bottom:20px
}

#whmcsx .progress-xl .progress-bar {
    font-size:12px;
    line-height:30px
}

#whmcsx .progress-lg {
    height:20px;
    margin-bottom:20px
}

#whmcsx .progress-lg .progress-bar {
    font-size:12px;
    line-height:20px
}

#whmcsx .progress-md {
    height:8px;
    margin-bottom:5px
}

#whmcsx .progress-md .progress-bar {
    font-size:5px;
    line-height:8px
}

#whmcsx .progress-sm {
    height:4px;
    margin-bottom:5px
}

#whmcsx .progress-sm .progress-bar {
    font-size:0;
    line-height:4px
}

#whmcsx .progress-xs {
    height:2px;
    margin-bottom:10px
}

#whmcsx .progress-xs .progress-bar {
    font-size:0;
    line-height:2px
}

#whmcsx .progress-bar-light {
    background-color:#fff
}

#whmcsx .progress-bar-primary {
    background-color:#5fa2dd
}

#whmcsx .progress-bar-info {
    background-color:#4ebcda
}

#whmcsx .progress-bar-success {
    background-color:#9cc96b
}

#whmcsx .progress-bar-warning {
    background-color:#ebaa4b
}

#whmcsx .progress-bar-danger {
    background-color:#f76c51
}

#whmcsx .progress-bar-mint {
    background-color:#50c7a7
}

#whmcsx .progress-bar-purple {
    background-color:#986291
}

#whmcsx .progress-bar-pink {
    background-color:#e17ca7
}

#whmcsx .progress-bar-dark {
    background-color:#3b4146
}

/*======================================*/
/* PAGER */
/*======================================*/
#whmcsx .pager li > a:active,#whmcsx .pagination > li a:active {
    box-shadow:inset 0 3px 1px rgba(0,0,0,0.2)
}

#whmcsx .pager li > a:hover,#whmcsx .pager li > a:focus,#whmcsx .pagination > li a:hover,#whmcsx .pagination > li a:focus {
    background-color:#fff;
    border-color:#54abd9;
    color:#54abd9;
    box-shadow:inset 0 0 1px #54abd9;
    z-index:2;
    -webkit-transition:border-color,#whmcsx .3s;
    transition:border-color,#whmcsx .3s
}

#whmcsx .pager li > a,#whmcsx .pager li > span {
    border-radius:0;
    border-color:#dcdcdc
}

#whmcsx .pager.pager-rounded li > a,#whmcsx .pager.pager-rounded li > span {
    border-radius:15px
}

#whmcsx .pager .disabled > a,#whmcsx .pager .disabled > span,#whmcsx .pager .disabled > a:hover,#whmcsx .pager .disabled > span:hover,#whmcsx .pager .disabled > a:focus,#whmcsx .pager .disabled > span:focus,#whmcsx .pagination .disabled > a,#whmcsx .pagination .disabled > span,#whmcsx .pagination .disabled > a:hover,#whmcsx .pagination .disabled > span:hover,#whmcsx .pagination .disabled > a:focus,#whmcsx .pagination .disabled > span:focus {
    opacity:.7;
    border-color:#dcdcdc;
    box-shadow:none
}

/*======================================*/
/* PAGINATION */
/*======================================*/
#whmcsx .pagination > li > a,#whmcsx .pagination > li > span {
    color:inherit;
    border-color:#dcdcdc;
    -webkit-transition:border-color,#whmcsx .3s;
    transition:border-color,#whmcsx .3s
}

#whmcsx .pagination > li > span {
    cursor:default
}

#whmcsx .pagination > li > span:hover {
    background-color:#fff
}

#whmcsx .pagination > li:first-child > a,#whmcsx .pagination > li:first-child span {
    border-top-left-radius:0;
    border-bottom-left-radius:0
}

#whmcsx .pagination > li:last-child > a,#whmcsx .pagination > li:last-child span {
    border-top-right-radius:0;
    border-bottom-right-radius:0
}

#whmcsx .pagination > .active > a,#whmcsx .pagination > .active > span,#whmcsx .pagination > .active > a:hover,#whmcsx .pagination > .active > span:hover,#whmcsx .pagination > .active > a:focus,#whmcsx .pagination > .active > span:focus {
    background-color:#54abd9;
    border-color:#54abd9
}

/* CAROUSEL                             */
/*======================================*/
#whmcsx .carousel-control.left,#whmcsx .carousel-control.right {
    background-image:none;
    background-repeat:no-repeat;
    color:inherit
}

#whmcsx .carousel-control,#whmcsx .carousel-control:focus {
    font-size:1em;
    text-shadow:none;
    width:auto;
    padding:10px;
    top:0;
    bottom:0;
    opacity:.5;
    -webkit-transition:opacity .5s;
    transition:opacity .5s
}

#whmcsx .carousel-control.auto-hide {
    opacity:0
}

#whmcsx .carousel-control:before {
    content:'';
    display:inline-block;
    height:100%;
    width:0;
    vertical-align:middle
}

#whmcsx .carousel-control i {
    position:relative;
    top:.25em
}

#whmcsx .carousel:hover .carousel-control {
    opacity:1;
    -webkit-transition:opacity .5s;
    transition:opacity .5s
}

#whmcsx .carousel-indicators.out {
    bottom:0
}

#whmcsx .carousel-indicators.out + .carousel-inner {
    padding-bottom:30px
}

#whmcsx .carousel-indicators.square li {
    border-radius:1px
}

#whmcsx .carousel-indicators.dark .active {
    background-color:#3b4146
}

#whmcsx .carousel-indicators.dark li {
    border-color:#3b4146
}

/* BLOCKQUOTE */
/*======================================*/
#whmcsx .bq-sm {
    font-size:12px
}

#whmcsx .bq-open:before {
    color:rgba(0,0,0,0.3);
    content:open-quote;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:4em;
    line-height:.1em;
    margin-right:.25em;
    vertical-align:-.4em
}

/* FORM */
/*======================================*/
#whmcsx .form-horizontal .control-label {
    margin-bottom:5px
}

#whmcsx .form-horizontal .control-label.text-left {
    text-align:left
}

/* ACCORDION */
/*======================================*/
#whmcsx .panel > .panel-heading + .panel-collapse > .panel-body {
    border-top:0
}

#whmcsx .panel-group {
    margin-bottom:35px
}

#whmcsx .panel-group.accordion .panel {
    margin-bottom:0
}

#whmcsx .panel-group.accordion .panel-heading {
    border-radius:0;
    height:auto
}

#whmcsx .panel-group.accordion .panel-heading:after {
    border:0!important
}

#whmcsx .panel-group.accordion .panel-heading,#whmcsx .panel-group.accordion .panel-title {
    padding:0
}

#whmcsx .panel-group.accordion .panel-title {
    line-height:40px
}

#whmcsx .panel-group.accordion .panel-title a {
    display:block;
    color:inherit;
    text-transform:none;
    font-size:12px;
    font-weight:300;
    padding:0 15px
}

#whmcsx .panel-group.accordion .panel-title a:hover,#whmcsx .panel-group.accordion .panel-title a:focus {
    color:inherit
}

#whmcsx .panel-group.accordion .panel:first-child,#whmcsx .panel-group.accordion .panel:first-child .panel-heading {
    border-top-left-radius:0;
    border-top-right-radius:0
}

#whmcsx .panel-group.accordion .panel:last-child {
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    overflow:hidden
}

/* TAB */
/*======================================*/
#whmcsx .tab-base {
    margin-bottom:35px
}

#whmcsx .tab-base .tab-content {
    background-color:#fff;
    box-shadow:0 2px 0 rgba(0,0,0,0.05);
    border-bottom-left-radius:2px;
    border-bottom-right-radius:2px;
    padding:15px
}

#whmcsx .tab-base .tab-content .tab-footer {
    background-color:#f0f2f4;
    color:#515151;
    border-color:#eaedf0;
    position:relative;
    margin:0 -15px -15px;
    padding:10px 15px
}

#whmcsx .tab-base .nav-tabs {
    border:0
}

#whmcsx .tab-base .nav-tabs > li:not(.active) > a {
    background-color:rgba(255,255,255,0.35);
    opacity:.7;
    -webkit-transition:opacity,#whmcsx .3s;
    transition:opacity,#whmcsx .3s
}

#whmcsx .tab-base .nav-tabs > li:not(.active) > a:hover {
    opacity:.9;
    background-color:rgba(255,255,255,0.55);
    border-color:#54abd9;
    border-bottom-color:transparent;
    -webkit-transition:opacity,#whmcsx .3s;
    transition:opacity,#whmcsx .3s
}

#whmcsx .tab-base .nav-tabs > .active > a,#whmcsx .tab-base .nav-tabs > .active a:hover,#whmcsx .tab-base .nav-tabs > .active > a:focus {
    border-color:transparent
}

#whmcsx .tab-base .nav-tabs.tabs-right {
    text-align:right
}

#whmcsx .tab-base .nav-tabs.tabs-right > li {
    float:none;
    display:inline-block;
    margin-right:-2px
}

#whmcsx .tab-footer:after {
    content:'';
    display:table;
    clear:both
}

#whmcsx .nav-tabs li a {
    border-radius:0 0 0 0
}

#whmcsx .nav-tabs.tab-right {
    text-align:right
}

#whmcsx .nav-tabs.tab-right > li {
    display:inline-block;
    text-align:left;
    float:none
}

#whmcsx .nav-tabs.tab-right > li > a {
    margin-right:0
}

#whmcsx .nav-tabs .label,#whmcsx .nav-tabs .badge {
    margin-left:4px
}

#whmcsx .tab-stacked-left,#whmcsx .tab-stacked-right {
    display:table;
    height:100%;
    width:100%
}

#whmcsx .tab-stacked-left .nav-tabs > li,#whmcsx .tab-stacked-right .nav-tabs > li {
    float:none;
    margin:0
}

#whmcsx .tab-stacked-left .nav-tabs > li > a,#whmcsx .tab-stacked-right .nav-tabs > li > a {
    margin:0 0 2px
}

#whmcsx .tab-stacked-left .nav-tabs > li:last-child > a,#whmcsx .tab-stacked-right .nav-tabs > li:last-child > a {
    margin-bottom:0
}

#whmcsx .tab-stacked-left .nav-tabs,#whmcsx .tab-stacked-right .nav-tabs,#whmcsx .tab-stacked-left .tab-content,#whmcsx .tab-stacked-right .tab-content {
    display:table-cell;
    vertical-align:top
}

#whmcsx .tab-stacked-left .tab-content,#whmcsx .tab-stacked-right .tab-content {
    overflow:hidden
}

#whmcsx .tab-stacked-left .nav-tabs {
    width:1%;
    border:0
}

#whmcsx .tab-stacked-left .nav-tabs > li a {
    border-right-color:transparent;
    border-radius:0 0 0 0
}

#whmcsx .tab-stacked-left .nav-tabs > .active > a:hover,#whmcsx .tab-stacked-left .nav-tabs > .active > a:focus {
    border-right-color:transparent
}

#whmcsx .tab-stacked-left.tab-base .nav-tabs > li:not(.active) a:hover {
    border-color:#54abd9;
    border-right-color:transparent
}

#whmcsx .tab-stacked-left .tab-content {
    border-left-color:transparent;
    border-radius:0 0 0 0
}

#whmcsx .tab-stacked-right .nav-tabs {
    width:1%;
    border:0
}

#whmcsx .tab-stacked-right .nav-tabs > li a {
    border-left-color:transparent;
    border-radius:0 0 0 0
}

#whmcsx .tab-stacked-right .nav-tabs > .active > a:hover,#whmcsx .tab-stacked-right .nav-tabs > .active > a:focus {
    border-left-color:transparent
}

#whmcsx .tab-stacked-right.tab-base .nav-tabs > li:not(.active) a:hover {
    border-color:#54abd9;
    border-left-color:transparent
}

#whmcsx .tab-stacked-right .tab-content {
    border-right-color:transparent;
    border-radius:0 0 0 0
}

/* BACKGROUND */
/*======================================*/
#whmcsx .bg-trans {
    background-color:transparent
}

#whmcsx .bg-light {
    background-color:#fff
}

#whmcsx .bg-light,#whmcsx .bg-light a {
    color:#515151
}

#whmcsx .bg-gray-light {
    background-color:#f3f5f8
}

#whmcsx .bg-gray-light,#whmcsx .bg-gray-light a {
    color:#515151
}

#whmcsx .bg-gray {
    background-color:#e3e8ee
}

#whmcsx .bg-gray,#whmcsx .bg-gray a {
    color:#515151
}

#whmcsx .bg-gray-dark {
    background-color:#c3cedb
}

#whmcsx .bg-gray-dark,#whmcsx .bg-gray-dark a {
    color:#515151
}

#whmcsx .bg-trans-light {
    background-color:rgba(255,255,255,0.1)
}

#whmcsx .bg-trans-light,#whmcsx .bg-trans-light a {
    color:inherit
}

#whmcsx .bg-trans-dark {
    background-color:rgba(0,0,0,0.05)
}

#whmcsx .bg-trans-dark,#whmcsx .bg-trans-dark a {
    color:inherit
}

#whmcsx .bg-primary {
    background-color:#5fa2dd
}

#whmcsx .bg-primary,#whmcsx .bg-primary a {
    color:#fff
}

#whmcsx .bg-info {
    background-color:#4ebcda
}

#whmcsx .bg-info,#whmcsx .bg-info a {
    color:#fff
}

#whmcsx .bg-success {
    background-color:#9cc96b
}

#whmcsx .bg-success,#whmcsx .bg-success a {
    color:#fff
}

#whmcsx .bg-warning {
    background-color:#ebaa4b
}

#whmcsx .bg-warning,#whmcsx .bg-warning a {
    color:#fff
}

#whmcsx .bg-danger {
    background-color:#f76c51
}

#whmcsx .bg-danger,#whmcsx .bg-danger a {
    color:#fff
}

#whmcsx .bg-mint {
    background-color:#50c7a7
}

#whmcsx .bg-mint,#whmcsx .bg-mint a {
    color:#fff
}

#whmcsx .bg-purple {
    background-color:#986291
}

#whmcsx .bg-purple,#whmcsx .bg-purple a {
    color:#fff
}

#whmcsx .bg-pink {
    background-color:#e17ca7
}

#whmcsx .bg-pink,#whmcsx .bg-pink a {
    color:#fff
}

#whmcsx .bg-dark {
    background-color:#3b4146
}

#whmcsx .bg-dark,#whmcsx .bg-dark a {
    color:#fff
}

/* TEXT */
/*======================================*/
#whmcsx .text-light,a.text-light:hover,a.text-light:focus,a.text-light:focus {
    color:#ccc
}

#whmcsx .text-muted,a.text-muted:hover,a.text-muted:focus,a.text-muted:focus {
    color:#606060
}

#whmcsx .text-primary,a.text-primary:hover,a.text-primary:focus,a.text-primary:focus {
    color:#266fb0
}

#whmcsx .text-info,a.text-info:hover,a.text-info:focus,a.text-info:focus {
    color:#2285a0
}

#whmcsx .text-success,a.text-success:hover,a.text-success:focus,a.text-success:focus {
    color:#699737
}

#whmcsx .text-warning,a.text-warning:hover,a.text-warning:focus,a.text-warning:focus {
    color:#bb7815
}

#whmcsx .text-danger,a.text-danger:hover,a.text-danger:focus,a.text-danger:focus {
    color:#d82b0a
}

#whmcsx .text-mint,a.text-mint:hover,a.text-mint:focus,a.text-mint:focus {
    color:#2b866e
}

#whmcsx .text-purple,a.text-purple:hover,a.text-purple:focus,a.text-purple:focus {
    color:#5a3a56
}

#whmcsx .text-pink,a.text-pink:hover,a.text-pink:focus,a.text-pink:focus {
    color:#c92e70
}

#whmcsx .text-dark,a.text-dark:hover,a.text-dark:focus,a.text-dark:focus {
    color:#0c0e0f
}

/* BUTTONS */
/*======================================*/
#whmcsx .btn {
    cursor:pointer;
    background-color:transparent;
    color:inherit;
    padding:6px 12px;
    border-radius:0;
    border:1px solid 0;
    font-size:12px;
    line-height:1.42857;
    vertical-align:middle;
    -webkit-transition:all .25s;
    transition:all .25s
}

#whmcsx .btn:not(.disabled):not(:disabled):active,#whmcsx .btn:not(.disabled):not(:disabled).active {
    box-shadow:inset 0 2px 1px rgba(0,0,0,0.2)
}

/* Button Sizes */
/*---------------------------------*/
#whmcsx .btn-lg,#whmcsx .btn-icon.btn-lg {
    font-size:16px;
    line-height:1.33
}

#whmcsx .btn-sm,#whmcsx .btn-icon.btn-sm {
    font-size:10px;
    line-height:1.5
}

#whmcsx .btn-xs,#whmcsx .btn-icon.btn-xs {
    font-size:10px;
    line-height:1.5
}

/* Button Icon */
/*---------------------------------*/
#whmcsx .btn-icon {
    padding-left:9px;
    padding-right:9px
}

#whmcsx .btn-icon:before {
    display:inline-block;
    min-width:1.05em
}

/* Button File */
/*---------------------------------*/
#whmcsx .btn-file {
    position:relative;
    overflow:hidden
}

#whmcsx .btn-file input[type=file] {
    position:absolute;
    top:0;
    right:0;
    min-width:100%;
    min-height:100%;
    font-size:100px;
    text-align:right;
    filter:alpha(opacity=0);
    opacity:0;
    outline:none;
    background:#fff;
    cursor:inherit;
    display:block
}

/* Button Link */
/*---------------------------------*/
#whmcsx .btn-link {
    border-color:transparent
}

#whmcsx .btn.btn-link:focus,#whmcsx .btn.btn-link:active {
    box-shadow:none
}

#whmcsx .btn-link.disabled:hover,#whmcsx .btn-link.disabled:focus {
    text-decoration:none
}

/* Button Transparent */
/*---------------------------------*/
#whmcsx .btn-trans {
    background-color:transparent;
    border-color:transparent;
    color:#848484
}

#whmcsx .btn-default,#whmcsx .btn-default:focus,#whmcsx .btn-hover-default:hover,#whmcsx .btn-hover-default:active,#whmcsx .btn-hover-default.active,#whmcsx .btn.btn-active-default:active,#whmcsx .btn.btn-active-default.active,#whmcsx .dropdown.open > .btn.btn-active-default,#whmcsx .btn-group.open .dropdown-toggle.btn.btn-active-default {
    background-color:#E6E6E6;
    border-radius:3px;
    color:#515151
}

#whmcsx .btn-default:hover,#whmcsx .btn-default:active,#whmcsx .btn-default.active,#whmcsx .open > .dropdown-toggle.btn-default {
    background-color:#C6C5C5;
    border-radius:3px;
    color:#515151
}

#whmcsx .btn-primary,#whmcsx .btn-primary:focus,#whmcsx .btn-hover-primary:hover,#whmcsx .btn-hover-primary:active,#whmcsx .btn-hover-primary.active,#whmcsx .btn.btn-active-primary:active,#whmcsx .btn.btn-active-primary.active,#whmcsx .dropdown.open > .btn.btn-active-primary,#whmcsx .btn-group.open .dropdown-toggle.btn.btn-active-primary {
    background-color:#579ddb;
    border-radius:3px;
    color:#fff
}

#whmcsx .btn-primary:hover,#whmcsx .btn-primary:active,#whmcsx .btn-primary.active,#whmcsx .open > .dropdown-toggle.btn-primary {
    background-color:#3b8dd5;
    border-radius:3px;
    color:#fff
}

#whmcsx .btn-info,#whmcsx .btn-info:focus,#whmcsx .btn-hover-info:hover,#whmcsx .btn-hover-info:active,#whmcsx .btn-hover-info.active,#whmcsx .btn.btn-active-info:active,#whmcsx .btn.btn-active-info.active,#whmcsx .dropdown.open > .btn.btn-active-info,#whmcsx .btn-group.open .dropdown-toggle.btn.btn-active-info {
    background-color:#46b9d8;
    border-radius:3px;
    color:#fff
}

#whmcsx .btn-info:hover,#whmcsx .btn-info:active,#whmcsx .btn-info.active,#whmcsx .open > .dropdown-toggle.btn-info {
    background-color:#2caed1;
    border-color:#30b1d4;
    color:#fff
}

#whmcsx .btn-success,#whmcsx .btn-success:focus,#whmcsx .btn-hover-success:hover,#whmcsx .btn-hover-success:active,#whmcsx .btn-hover-success.active,#whmcsx .btn.btn-active-success:active,#whmcsx .btn.btn-active-success.active,#whmcsx .dropdown.open > .btn.btn-active-success,#whmcsx .btn-group.open .dropdown-toggle.btn.btn-active-success {
    background-color:#1abc9c;
    color:#fff;
    border-radius:3px
}

#whmcsx .btn-success:hover,#whmcsx .btn-success:active,#whmcsx .btn-success.active,#whmcsx .open > .dropdown-toggle.btn-success {
    background-color:#17a689;
    border-radius:3px;
    color:#fff
}

#whmcsx .btn-warning,#whmcsx .btn-warning:focus,#whmcsx .btn-hover-warning:hover,#whmcsx .btn-hover-warning:active,#whmcsx .btn-hover-warning.active,#whmcsx .btn.btn-active-warning:active,#whmcsx .btn.btn-active-warning.active,#whmcsx .dropdown.open > .btn.btn-active-warning,#whmcsx .btn-group.open .dropdown-toggle.btn.btn-active-warning {
    background-color:#eaa642;
    border-radius:3px;
    color:#fff
}

#whmcsx .btn-warning:hover,#whmcsx .btn-warning:active,#whmcsx .btn-warning.active,#whmcsx .open > .dropdown-toggle.btn-warning {
    background-color:#e79824;
    border-radius:3px;
    color:#fff
}

#whmcsx .btn-danger,#whmcsx .btn-danger:focus,#whmcsx .btn-hover-danger:hover,#whmcsx .btn-hover-danger:active,#whmcsx .btn-hover-danger.active,#whmcsx .btn.btn-active-danger:active,#whmcsx .btn.btn-active-danger.active,#whmcsx .dropdown.open > .btn.btn-active-danger,#whmcsx .btn-group.open .dropdown-toggle.btn.btn-active-danger {
    background-color:#f76447;
    border-radius:3px;
    color:#fff
}

#whmcsx .btn-danger:hover,#whmcsx .btn-danger:active,#whmcsx .btn-danger.active,#whmcsx .open > .dropdown-toggle.btn-danger {
    background-color:#f54928;
    border-radius:3px;
    color:#fff
}

#whmcsx .btn-mint,#whmcsx .btn-mint:focus,#whmcsx .btn-hover-mint:hover,#whmcsx .btn-hover-mint:active,#whmcsx .btn-hover-mint.active,#whmcsx .btn.btn-active-mint:active,#whmcsx .btn.btn-active-mint.active,#whmcsx .dropdown.open > .btn.btn-active-mint,#whmcsx .btn-group.open .dropdown-toggle.btn.btn-active-mint {
    background-color:#48c5a3;
    border-radius:3px;
    color:#fff
}

#whmcsx .btn-mint:hover,#whmcsx .btn-mint:active,#whmcsx .btn-mint.active,#whmcsx .open > .dropdown-toggle.btn-mint {
    background-color:#39b392;
    border-radius:3px;
    color:#fff
}

#whmcsx .btn-purple,#whmcsx .btn-purple:focus,#whmcsx .btn-hover-purple:hover,#whmcsx .btn-hover-purple:active,#whmcsx .btn-hover-purple.active,#whmcsx .btn.btn-active-purple:active,#whmcsx .btn.btn-active-purple.active,#whmcsx .dropdown.open > .btn.btn-active-purple,#whmcsx .btn-group.open .dropdown-toggle.btn.btn-active-purple {
    background-color:#925e8b;
    border-radius:3px;
    color:#fff
}

#whmcsx .btn-purple:hover,#whmcsx .btn-purple:active,#whmcsx .btn-purple.active,#whmcsx .open > .dropdown-toggle.btn-purple {
    background-color:#7e5178;
    border-radius:3px;
    color:#fff
}

#whmcsx .btn-pink,#whmcsx .btn-pink:focus,#whmcsx .btn-hover-pink:hover,#whmcsx .btn-hover-pink:active,#whmcsx .btn-hover-pink.active,#whmcsx .btn.btn-active-pink:active,#whmcsx .btn.btn-active-pink.active,#whmcsx .dropdown.open > .btn.btn-active-pink,#whmcsx .btn-group.open .dropdown-toggle.btn.btn-active-pink {
    background-color:#df74a1;
    border-radius:3px;
    color:#fff
}

#whmcsx .btn-pink:hover,#whmcsx .btn-pink:active,#whmcsx .btn-pink.active,#whmcsx .open > .dropdown-toggle.btn-pink {
    background-color:#d9598f;
    border-radius:3px;
    color:#fff
}

#whmcsx .btn-dark,#whmcsx .btn-dark:focus,#whmcsx .btn-hover-dark:hover,#whmcsx .btn-hover-dark:active,#whmcsx .btn-hover-dark.active,#whmcsx .btn.btn-active-dark:active,#whmcsx .btn.btn-active-dark.active,#whmcsx .dropdown.open > .btn.btn-active-dark,#whmcsx .btn-group.open .dropdown-toggle.btn.btn-active-dark {
    background-color:#363c40;
    border-radius:3px;
    color:#fff
}

#whmcsx .btn-dark:hover,#whmcsx .btn-dark:active,#whmcsx .btn-dark.active,#whmcsx .open > .dropdown-toggle.btn-dark {
    background-color:#272b2e;
    border-radius:3px;
    color:#fff
}

#whmcsx .btn-group-vertical .btn:not(.btn-default),#whmcsx .btn-group .btn:not(.btn-default) {
    border-color:rgba(0,0,0,0.09)
}

#whmcsx .btn-lg,#whmcsx .btn-group-lg > .btn,#whmcsx .btn-icon.btn-lg {
    padding:10px 16px
}

#whmcsx .btn-sm,#whmcsx .btn-group-sm > .btn,#whmcsx .btn-icon.btn-sm {
    padding:5px 10px
}

#whmcsx .btn-xs,#whmcsx .btn-group-xs > .btn,#whmcsx .btn-icon.btn-xs {
    padding:7px 5px
}

#whmcsx .btn-lg,#whmcsx .btn-group-lg > .btn,#whmcsx .btn-icon.btn-lg {
    border-radius:3px
}

#whmcsx .btn-lg,#whmcsx .btn-group-sm > .btn,#whmcsx .btn-lg,#whmcsx .btn-group-xs > .btn,#whmcsx .btn-icon.btn-lg,#whmcsx .btn-icon.btn-lg {
    border-radius:3px
}

#whmcsx .btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-left-radius:3px;
    border-top-right-radius:3px
}

#whmcsx .btn-group-vertical > .btn:last-child:not(:first-child) {
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px
}

/* Button Circle */
/*---------------------------------*/
#whmcsx .btn-circle {
    padding:7px;
    border-radius:50%
}

#whmcsx .btn-lg.btn-circle {
    padding:17px
}

#whmcsx .btn-sm.btn-circle {
    padding:7px
}

#whmcsx .btn-xs.btn-circle {
    padding:4px
}

#whmcsx .btn-icon.btn-circle:before {
    display:block;
    width:1.4em;
    height:1.4em;
    line-height:1.4
}

/* Button Rounded */
/*---------------------------------*/
#whmcsx .btn-rounded {
    border-radius:17px;
    overflow:hidden
}

#whmcsx .btn-lg.btn-rounded {
    border-radius:30px
}

#whmcsx .btn-sm.btn-rounded {
    border-radius:15px
}

#whmcsx .btn-xs.btn-rounded {
    border-radius:10px
}

#whmcsx .btn-group.btn-rounded {
    overflow:hidden
}

/* Button Labeled */
/*---------------------------------*/
#whmcsx .btn-labeled,#whmcsx .btn-labeled.fa {
    overflow:hidden
}

#whmcsx .btn-labeled:not(.btn-block):not(.form-icon) {
    font-family:inherit;
    font-size:12px;
    line-height:1.42857;
    padding-bottom:0;
    padding-top:0
}

#whmcsx .btn-block.btn-labeled:not(.form-icon) {
    font-family:inherit;
    font-size:12px;
    line-height:1.42857
}

#whmcsx .btn-block.btn-labeled:not(.form-icon):before {
    float:left;
    margin-top:-7px;
    margin-bottom:-7px
}

#whmcsx .btn-labeled .btn-label {
    background-color:rgba(0,0,0,0.05);
    display:inline-block;
    margin-left:-12px;
    margin-right:6px;
    padding:6px 12px;
    line-height:1.42857
}

#whmcsx .btn-labeled:before {
    background-color:rgba(0,0,0,0.05);
    display:inline-block;
    margin-left:-12px;
    margin-right:6px;
    padding:6px 12px
}

#whmcsx .btn-labeled.fa:before,#whmcsx .btn-labeled .fa:before {
    font-family:fontAwesome
}

#whmcsx .btn-default.btn-labeled:before,#whmcsx .btn-default .btn-label {
    background-color:rgba(0,0,0,0.05);
    color:inherit
}

#whmcsx .btn-lg.btn-labeled {
    font-size:18px;
    line-height:1.33
}

#whmcsx .btn-sm.btn-labeled {
    font-size:12px;
    line-height:1.5
}

#whmcsx .btn-xs.btn-labeled {
    font-size:12px;
    line-height:1.5
}

#whmcsx .btn-lg.btn-labeled:before,#whmcsx .btn-lg .btn-label {
    margin-left:-16px;
    margin-right:10px;
    padding:10px 16px
}

#whmcsx .btn-lg.btn-block.btn-labeled:not(.form-icon):before {
    margin-top:-10px;
    margin-bottom:-10px
}

#whmcsx .btn-sm.btn-labeled:before,#whmcsx .btn-sm .btn-label {
    margin-left:-10px;
    margin-right:5px;
    padding:5px 10px
}

#whmcsx .btn-sm.btn-block.btn-labeled:not(.form-icon):before {
    margin-top:-5px;
    margin-bottom:-5px
}

#whmcsx .btn-xs.btn-labeled:before,#whmcsx .btn-xs .btn-label {
    margin-left:-5px;
    margin-right:1px;
    padding:1px 5px
}

#whmcsx .btn-xs.btn-block.btn-labeled:not(.form-icon):before {
    margin-top:-1px;
    margin-bottom:-1px
}

#whmcsx .btn-labeled.icon-2x:before,#whmcsx .btn-labeled .btn-label.icon-2x:before {
    vertical-align:-.15em
}

#whmcsx .btn-labeled.icon-3x:before,#whmcsx .btn-labeled .btn-label.icon-3x:before {
    vertical-align:-.18em
}

#whmcsx .btn-labeled.icon-4x:before,#whmcsx .btn-labeled .btn-label.icon-4x:before {
    vertical-align:-.2em
}

#whmcsx .btn-labeled.icon-5x:before,#whmcsx .btn-labeled .btn-label.icon-5x:before {
    vertical-align:-.25em
}

/* PANELS */
/*======================================*/
#whmcsx .panel {
    box-shadow:0 2px 0 rgba(0,0,0,0.05);
    border-radius:3px;
    border:0;
    margin-bottom:24px
}

#whmcsx .panel hr {
    border-color:rgba(0,0,0,0.1)
}

#whmcsx .panel .panel-bg-cover {
    max-height:180px;
    overflow:hidden
}

#whmcsx .panel .panel-bg-cover img {
    min-width:100%;
    min-height:100%;
    background-size:cover
}

#whmcsx .panel.remove {
    opacity:0;
    -webkit-transition:opacity,#whmcsx .5s;
    transition:opacity,#whmcsx .5s
}

#whmcsx .panel .alert {
    border-radius:0
}

#whmcsx .panel.panel-bg-img {
    position:relative
}

#whmcsx .panel .panel-bg-wrap {
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0
}

#whmcsx .panel .panel-bg-wrap > img {
    position:absolute;
    top:0;
    left:0
}

#whmcsx .panel .panel-bg-wrap + .panel-body {
    position:relative
}

#whmcsx .panel-media {
    box-shadow:0 -50px 20px -10px rgba(0,0,0,0.2);
    padding:10px 15px 15px 140px;
    position:relative
}

#whmcsx .panel-media-img {
    position:absolute;
    width:96px;
    height:96px;
    left:20px;
    top:-48px
}

#whmcsx .panel-media-heading {
    color:#fff;
    position:absolute;
    top:-2.7em
}

#whmcsx .panel .panel-heading,#whmcsx .panel > :first-child {
    border-top-left-radius:3px;
    border-top-right-radius:3px
}

#whmcsx .panel .panel-footer,#whmcsx .panel > :last-child {
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px
}

#whmcsx .panel-body-full {
    margin-left:-20px;
    margin-right:-20px
}

#whmcsx .panel-body {
    padding:25px 20px;
    line-height:30px
}

#whmcsx .panel-body .row,#whmcsx .panel-body .form-horizontal .form-group {
    margin-left:-8px;
    margin-right:-8px
}

#whmcsx .panel-trans {
    border-color:transparent;
    box-shadow:none
}

#whmcsx .panel-heading {
    position:relative;
    min-height:/*padding: 10px 12px 5px 10px;
  font-size: 15px;*/
40px
}

#whmcsx .panel-title {
    font-weight:300;
/*padding: 0 20px 0 20px;*/
    font-size:1.416em;
/*line-height: 50px;*/
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}

#whmcsx .panel-default.panel-colorful {
    background-color:#e0e5ec;
    color:#515151
}

#whmcsx .panel-default .panel-heading {
    background-color:#e0e5ec;
    border-color:#f0f2f6
}

#whmcsx .panel-footer {
    background-color:#f0f2f4;
    color:#515151;
    border-color:#eaedf0;
    position:relative
}

/* Mixin  */
/*---------------------------------*/
/* Colors */
/*---------------------------------*/
#whmcsx .panel-primary .panel-heading,#whmcsx .panel-primary .panel-footer,#whmcsx .panel-primary.panel-colorful {
    background-color:#5fa2dd;
    border-color:#5fa2dd;
    color:#fff
}

#whmcsx .panel-info .panel-heading,#whmcsx .panel-info .panel-footer,#whmcsx .panel-info.panel-colorful {
    background-color:#4ebcda;
    border-color:#4ebcda;
    color:#fff
}

#whmcsx .panel-success .panel-heading,#whmcsx .panel-success .panel-footer,#whmcsx .panel-success.panel-colorful {
    background-color:#9cc96b;
    border-color:#9cc96b;
    color:#fff
}

#whmcsx .panel-warning .panel-heading,#whmcsx .panel-warning .panel-footer,#whmcsx .panel-warning.panel-colorful {
    background-color:#ebaa4b;
    border-color:#ebaa4b;
    color:#fff
}

#whmcsx .panel-danger .panel-heading,#whmcsx .panel-danger .panel-footer,#whmcsx .panel-danger.panel-colorful {
    background-color:#f76c51;
    border-color:#f76c51;
    color:#fff
}

#whmcsx .panel-mint .panel-heading,#whmcsx .panel-mint .panel-footer,#whmcsx .panel-mint.panel-colorful {
    background-color:#50c7a7;
    border-color:#50c7a7;
    color:#fff
}

#whmcsx .panel-purple .panel-heading,#whmcsx .panel-purple .panel-footer,#whmcsx .panel-purple.panel-colorful {
    background-color:#986291;
    border-color:#986291;
    color:#fff
}

#whmcsx .panel-pink .panel-heading,#whmcsx .panel-pink .panel-footer,#whmcsx .panel-pink.panel-colorful {
    background-color:#e17ca7;
    border-color:#e17ca7;
    color:#fff
}

#whmcsx .panel-dark .panel-heading,#whmcsx .panel-dark .panel-footer,#whmcsx .panel-dark.panel-colorful {
    background-color:#3b4146;
    border-color:#3b4146;
    color:#fff
}

#whmcsx .panel > .panel-heading:after,#whmcsx .panel.panel-colorful > .panel-heading:after {
    content:'';
    display:block;
    position:absolute;
    height:0;
    left:20px;
    right:20px;
    border-bottom:1px solid rgba(0,0,0,0.1)
}

#whmcsx .panel-colorful > .panel-heading {
    border:0
}

#whmcsx .panel-default > .panel-heading:after,#whmcsx .panel-primary > .panel-heading:after,#whmcsx .panel-info > .panel-heading:after,#whmcsx .panel-success > .panel-heading:after,#whmcsx .panel-warning > .panel-heading:after,#whmcsx .panel-danger > .panel-heading:after,#whmcsx .panel-purple > .panel-heading:after,#whmcsx .panel-pink > .panel-heading:after,#whmcsx .panel-dark > .panel-heading:after {
    display:none
}

/* Bordered */
/*---------------------------------*/
#whmcsx .panel-bordered-default,#whmcsx .panel-default.panel-bordered {
    border:1px solid #b3c1d1
}

#whmcsx .panel-bordered-primary,#whmcsx .panel-primary.panel-bordered {
    border:1px solid #5fa2dd
}

#whmcsx .panel-bordered-info,#whmcsx .panel-info.panel-bordered {
    border:1px solid #4ebcda
}

#whmcsx .panel-bordered-success,#whmcsx .panel-success.panel-bordered {
    border:1px solid #9cc96b
}

#whmcsx .panel-bordered-warning,#whmcsx .panel-warning.panel-bordered {
    border:1px solid #ebaa4b
}

#whmcsx .panel-bordered-danger,#whmcsx .panel-danger.panel-bordered {
    border:1px solid #f76c51
}

#whmcsx .panel-bordered-mint,#whmcsx .panel-mint.panel-bordered {
    border:1px solid #50c7a7
}

#whmcsx .panel-bordered-purple,#whmcsx .panel-purple.panel-bordered {
    border:1px solid #986291
}

#whmcsx .panel-bordered-pink,#whmcsx .panel-pink.panel-bordered {
    border:1px solid #e17ca7
}

#whmcsx .panel-bordered-dark,#whmcsx .panel-dark.panel-bordered {
    border:1px solid #3b4146
}

/* Panel Group */
/*---------------------------------*/
#whmcsx .panel-group .panel {
    border-radius:0;
    margin-bottom:20px
}

#whmcsx .panel-group > div {
    padding-left:0;
    padding-right:0
}

#whmcsx .panel-group > div:first-child > .panel {
    border-top-left-radius:2px;
    border-bottom-left-radius:2px
}

#whmcsx .panel-group > div:last-child > .panel {
    border-top-right-radius:2px;
    border-bottom-right-radius:2px
}

#whmcsx .panel-group > div + div > .panel {
    margin-left:-1px
}

/* Panel Control */
/*---------------------------------*/
#whmcsx .panel-control {
    height:100%;
    position:relative;
    float:right;
    padding:0 15px
}

#whmcsx .panel-control:before {
    content:'';
    display:inline-block;
    height:100%;
    vertical-align:middle;
    left:-1em;
    position:relative
}

#whmcsx .panel-control > i,#whmcsx .panel-control > .badge,#whmcsx .panel-control > label {
    vertical-align:middle
}

/* Panel with tabs */
/*---------------------------------*/
#whmcsx .panel-control .nav-tabs {
    display:inline-block;
    height:40px;
    margin-top:10px;
    vertical-align:bottom;
    border:0
}

#whmcsx .panel-control .nav-tabs > li {
    margin-top:1px;
    margin-right:5px;
    height:100%
}

#whmcsx .panel-control .nav-tabs > li > a {
    border-radius:0;
    margin-right:0;
    height:100%;
    line-height:40px;
    border-top-left-radius:0;
    border-top-right-radius:0;
    padding:0 15px
}

#whmcsx .panel-control .nav-tabs > li:not(.active) {
    background-color:transparent;
    opacity:.6
}

#whmcsx .panel-control .nav-tabs > li:not(.active) a {
    color:inherit;
    border-bottom:0!important
}

#whmcsx .panel-control .nav-tabs > li:not(.active) a:hover {
    background-color:rgba(0,0,0,0.15);
    border-color:transparent
}

#whmcsx .panel-control .nav-tabs > .active > a {
    z-index:1
}

/* Panel with progress bar */
/*---------------------------------*/
#whmcsx .panel-control .progress {
    min-width:150px;
    margin:0;
    display:inline-block;
    vertical-align:middle
}

/* Panel with switch */
/*---------------------------------*/
#whmcsx .panel-control .switchery {
    margin-left:15px;
    vertical-align:middle
}

/* Panel with pager */
/*---------------------------------*/
#whmcsx .panel-control .pager {
    margin:0;
    display:inline-block;
    vertical-align:middle;
    border-radius:0
}

#whmcsx .panel-control .pagination {
    margin:0;
    border-radius:0;
    vertical-align:middle
}

#whmcsx .panel-control .pagination > li > a,#whmcsx .panel-control .pagination > li > span {
    padding:0 10px;
    border:0 0 0 0;
    border-color:rgba(0,0,0,0.09);
    box-shadow:none;
    height:100%;
    line-height:30px
}

#whmcsx .panel-control .pagination > li:not(.active):not(.disabled) > a:hover {
    background-color:rgba(0,0,0,0.05);
    border-color:rgba(0,0,0,0.09)
}

#whmcsx .panel-control .pagination > .disabled > a,#whmcsx .panel-control .pagination > .disabled > a:hover,#whmcsx .panel-control .pagination > .disabled > a:active {
    border-color:rgba(0,0,0,0.09)
}

#whmcsx .panel-control .pagination > li:not(.active) > a,#whmcsx .pagination > li > a {
    background-color:transparent;
    color:inherit
}

#whmcsx .panel-control .pagination > li > a:hover,#whmcsx .pagination > li > a:focus {
    box-shadow:none
}

#whmcsx .panel-control .btn,#whmcsx .panel-control .dropdown-toggle.btn {
    border:0
}

#whmcsx .panel-control .open > .btn,#whmcsx .panel-control .btn.active,#whmcsx .panel-control .btn:active {
    box-shadow:none!important
}

#whmcsx .panel-control .btn-default {
    background-color:transparent;
    color:inherit
}

#whmcsx .panel-control > .btn:first-child {
    border-top-left-radius:0;
    border-bottom-left-radius:0
}

#whmcsx .panel-control > .btn:last-child,#whmcsx .panel-control > .btn-group:last-child > .btn:first-child {
    border-bottom-right-radius:0
}