/*通用字体设置*/
body[class^="html-font-family"] {
    font-family:'Roboto', 'Helvetica', 'Myriad', 'Arial';
}

[class^="html-font-family"] form, [class^="html-font-family"] button {
    font-family: 'Roboto','Helvetica', 'Myriad', 'Arial';
}

[class^="html-font-family"] form, [class^="html-font-family"] button {
    font-family:'Roboto', 'Helvetica', 'Myriad', 'Arial';
}

body.html-font-family-zh-cn {
    font-family:'Roboto', '微软雅黑 Regular', '微软雅黑', '宋体';
}

.html-font-family-zh-cn form, .html-font-family-zh-cn button {
    font-family:'Roboto', '微软雅黑 Regular', '微软雅黑', '宋体';
}


/*
 *颜色列表begin
 */

/*标题文字
重要信息文字
图表显示值文字*/
.common-color-title {
    color: #333333;
}

/*次级重要文字
图表中辅助信息文字及图表文字
按钮默认状态文字及其输入框默认文字*/
.common-color-content {
    color: #666666;
}

/*图表刻度值文字
页面灰化文字
输入框内提示文字*/
.common-color-prompt {
    color: #999999;
}

/*链接色*/
.common-color-link {
    color: #3399ff;
}

/*金额数字相关*/
.common-color-number {
    color: #e41e2b;
}

/*告警相关*/
.common-color-error {
    color: #FF4C4C;
}
.common-color-important {
    color: #FF8833;
}

.common-color-warn {
    color: #FFD939;
}

.common-color-info {
    color: #499DF2;
}

.common-color-success {
    color: #3DCCA6;
}

/*左风琴标题文字*/
.common-left-organ-title {
    color: #333333;
    font-size: 18px;
}
/*左风琴一级菜单*/
.common-left-organ-level1-menu {
    color: #333333;
}

.common-left-organ-level1-menu:hover{
    background: #fefefe;
}

/*左风琴一级菜单-选中*/
.common-left-organ-level1-menu.selected {
    color: #3399ff !important;
    border-left: 3px solid #3399ff !important;
    background-color: #ffffff;
}
/*CES*/
.common-left-organ-level1-menu-selected {
    color: #3399ff !important;
    border-left: 3px solid #3399ff !important;
    background-color: #ffffff;
}

/*左风琴二级菜单*/
.common-left-organ-level2-menu {
    color: #666666;
}

.common-left-organ-level2-menu:hover {
    color: #3399ff;
}

.common-left-organ-level2-menu:before {
    background: #666666;
}

.common-left-organ-level2-menu:hover:before {
    color: #3399ff;
    background: #3399ff;
}

.common-left-organ-level2-menu.selected {
    color: #3399ff;
}

.common-left-organ-level2-menu.selected:before {
    background: #3399ff;
}

/*不可编辑文字-表格操作文字*/
.common-disabled-action {
    color:  #999999!important;
}

.common-disabled-table-action {
    color:  #999999!important;
}

.common-disabled-table-action:hover {
    cursor: not-allowed !important;
    text-decoration: none !important;
}

/*普通链接文字*/
a {
    color: #3399FF;
}

a:hover, a:active {
     color: #006AD4;
}

