body, html {
  font-size: 12px;
  font-family: 'Segoe UI',Arial,'Microsoft Yahei',sans-serif;
}

/*scroll*/
::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    background: #ededef;
}
::-webkit-scrollbar-thumb {
    background-color: #c7cacd;
    background-clip: content-box;
    border: 2px solid transparent;
}

/* placeholder */
::-webkit-input-placeholder {
    color: #ADB5BD;
    font-size: 12px;
    font-family: 'Segoe UI',Arial,'Microsoft Yahei',sans-serif;
}

/* input */
input {
  border: 1px solid #CED2DB;
  padding: 0 8px;
  height: 24px;
    /* chrome 文本居中bug，暂时替换 */
  /*line-height: 24px;*/
  outline: none;
  color: #3E5062;
}

input:hover, 
input:focus {
  border-color: #539EE4;
}
input.disabled {
    background-color: rgb(235, 235, 228);
}
input[disabled]:hover,
input[disabled]:focus,
input.disabled:hover,
input.disabled:focus {
    border-color: #CED2DB;
}

input[type=button] {
  cursor: pointer;
}

input[type="search"]::-webkit-search-cancel-button {
      -webkit-appearance: none;
    height: 10px;
    width: 10px; 
  background:url('chrome://resources/wow/images/common/wow_search_clear.png') no-repeat center center;
      
}
input[type="search"]::-webkit-search-cancel-button:hover {
    background:url('chrome://resources/wow/images/common/wow_search_clear_hover.png') no-repeat center center; 
}

