html{
    overflow:-moz-scrollbars-vertical;
    margin:0;
    padding:0;
}
*{
    font-family:Consolas, Monaco, monospace;
}
body{
    margin:0;
    padding:0;
    background:#F6F6F6 url('../image/background.png');
}
body, p, td, th, input, textarea, select, option{
    color:#777777;
    text-decoration:none;
    font-size:13px;
}
#view-website{
    position:fixed;
    top:100px;
    left:0;
    background:#1F1F1F;
    border-left:4px solid #0074A2;
    padding:10px;
}
#view-website ul{
    padding:0;
}
#view-website ul li{
    list-style:none;
}
#view-website a{
    display:block;
    margin-bottom:10px;
    box-shadow:none;
    border-radius:0;
    text-align:center;
}
#container > h1{
    background:#0074A2;
    font-family:Consolas, Monaco, monospace;
    font-size:26px;
    font-weight:bold;
    text-transform:uppercase;
    padding:26px 27px;
    margin-top:0px;
    margin-bottom:25px;
    color:#FFF;
    vertical-align:middle;
}
p{
    margin-top:10px;
    margin-bottom:5px;
}
p, ul, ol, li, td{
    line-height:18px;
}
form{
    padding:0;
    margin:0;
    display:inline;
}
fieldset{
    overflow:auto;
    padding:5px;
    margin-left:0;
    margin-right:0;
    margin-bottom:20px;
    box-shadow:0 2px 5px rgba(204, 204, 204, 0.4) inset;
    border-radius:3px;
    background-color:#f7f7f7;
    border:1px solid #d4d4d4;
    color:#333;
}
fieldset table{
    width:100%;
    border-collapse:collapse;
}
fieldset table.form tr td:first-child{
    width:250px;
}
fieldset table td{
    padding:5px;
}
select, input[type='text'], input[type='password'], textarea{
    padding:3px;
    margin-left:0;
    margin-right:0;
    box-shadow:0 2px 5px rgba(204, 204, 204, 0.4) inset;
    border-radius:3px;
    background:none repeat scroll 0 0 #fff;
    border:1px solid #d4d4d4;
    color:#333;
    font-family:Consolas, Monaco, monospace;
    font-size:1em;
    outline:medium none;
    width:auto;
}
option{
    color:#000;
}
a, a:visited, a b{
    color:#23A1D1;
    text-decoration:underline;
    cursor:pointer;
}
a:hover{
    text-decoration:none;
}
img{
    margin:0;
    padding:0;
}
a img{
    border:none;
}
b, strong{
    color:#555;
}
label{
    cursor:pointer;
}
/* add style */
.clearfix:after, .clearfix:before{
    clear:both;
    content:" ";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
}
.clearfix{
    display:block;
}
.clearfix{
    display:block;
}
.clearfix{
    display:inline-block;
}
.mar-top1{
    margin-top:10px;
    width:100%;
}
.mar-top2{
    margin-top:20px;
    width:100%;
}
.mar-top3{
    margin-top:30px;
    width:100%;
}
.mar-top4{
    margin-top:40px;
    width:100%;
}
.pad-center1{
    padding:0 10px;
}
.pad-center2{
    padding:0 20px;
}
.pad-center3{
    padding:0 30px;
}
.pad-full5{
    padding:5px;
}
.divider-line7{
    border-bottom:1px solid #F0F0F0;
    float:left;
    height:8px;
    margin:10px 0 40px;
    padding:0;
    width:100%;
}
.divider-line3{
    border-bottom:1px solid #F0F0F0;
    float:left;
    height:18px;
    margin:32px 0 50px;
    padding:0;
    width:100%;
}
.min-width1{
    min-width:100px;
}
.min-width2{
    min-width:200px;
}
.min-width3{
    min-width:300px;
}
.min-width4{
    min-width:400px;
}
.min-width5{
    min-width:500px;
}
.max-width1{
    max-width:100px;
}
.max-width2{
    max-width:200px;
}
.max-width3{
    max-width:300px;
}
.max-width4{
    max-width:400px;
}
.max-width5{
    max-width:500px;
}
.width1{
    width:100px;
}
.width2{
    width:200px;
}
.width3{
    width:300px;
}
.width4{
    width:400px;
}
.width5{
    width:500px;
}
.box-shadow{
    box-shadow:0 1px 12px #0074a2;
}
#container{
    width:960px;
    margin:0 auto;
}
#header{
    height:100px;
    position:relative;
}
#header #logo{
    position:absolute;
    left:3px;
    top:26px;
    width:264px;
    height:50px;
}
#column-right{
    float:right;
    width:284px;
    margin-left:30px;
    margin-bottom:20px;
    min-height:350px;
}
#column-right ul, #column-right ul li{
    margin:0;
    padding:0;
    list-style:none;
}
#column-right ul ul{
    margin-left:30px;
}
#column-right ul a, #column-right ul a b{
    color:#777777;
    text-decoration:none;
}
#column-right ul li{
    display:block;
    padding:0px 8px 8px 22px;
    margin-bottom:8px;
    border-bottom:1px solid #DBDBDB;
    background:url('../image/bullet-arrow.png') 0px 5px no-repeat;
}
#content{
    margin-top:20px;
    margin-bottom:20px;
    overflow:hidden;
    min-height:350px;
}
.success{
    padding:10px 10px 10px 33px;
    margin-bottom:15px;
    background:#EAF7D9 url('../image/success.png') 10px center no-repeat;
    border:1px solid #BBDF8D;
    color:#555555;
}
.warning{
    padding:10px 10px 10px 33px;
    margin-bottom:15px;
    background:#FFD1D1 url('../image/warning.png') 10px center no-repeat;
    border:1px solid #F8ACAC;
    color:#555555;
}
.attention{
    padding:10px 10px 10px 33px;
    margin-bottom:15px;
    background:#FFF5CC url('../image/attention.png') 10px center no-repeat;
    border:1px solid #F2DD8C;
    color:#555555;
}
.required{
    color:#FF0000;
    font-weight:bold;
}
.error{
    margin-top:3px;
    color:#FF0000;
    display:block;
    font-size:12px;
    font-weight:normal;
}
.help{
    color:#666;
    font-size:11px;
    font-weight:normal;
    font-family:Consolas, Monaco, monospace;
    display:block;
}
.good{
    color:#0F0;
}
.bad{
    color:#F00;
}
.uninstall{
    color:#CB3E00;
    font-weight:bold;
    direction:ltr;
    text-decoration:line-through;
}
.install{
    color:#559D01;
    font-weight:bold;
    direction:ltr;
}
a.button, input.button{
    background:#a4b357; /* Old browsers */
    background:-moz-linear-gradient(top, #a4b357 0%, #75890c 100%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #a4b357), color-stop(100%, #75890c)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top, #a4b357 0%, #75890c 100%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top, #a4b357 0%, #75890c 100%); /* Opera 11.10+ */
    background:-ms-linear-gradient(top, #a4b357 0%, #75890c 100%); /* IE10+ */
    background:linear-gradient(to bottom, #a4b357 0%, #75890c 100%); /* W3C */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4b357', endColorstr='#75890c', GradientType=0); /* IE6-9 */
    color:#FFF;
    font-size:12px;
    border:1px solid #78883C;
    text-shadow:0 -1px #7A8A3D;
    -webkit-border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;
    -khtml-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
    -webkit-box-shadow:1px 2px 2px #DDDDDD;
    -moz-box-shadow:1px 2px 2px #DDDDDD;
    box-shadow:1px 2px 2px #DDDDDD;
    margin-bottom:2px;
    line-height:18px;
}
a.button:hover, input.button:hover{
    background:#a90329; /* Old browsers */
    background:-moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #a90329), color-stop(44%, #8f0222), color-stop(100%, #6d0019)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* Opera 11.10+ */
    background:-ms-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* IE10+ */
    background:linear-gradient(to bottom, #a90329 0%, #8f0222 44%, #6d0019 100%); /* W3C */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a90329', endColorstr='#6d0019', GradientType=0); /* IE6-9 */
    border:1px solid #6d0019;
}
a.button{
    display:inline-block;
    text-decoration:none;
    padding:2px 8px;
}
input.button{
    margin:0;
    padding:0px 11px 0px 11px;
    height:28px;
}
.buttons{
    border:1px solid #DBDBDB;
    overflow:auto;
    padding:6px;
    margin-bottom:20px;
}
.buttons .left{
    float:left;
    text-align:left;
}
.buttons .left .title{
    font-size:18px;
    line-height:25px;
    font-weight:bold;
}
.buttons .right{
    float:right;
    text-align:right;
}
.buttons .right input[type='file']{
    display:inline-block;
}
.buttons .center{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
/* Menu */
#menu{
    background-color:#222;
    border-top:5px solid #0074A2;
    position:relative;
    z-index:1;
    height:35px;
    clear:both;
    padding:0 30px;
    min-width:900px;
}
#menu > ul.left{
    float:left;
}
#menu > ul.right{
    float:right;
}
#menu > ul.right li{
    list-style:none;
}
#menu > ul.left{
    position:relative;
    margin:0;
    padding:0;
}
#menu > ul.left ul{
    list-style:none;
    margin:0;
    padding:0;
    background:#333333;
}
#menu > ul.left a,
#menu > ul.right a{
    display:block;
    text-decoration:none;
}
#menu > ul.left li{
    float:left;
    list-style:none;
}
#menu > ul.left > li + li{
    background:url('../image/split.png') center left no-repeat;
}
#menu > ul.left .top,
#menu > ul.right .top{
    padding:6px 12px;
    font-family:Consolas, Monaco, monospace;
    font-size:12px;
    color:#eee;
    text-align:center;
    font-weight:bold;
    position:relative;
}
#menu > ul.left .top:hover{
    background:#111111;
    color:#2ea2cc;
}
#menu > ul.left .top span,
#menu > ul.right .top span{
    margin-right:5px;
}
#menu > ul.left .top b,
#menu > ul.right .top b{
    margin-left:5px;
}
#menu > ul.left li ul{
    position:absolute;
}
#menu > ul.left ul li{
    padding:2px;
    clear:both;
}
#menu > ul.left .selected .top{
    background:#0074A2;
    color:#fff;
}
#menu > ul.left .parent{
    background-image:url('../image/arrow-right.png');
    background-position:95% center;
    background-repeat:no-repeat;
}
#menu > ul.left li ul ul{
    margin:-32px 0 0 164px;
}
#menu > ul.left li li a{
    padding:5px;
    margin:1px;
    color:#eee;
    width:160px;
}
#menu > ul.left li li a span{
    margin-right:10px;
}
#menu > ul.left li li > a:hover{
    background-color:#0074A2;
}
b.caret{
    height:4px;
    width:6px;
    background:url("../image/caret-up.png") no-repeat transparent;
    float:right;
    position:relative;
    top:6px;
}
.well{
    border:1px solid #dbdbdb;
    padding:10px;
    background:#ffffff;
}
.code{
    direction:ltr;
    font-family:Consolas, Monaco, monospace;
}
.well textarea{
    width:930px;
    height:500px;
    margin:0 auto;
}
/* Table */