a:link, a:visited, a:active {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.common-link {
    color: #3399ff;
    cursor: pointer;
}
.common-link:hover {
    color: #3399ff;
    text-decoration: underline;
}

/*不凸显链接文字*/
a.common-link-without-color {
    color: #666666
}

a.common-link-without-color:hover {
    color: #666666
}

a.without-default-color {
    color: inherit;
}

a.without-default-color:hover {
    color: #3399ff;
    text-decoration: underline;
}

.common-link-without-default-color {
    color: inherit;
}

.common-link-without-default-color:hover {
    color: #3399ff;
    text-decoration: underline;
}

/*该样式可用于处理一块区域内的所有超链接都不凸显链接颜色文字，在父节点添加common-link-inherit-color样式即可*/
.common-link-inherit-color > a, .common-link-inherit-color > * > a {
    color: inherit;
}

.common-link-inherit-color-with-hover > a, .common-link-inherit-color-with-hover > * > a {
    color: inherit;
}

.common-link-inherit-color-with-hover > a:hover, .common-link-inherit-color-with-hover > * > a:hover {
    color: #3399ff;
}

.common-link-inherit-color-with-hover > .common-link, .common-link-inherit-color-with-hover > * > .common-link {
    color: inherit;
}

.common-link-inherit-color-with-hover > .common-link:hover, .common-link-inherit-color-with-hover > * > .common-link:hover {
    color: #3399ff;
}

/*链接块-带border颜色*/
.common-link-div {
    border-color: #3399ff !important;
}

.common-link-div-add {
    border-color: #cccccc;
}

.common-link-div-add:hover {
    border-color: #3399ff;
}

/*金钱数字*/
.common-money-amount {
    color: #e41e2b;
}

.common-money-pre {
    color: #e41e2b;
    font-size: 24px;
}

.common-money-amount-special {
    color: #e41e2b;
    font-size: 36px;
}

.common-quota-used-out {
    color: #e41e2b;
}

/*统计数字-为0时浅色化*/
.common-statistics-number-zero-true {
    color: #999999;
}
.common-statistics-number-zero-false {
    color: #3399ff;
}

/*统计数字-dashboard统计数字*/
.common-statistics-dashboard-number {
    color: #e41e2b;
}

/*用于服务dashboard面板列表里的实例数*/
.common-statistics-dashboard-num-sp {
    font-family: 'Helvetica', 'Myriad', 'Arial' !important;
    color: #2b2b2b;
    font-size: 24px;
}
/*统计数字-提示信息里的统计数字*/
.common-statistics-prompt-number {
    color: #e41e2b;
}
/*统计数字-帮助区域的统计数字*/
.common-statistics-help-number {
    color: #e41e2b;
}
/*统计数字-列表里统计文字*/
.common-statistics-table-number {
    color: #e41e2b;
}

/*操作文字-内容页的操作文字*/
.common-action-content-action {
    color: #3399ff;
}
.common-action-content-action:hover {
    text-decoration: underline;
}

/*操作文字-列表里的操作文字*/
.common-action-table-action {
    color: #3399ff;
}
.common-action-table-action:hover {
    cursor: pointer;
    text-decoration: underline;
}


/*首页类别前条码的颜色使用各个版本主按钮背景色色码,并进行产品定制化 default*/
.common-color-border-mainbtn {
    border-color: #e41e2b;
}


/*
 *背景色列表begin
 */
.common-bgcolor-main {
    background-color: #ffffff;
}

/*左侧导航区的背景色*/
.common-bgcolor-left-organ {
    background-color: #fafafa;
}

/*内容区的常用背景色*/
.common-bgcolor-common {
    background-color: #f3f3f3;
}

/*顶部导航背景色*/
.common-bgcolor-deep {
    background-color: #222222;
}

/*顶部导航*/
.common-page-header {
    background-color: #222222;
    color: #999999;
}

/*导航下拉菜单*/
.common-dropdown-menu {
    color: #666666;
}

/*底部footer*/
.common-page-footer {
    background-color: #222222;
}

/*服务dashboard色块*/
.common-content-dashboard-item {
    background-color: #f3f3f3;
    border-color: #f3f3f3;
}

.common-content-dashboard-item:hover {
    background-color: #ffffff;
    border-color: #3399ff;
}

/*右侧内容服务区的帮助区域*/
.common-content-help {
    background-color: #f3f3f3;
}

/*申请、购买页面的顶部区域*/
.common-creation-top-area {
    background-color: #f2f2f2;
}

/*home 页头部区域*/
.common-home-top-area {
    background-color: #f2f2f2;
    border: 1px solid #e8e8e8;
}

.common-color-div {
    background-color: #eaeaea;
}

.common-color-div:hover {
    background-color: #3399ff;
}

.common-color-div2 {
    background-color: #eaeaea;
}

.common-color-div2.active {
    background-color: #3399ff;
}

.common-step-bar {
    background-color: #e41e2b;
}
/*表格下拉区域--tiny定制*/

/*
 *Border colors begin
 */

/*表单外边框*/
.common-form-out-border {
    border-color: #d5d5d5;
}

/*服务图标外边框*/
.common-service-icon-out-border {
    border-color: #e5e5e5;
}

/*内容区的分割线*/
.common-content-seperation-line  {
    border-color: #e5e5e5;
}

/*
 * 字体 begin
 */
/*普通字体*/
.html-font-family-zh-cn .common-font {
    font-family: 'Helvetica', 'Myriad', 'Arial' !important;
}
[class^="html-font-family"] .common-font {
    font-family: '微软雅黑 Regular', '微软雅黑', '宋体' !important;
}

/*服务类比标题字体*/
.common-content-title-service-catalog {
}

/*dashboard页面title*/
.common-content-title-dashboard {
}

/*创建和申请页面顶部区域标题*/
.common-content-title-creation {
}

/*弹出框标题*/
.common-content-title-dialog {
}

/*表格-1）表头文字*/
.common-table-header {
}

/*表格-2）表体文字 */
.common-table-body {
}

/*表格-3）操作文字*/
.common-table-body-action {
}


/*dashboard刷新及表格头部刷新图标*/
.common-icon-refresh {
    font-size: 18px;
    cursor: pointer;
    color: #3399ff;
}

.common-icon-refresh:hover {
    color: #33aaff
}

/*帮助图标*/
.common-icon-help {
    font-size: 14px;
    cursor: pointer;
    color: #666666;
}

.common-icon-help:hover {
    color: #3399ff
}

/*表格上面的刷新按钮*/
.common-icon-refresh-button {
    box-sizing:content-box;
    font-size: 18px;
    border: 1px solid #ddd;
    cursor: pointer;
    border-radius: 2px;
    color: #666666;
    background: #fafafa;
    background: -webkit-linear-gradient(to bottom,#f7f7f7,#fff);
    background: linear-gradient(to bottom,#f7f7f7,#fff);
    display: inline-block;
    line-height: 30px;
    height: 30px;
    width: 30px;
    text-align: center;
}

.common-icon-refresh-button:hover {
    color: #3399ff;
}

.common-icon-refresh-button.disabled:hover {
    color: #666666;
}

.common-icon-refresh-button:focus {
    border: 1px solid #3399ff;
}

.common-icon-refresh-button:active {
    color: #ffffff;
    background: #3399ff;
    border: 1px solid #3399ff;
}

.common-icon-refresh-button.disabled:active {
    color: #666666;
    background: #3399ff;
    border: 1px solid #ddd;
}

/*字体大小定义*/
.common-font-size-common {
    font-size: 12px;
}
.common-font-size-big1 {
    font-size: 14px;
}
.common-font-size-big2 {
    font-size: 16px;
}
.common-font-size-big3 {
    font-size: 18px;
}
.common-font-size-big4 {
    font-size: 20px;
}

.common-font-size-big4-1 {
    font-size: 24px;
}

.common-font-size-big5 {
    font-size: 30px;
}
.common-font-size-big6 {
    font-size: 36px;
}

.common-font-size-big7 {
    font-size: 24px;
    font-family:"微软雅黑";
}

.common-font-size-big8 {
    font-size: 15px;
    font-family:"微软雅黑";
}

.common-font-size-big9 {
    font-size: 13px;
    font-family: "微软雅黑";
}

/*特殊样式处理--begin*/
.buy-btn-icon {
    background: url("../images/button_icon.png") 0 -43px no-repeat;
}
.fastBuy-btn-icon {
    background: url("../images/button_icon.png") 0 -65px no-repeat;
}
.create-btn-icon {
    background: url("../images/button_icon.png") 0 0 no-repeat;
}
.apply-btn-icon {
    background: url("../images/button_icon.png") 0 -21px no-repeat;
}

.btn-group .common-default-button {
    height: 28px;
    line-height: 28px;
    cursor: pointer;
    background-color: #e5e5e5;
    border: 1px solid #e5e5e5;
    margin: 0 1px 0 0;
    text-align: center;
    padding: 0 10px;
    min-width: 70px;
    float: left;
    color: #666666;
    font-size: 12px;
}

.btn-group .common-default-button:hover {
    border: 1px solid #3399ff;
    color: #3399ff;
}

.btn-group .common-default-button.selected {
    background-color: #3399ff !important;
    border: 1px solid #3399ff !important;
    color: #ffffff !important;
}

.btn-group .common-default-button.disabled {
    background-color: #e5e5e5 !important;
    border: 1px solid #e5e5e5 !important;
    color: #666666 !important;
    cursor: auto;
}

.btn-group .common-default-button:focus {
    outline: 0;
}


.btn-group>.common-default-button:first-child {
    margin-left: 0;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
}

.btn-group>.common-default-button:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
}

/*console home*/
.user-info-business-status .action-icon {
    color: #999999;
}

.user-info-business-status:hover .action-icon {
    color: #3399ff;
}

a:hover .home-service-action {
    color: #3399ff;
}

/*tiny UI*/
a.tinyTab-a {
    text-decoration: none !important;
    color: #666666 !important;
}

a.tinyTab-a:hover {
    color: #3399ff !important;
}

td.tiny-tdStyle .tiny-menubutton-caret {
    border-top: 4px solid #3399ff;
}

.tinyplus-btn-radio-label.active {
    border-color: #3399ff !important;
}

.pageWrap .tiny-select-input-field{
    height: 26px;
}
.pageWrap .tiny-select-input-field:before{
    right: 8px;
}
.pageWrap .tiny-select-text{
    width: 50px;
}

.tiny-menubutton-normaldropdown>li>a:hover {
    color: #3399ff;
    background: rgba(0,0,0,.1);
}

.pagination_container .tiny-select .tiny-select-text {
    height: 24px;
    line-height: 24px;
}
a.tinyPagination_tinybutton:focus {
    text-decoration: none;
}
a.tinyPagination_tinybutton:hover span {
    float: left;
    height: 24px;
    line-height: 24px;
    text-decoration: none;
}
.tinyPagination_paginationPrevSpan,
a.tinyPagination_tinybutton.tinyPagination_paginationNextSpan {
    text-decoration: none;
    width: 30px;
    height: 24px;
    line-height: 24px;
    min-width: 20px;
    border: 1px solid #ddd;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #6d6d6d;
    font-size: 16px;
    float: left;
    text-align: center;
    margin-right: 4px;
    box-sizing: content-box;
}
.tinyPagination_paginationPrevSpan:visited,
a.tinyPagination_tinybutton.tinyPagination_paginationPrevSpan:hover,
.tinyPagination_paginationNextSpan,
.tinyPagination_paginationNextSpan:visited,
a.tinyPagination_tinybutton.tinyPagination_paginationNextSpan:hover {
    cursor: pointer;
    text-decoration: none;
}
a.tinyPagination_paginationPrevSpanDisabled,
a.tinyPagination_tinybutton.tinyPagination_paginationPrevSpanDisabled:hover,
a.tinyPagination_tinybutton.tinyPagination_paginationNextSpanDisabled,
a.tinyPagination_tinybutton.tinyPagination_paginationNextSpanDisabled:hover {
    background: #fafafa;
    float: left;
    text-decoration: none;
    cursor: default;
    margin-right: 4px;
    color: #b2b2b2;
    height: 24px;
    line-height: 24px;
    border: 1px solid #ddd;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    width: 30px;
    font-size:16px;
    text-align: center;
    box-sizing: content-box;
}
.tiny-Pagination-Link-Selected:hover {
    color: #333333;
}
a.tinyPagination_tinybutton:hover {
    color: #3399ff;
}
a.tinyPagination_tinybutton:hover span {
    color: #3399ff;
}

.tiny-menubutton-normaldropdown>li>a:hover {
    color: #0af;
    background: rgba(0,0,0,.1);
}

.tinyPagination_paginationNextSpan,
a.tinyPagination_tinybutton.tinyPagination_paginationPrevSpan:hover,
a.tinyPagination_tinybutton.tinyPagination_paginationNextSpan:hover {
    border: 1px solid #3399ff;
    color: #3399ff;
}

.html-font-family-zh-cn .tinyplus-panel-title {
    font-family: "微软雅黑,Helvetica,Myriad,Arial";
}

[class^="html-font-family"] .tinyplus-panel-title {
    font-family: 'Helvetica', 'Myriad', 'Arial';
}
/*特殊样式处理--end*/