/* a */
a { color: #3089ef;}
a:link {color: #3089ef;}
a:visited {color:#3089ef;}
a:hover {color:#5ba8fe;}
a:active {color:#3089ef;}

.hidden {
  display: none;
}

.wow-select {
    -webkit-appearance: none;
    -webkit-padding-start: 8px;
    font-size: 12px;
    min-width: 8em;
    height: 26px;
    line-height: 24px;
    background-image: url("chrome://resources/wow/images/options/wow_select.png");
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 12px;
    border: 1px solid rgba(0,0,0,.2);
    outline: none;
    cursor: pointer;
    color:#5c636f;
}

.wow-select:hover {
    border-color: rgba(0,0,0, 0.35);
}

.wow-select:active {
    background-image: url("chrome://resources/wow/images/options/wow_select.png"), -webkit-linear-gradient(top, #f1f1f1 ,#f1f1f1);
    border-color: rgba(0,0,0, 0.35);
}
.wow-select:disabled {
    cursor: default;
    opacity: 0.5;
}
.wow-select:disabled:hover,
.wow-select:disabled:active{
    background-image: url("chrome://resources/wow/images/options/wow_select.png");
    border-color: rgba(0,0,0, 0.2);
}
/*contentmenu*/
menu {
    background: #fff;
    cursor: default;
    left: 0;
    margin: 0;
    padding: 2px 0;
    position: fixed;
    white-space: nowrap;
    z-index: 10;
    border-radius: 3px;
    outline: none;
    border: 1px solid #aaa;
    -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, .25);
}

menu > :not(hr) {
    -webkit-appearance: none;
    background: transparent;
    font: inherit;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    padding: 0 19px;
    text-overflow: ellipsis;
    border: none;
    border-radius: 0px;
    border-left:  2px solid #fff;
    border-right:  2px solid #fff;
    color: #3e5062;
}
menu > :not(hr)[selected] {
    background-color: #5396e4;
    background-image: none;
    color: #fff;
}
menu > :not(hr)[selected]:active {
    background-color: #5396e4;
}
menu > [disabled] {
    color: #9aa5af;
}
menu > * {
    box-sizing: border-box;
    display: block;
    margin: 0;
    text-align: start;
    width: 100%;
}
menu > hr {
    border: 0px;
    background-color:#eaeaea;
    height: 1px;
    margin: 5px 1px;
    width: 224px;
}

menu > [disabled]:hover{
    background-image: none;
}

menu > button {
    box-shadow: none;
    cursor: auto;
}

/*button*/
.wow-btn {
    display: inline-block;
    padding: 0px 22px;
    height: 26px;
    line-height: 24px;
    color: #777;
    background: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
    border-radius: 0;
}

.wow-btn:hover {
    border-color: rgba(0,0,0,0.35);
}

.wow-btn:active {
    background: #f1f1f1;
}


.wow-btn.disabled, 
.wow-btn:disabled, 
.wow-btn.disabled:active, 
.wow-btn.disabled:active {
    border: 1px solid #dddfe1;
    background: #f6f6f6;
    cursor: default;
    color: #9aa5af;
}

/* reset the style of checkbox and radiobox */
input[type="checkbox"],input[type="radio"]{
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #cacdd1;
    width:16px;
    height:16px;  
    padding:0;
    position:relative;
}
input[type="checkbox"]:hover,input[type="radio"]:hover{
    border: 1px solid #a9afb4;
}
input[type="checkbox"]:checked::before {
    content: "";
    width:12px;
    height: 10px;
    background:url('chrome://resources/wow/images/options/wow_tick.png') no-repeat 0;
    position: absolute;
    top:2px;
    left: 1px;
}
input[type="radio"]{
    -webkit-border-radius: 50%;  
}
input[type="radio"]:active,
input[type="checkbox"]:active {
    background: #f1f1f1;
    border-color: #a6acb1;
}
input[type="radio"]:checked::before{
    content: "";
    width:8px;
    height: 8px;
    background: #ff7e00;
    position: absolute;
    top:3px;
    left:3px;
    -webkit-border-radius:4px;
}

button{
    height: 28px;
    line-height: 28px;
    padding: 0 15px;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    background-repeat: no-repeat;
    background:  #fff;
    color: #7e7e7e;
    margin: 0 6px 0 0;
    cursor: pointer;
    font-size:13px; 
    font-family:'Segoe UI',Arial,'Microsoft Yahei',sans-serif;
}

.button_style2{
    line-height:26px;
    margin: 0 10px 0 0;     
    background-color: #fff; 
    border:1px solid #e4e4e4;
    border-color:#c6c6c6;
    font-size:12px;
}
.button_style2:hover{  
    background-color:#f7f7f7;
}
.button_style2:active{ 
    background-color:#ebebeb; 
}
.button_style2[disabled]{
    color: #c5c5c5;
    background-color:#fff;
    border-color:#e2e2e2; 
    cursor: default;
} 
.button_style2.disabled label,
.button_style2[disabled] label
{
    cursor: default !important;
}

/* yellow big button*/
.btn-style3{
    line-height:40px;
    height:40px;
    min-width:120px;
    margin: 0 10px 0 0;  
    padding:0 10px;
    background: #ff7800; 
    border:1px solid #c6c6c6;
    color:#fff;
    font-size:16px;
}
.btn-style3:hover{  
    background-color:#ff5100;
}
.btn-style3:active{ 
    background-color:#ffb300; 
}

:-webkit-any(.checkbox, .radio) label {
  display: inline-block;
}

/*  white big button*/
.btn-style4{
    line-height:40px;
    height:40px;
    min-width:120px;
    margin: 0 10px 0 0;  
    padding:0 10px;
    background: #fff; 
    border:1px solid #c6c6c6;
    color:#000;
    font-size:16px;
}
.btn-style4:hover{  
    background-color:#fff;
}
.btn-style4:active{ 
    background-color:#fff; 
}

:-webkit-any(.checkbox, .radio) label {
  display: inline-block;
}

[is='action-link'] {
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
}

[is='action-link']:hover {
  text-decoration: underline;
}

[is='action-link']:active {
  color: rgb(5, 37, 119);
  text-decoration: underline;
}