.list{
    border-collapse:collapse;
    width:100%;
    border-top:1px solid #DDDDDD;
    border-left:1px solid #DDDDDD;
    margin-bottom:20px;
}
.list td{
    border-right:1px solid #DDDDDD;
    border-bottom:1px solid #DDDDDD;
}
.list thead td{
    background-color:#EFEFEF;
    padding:4px;
}
.list thead td a, .list thead td{
    text-decoration:none;
    color:#222222;
    font-weight:bold;
}
.list tbody td{
    vertical-align:middle;
    padding:0px 5px;
    background:#FFFFFF;
}
.list tbody tr:nth-child(2n) td{
    background:#F4F4F4;
}
.list tbody tr:hover td{
    background-color:#d7dede;
}
.list tbody tr.filter:hover{
    box-shadow:none;
}
.list tbody tr.filter input, .list tbody tr.filter textarea{
    width:100%;
}
.list .left{
    text-align:left;
    padding:4px;
}
.list .right{
    text-align:right;
    padding:4px;
}
.list .center{
    text-align:center;
    padding:4px;
}
.list .wp20{
    width:20%;
}
.list .wp40{
    width:40%;
}
.list .wp60{
    width:60%;
}
.list .wp80{
    width:80%;
}
.list .wp100{
    width:100%;
}
.list .asc{
    padding-right:15px;
    background:url('../image/asc.png') right center no-repeat;
}
.list .desc{
    padding-right:15px;
    background:url('../image/desc.png') right center no-repeat;
}
.list tr.filter td, .list tr:hover.filter td{
    padding:5px;
    background:#E7EFEF;
}
.scrollbox{
    border:1px solid #CCCCCC;
    width:100%;
    height:300px;
    background:#FFFFFF;
    overflow-y:scroll;
}
.scrollbox img{
    float:right;
    cursor:pointer;
}
/* Terms */
.terms{
    background:#FFFFFF;
    border:1px solid #DBDBDB;
    margin:3px 0px 10px 0px;
    padding:4px;
    height:250px;
    overflow-y:scroll;
}
.terms p, .terms ul, .terms ol{
    color:#000000;
}
.success{
    overflow:auto;
    margin-bottom:15px;
}
.success div{
    text-align:center;
    float:left;
    width:50%;
    float:left;
}
.success img{
    border:1px solid #DDDDDD;
    padding:5px;
    background:#FFF;
    margin-bottom:3px;
    width:270px;
}
#footer{
    text-align:center;
    margin-bottom:25px;
}
#footer a{
    margin:0px 5px;
    line-height:28px;
}
i.fa.enabled,
span.fa.enabled,
a.enabled i.fa,
a.enabled span.fa{
    color:#529901;
    font-size:17px;
}
i.fa.disabled,
span.fa.disabled,
a.disabled i.fa,
a.disabled span.fa{
    color:#C63D00;
    font-size:17px;
}
/* add */
.database-view{
    background:none repeat scroll 0 0 #ffffff;
    border:1px solid #cccccc;
    max-height:500px;
    overflow:scroll;
    width:100%;
}
.ajax-success{
    background:rgba(0, 0, 0, 0.8);
    color:#fff;
    text-align:center;
    width:100%;
    height:70px;
    z-index:9999;
    font-size:25px;
    padding:20px 0;
    position:fixed;
    top:0;
    left:0;
}
.ajax-warning{
    background:rgba(230, 25, 14, 0.8);
    color:#fff;
    text-align:center;
    width:100%;
    height:70px;
    z-index:9999;
    font-size:25px;
    padding:20px 0;
    position:fixed;
    top:0;
    left:0;
}
.ajax-loading{
    background:rgba(0, 0, 0, 0.8);
    position:fixed;
    top:0;
    left:47%;
    color:#fff;
    padding:6px;
    font-size:40px;
    height:70px;
    width:70px;
    border-radius:70px;
    z-index:9999;
    text-align:center;
}