/*list style*/
.create.well{
    border: 4px solid #eeeeee;
    background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
    cursor: pointer;
    color:#666;
}

.create.well-border{
    border: 4px solid #43b2ef;
/*    box-shadow: 0 0 8px #43b2ef;
    background-image: linear-gradient(to bottom, rgba(14, 165, 255, 0.66) 0%, rgba(255, 255, 255, 100) 100%);*/
    color:#000;
}

.disabled .create.well
{
    border: 4px solid #ffffff;
    background-color: #ffffff;
    cursor: not-allowed;
    opacity: 0.2;
    background-image: linear-gradient(to bottom, #C8C8C8 0%, #C8C8C8 100%);
}

.disabled.current .create.well
{
    opacity: 1;
}

.disabled img{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: gray;
}

.current .create.well
{
    border: 4px solid #ffffff;
    background-image: linear-gradient(to bottom, rgba(14, 165, 255, 0.66) 0%, rgba(255, 255, 255, 100) 100%);
    color:#000;
    cursor: not-allowed;
}


/*tabs*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-bottom: 1px solid #ffffff;
}

.panel-title{
    text-align: center;
    padding: 0;
}

.accordion-toggle{
    display: block;
}


.tab-content > .tab-pane {
    padding: 10px 10px 0 10px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555555 !important;
}

#server-history-btn
{
    color: #676A82;
}



/*back to top*/
#topcontrol {
    background: rgba(68, 144, 179, 0.23) none repeat scroll 0 0;
    border-radius: 20px !important;
    bottom: 51px !important;
    color: #fff;
    font-size: 17px;
    line-height: 44px;
    height: 40px;
    position: relative;
    right: 24px !important;
    width: 40px;
    z-index: 99;
}

#topcontrol::after {
    content: "\e113";
    font-family: Glyphicons Halflings;
    left: 12px;
    position: absolute;
    text-align: center;
    top: -3px;
}

#topcontrol:hover {
    background: #0e9aef none repeat scroll 0 0;
    color: #fff;
    transition: all 0.3s ease-in-out 0s;
}


/*pills style*/
.nav.nav-pills.kb > li{
    background-color: transparent;
    border: 0;
    margin-bottom: 5px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #0e9aef;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #0e9aef;
}

.nav.nav-pills.kb > li > a {
    padding: 10px 15px;
}

/*btn*/
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
    background-color: #d8d8d8;
    border-color: #cccccc;
}

.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info.active[disabled], fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
    background-color: #d8d8d8;
    border-color: #cccccc;
}

.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:active,
.btn-warning.active[disabled],
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
    background-color: #d8d8d8;
    border-color: #cccccc;
}

.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger.active[disabled],
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
    background-color: #d8d8d8;
    border-color: #cccccc;
}


/*wrapper*/
.wrapper-content {
    padding: 10px 10px 40px 10px;
}


.ibox-content {
    border-width: 0px 0px;
}

.nav-header {
    padding: 22px 15px;
    height: 60px;
}

/*usage graph*/
#usage_graphs img{
    padding-top: 35px;
}

/*well style*/
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
     border: 0;
    border-radius: 4px;
     -webkit-box-shadow: none;
     box-shadow: none;
}

.tab-content > .tab-pane { padding:0px !important; } .nav-tabs > li > a { padding:10px 20px 10px 15px; }

body { font-family:Century Gothic, "微軟正黑體","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; }
.gray-bg { background-color: #EEEEEE;}

.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus , .navbar-default .nav > li > a:active {
    background-color: #9C0 !important;
}

.navbar-default .nav > li.active > a {
    color: #ffffff;
    background: #7A0;
}

.disabled {
    pointer-events: none;
}