#CProduct-content table td.disabled{
    color: #bbb;
}

#CProduct-content table th #status{
    cursor: pointer;
}

#CProduct-content table th .dropdown li{
    text-align: center;
}

#CProduct-content table th .dropdown li a{
    padding: 3px 6px;
}

#CProduct-content table th .dropdown ul{
    width: 100%;
}

/*tool bar*/
#CProduct-content #CProduct-tool-bar button:disabled{
    background-color: #ebebeb;
    color: #bbb;
    opacity: 1;
}
/*tool bar end*/

/*product table start*/
#CProduct-content .table .product-recommend{
    height: 19px;
    width: 33px;
    border: 1px solid #319ffb;
    text-align: center;
    margin-left: 10px;
    color: #319ffb;
}
/*product table end*/
/*COMPUTER PRODUCT MODAL*/
#CProduct-content #CPModal .basic-info table .title,
#CProduct-content #CPModal .EDescription table .title{
    text-align: left;
    width: 120px;
    padding: 0 6px;
}

#CProduct-content #CPModal .basic-info table .disabled,
#CProduct-content #CPModal .EDescription table .disabled{
    padding: 0 6px;
}

#CProduct-content #CPModal .basic-info table .content input,
#CProduct-content #CPModal .EDescription table .content input{
    height: 30px;
    width: 100%;
    border: none;
    padding: 0 6px;
}

#CProduct-content #CPModal .basic-info table td input,
#CProduct-content #CPModal div.canEdit .EDescription table td input,
#CProduct-content #CPModal .basic-info table td button,
#CProduct-content #CPModal div.canEdit .EDescription table td button,
#CProduct-content #CPModal div.canEdit .EDescription .input-type{
    background-color: #e7f7ff;
}

#CProduct-content #CPModal .basic-info table td input:hover,
#CProduct-content #CPModal div.canEdit .EDescription table td input:hover,
#CProduct-content #CPModal .basic-info table td button:hover,
#CProduct-content #CPModal div.canEdit .EDescription table td button:hover,
#CProduct-content #CPModal div.canEdit .EDescription .input-type:hover{
    background-color: #d4eefd;
}

#CProduct-content #CPModal .basic-info table td input:disabled,
#CProduct-content #CPModal .basic-info table td button:disabled{
    background-color: #fff;
    text-align: center;
    opacity: 1;
}

#CProduct-content #CPModal .EDescription table td input:disabled{
    background-color: transparent;
}

#CProduct-content #CPModal .basic-info table .dropdown button,
#CProduct-content #CPModal .EDescription table .dropdown button,
#CProduct-content #CPModal .basic-info table .dropdown a,
#CProduct-content #CPModal .EDescription table .dropdown a{
    font-size: 12px;
}

#CProduct-content #CPModal .basic-info table .dropdown a,
#CProduct-content #CPModal .EDescription-info table .dropdown a{
    padding: 0 6px;
}

#CProduct-content #CPModal .canEdit .modal-body{
    max-height: 470px;
    overflow-y: scroll;
}

#CProduct-content #CPModal table{
    margin-bottom: 0;
}

#CProduct-content #CPModal input[type=checkbox]{
    position: relative;
    top: 3px;
}

#CProduct-content #CPModal table tr.can-edit{
    background-color: #e7f7ff;
}

#CProduct-content #CPModal table tr.can-edit td.area{
    background-color: #fff;
}

#CProduct-content #CPModal table tr.can-edit:hover{
    background-color: #d4eefd;
}

#CProduct-content #CPModal table tr td:last-child{
    position: relative;
}

#CProduct-content #CPModal table tr td:last-child label{
    position: absolute;
    width: 18px;
    height: 20px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

#CProduct-content #CPModal table tr td .fa-times-circle{
    position: absolute;
    display: none;
    right: -42px;
    font-size: 1.7em;
    cursor: pointer;
    color: #0ea0ff;
    opacity: 0.5;

}
#CProduct-content #CPModal table tr.can-edit:hover td .fa-times-circle{
    display: block;
}

#CProduct-content #CPModal table.have-new-data{
    margin-bottom: 10px;
}
#CProduct-content #CPModal table tbody tr td .gray-font{
    color: #999999;
}
#CProduct-content #CPModal .modal-dialog{
    width: 1200px;
}

#CProduct-content #CPModal .dropdown ul{
    width: 100%;
}

#CProduct-content #CPModal .data-center-config th{
    text-align: center;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
}

#CProduct-content #CPModal td{
    min-height: 30px;
    height: 30px;
    padding: 0;
    color: #777;
}

#CProduct-content #CPModal td .dropdown{
    width: 100%;
    height: inherit;
}

#CProduct-content #CPModal td .dropdown button{
    position: relative;
    width: 100%;
    height: inherit;
    color: #777;
    background-color: inherit;
    padding: 0;
    text-align: center;
}

#CProduct-content #CPModal .basic-info td .dropdown{
    height: 29px;
}

#CProduct-content #CPModal div.canEdit .basic-info td.ascc-version .dropdown{
    height: 30px;
}

#CProduct-content #CPModal tr.can-edit td.disk .dropdown button,
#CProduct-content #CPModal tr.can-edit td.line .dropdown button{
    background-color: #e7f7ff;
}

#CProduct-content #CPModal tr.can-edit td.error-border .dropdown button,
#CProduct-content #CPModal tr.can-edit td.error-border .dropdown button{
    background-color: #ffebf1;
}

#CProduct-content #CPModal td .dropdown button .caret{
    position: absolute;
    right: 5px;
    top: 13px;
}

#CProduct-content #CPModal td .dropdown ul{
    width: 100%;
    min-width: 90px;
}

#CProduct-content #CPModal td.os{
    padding: 10px 10px 0 10px;
    text-align: left;
}

#CProduct-content #CPModal td.disk,
#CProduct-content #CPModal td.line{
    padding: 10px 10px 10px 10px;
    text-align: left;
}

#CProduct-content #CPModal td.os{
    padding-bottom: 4px;
}

#CProduct-content #CPModal .data-center-config td.os label{
    margin-right: 10px;
    margin-bottom: 6px;
}

#CProduct-content #CPModal td.disk .dropdown{
    display: inline-block;
    width: 64px;
    height: 20px;
}

#CProduct-content #CPModal td.disk .dropdown button,
#CProduct-content #CPModal td.line .dropdown button{
    width: 100%;
    height: inherit;
    border: none;
    text-align: left;
    padding: 0 10px;
    line-height: 1;
    font-size: 12px;
}

#CProduct-content #CPModal tr td.disk label.disk-size{
    margin-left: 6px;
}

#CProduct-content #CPModal tr.can-edit td.disk .dropdown button,
#CProduct-content #CPModal tr.can-edit td.line .dropdown button{
    border: 1px solid #e3e3e3;
}

#CProduct-content #CPModal td.disk .dropdown ul,
#CProduct-content #CPModal td.line .dropdown ul{
    min-width: 64px;
}

#CProduct-content #CPModal td.disk .dropdown ul a,
#CProduct-content #CPModal td.line .dropdown ul a{
    padding: 3px 6px;
}

#CProduct-content #CPModal td.disk .dropdown .caret,
#CProduct-content #CPModal td.line .dropdown .caret{
    top: 8px;
}

#CProduct-content #CPModal td.line .dropdown{
    display: inline-block;
    width: 100px;
    height: 22px;
}

#CProduct-content #CPModal td.line label:first-child{
    position: relative;
}

#CProduct-content #CPModal tr.can-edit td.line label:first-child{
    top: 1px;
    width: auto;
}
#CProduct-content #CPModal .line-name-show{
    margin-right: 15px;;
}
#CProduct-content #CPModal .default-checked{
    position: relative;
    top: 4px;
}
#CProduct-content #CPModal td.timeOfDelivery input,
#CProduct-content #CPModal td.max-disk-number input,
#CProduct-content #CPModal input.price,
#CProduct-content #CPModal input.guide-price{
    width: 83px;
    height: inherit;
    background-color: inherit;
    border: none;
    padding: 0 10px;
}

#CProduct-content #CPModal .new-config tr td:first-child li{
    text-align: center;
}

#CProduct-content #CPModal .new-config tr td:first-child a{
    padding: 3px 6px;
}

#CProduct-content #CPModal .dropdown-toggle{
    position: relative;
    height: 30px;
    line-height: 30px;
    width: 100%;
}

#CProduct-content #CPModal .dropdown-toggle .caret{
    position: absolute;
    right: 2px;
    top: 13px;
}

#CProduct-content #CPModal table tr.add-new-config,
#CProduct-content #CPModal table tr.add-new-config:hover{
    background-color: #fff;
    height: 60px;
}

#CProduct-content #CPModal table tr.add-new-config button{
    color: #0ea0ff;
    border: 1px solid #0ea0ff;
    height: 30px;
    background-color: #fff;
    margin-right: 6px;
}

#CProduct-content #CPModal table tr.add-new-config button:hover{
    color: #fff;
    background-color: #088bfa;
}

#CProduct-content #CPModal table tr.add-new-config button:focus{
    outline: none;
}

#CProduct-content #CPModal .EDescription{
    margin-bottom: 10px;
}

#CProduct-content #CPModal .EDescription th{
    position: relative;
}

#CProduct-content #CPModal .EDescription th label.hide-EDescription{
    position: absolute;
    right: 10px;
    color: #337ab7;
}

#CProduct-content #CPModal .EDescription th label.hide-EDescription:hover{
    color: #088bfa;
    text-decoration: underline;
}

#CProduct-content #CPModal .EDescription tbody.hide-ed{
    display: none;
}

#CProduct-content #CPModal .EDescription .content{
    text-align: left;
}

#CProduct-content #CPModal .EDescription .content.input-type{
    padding: 0 6px;
}

#CProduct-content #CPModal .EDescription .input-type .type-content{
    position: static;
    display: inline-block;
    width: auto;
    margin-right: 10px;
}

#CProduct-content #CPModal .EDescription table .input-type input{
    height: auto;
    width: auto;
}

#CProduct-content #CPModal .EDescription .input-type .type-content label{
    position: relative;
    width: auto;
    top: -2px;
    left: -3px;
}
#CProduct-content #CPModal .EPC-relevance{
    /*height: 125px;*/
    height: auto;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}
#CProduct-content #CPModal .EPC-relevance-title{
    height: 34px;
    padding: 8px;
    text-align: center;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ddd;
    background: #f5f5f5;
}
#CProduct-content #CPModal .title-no-show{
    margin-bottom: 10px;
}
#CProduct-content #CPModal .EPC-relevance-title a{
    position: absolute;
    right: 35px;
    text-decoration: underline;
}
#CProduct-content #CPModal .EPC-relevance-basic{
    padding:5px 10px 0 10px ;
    border-bottom: 1px solid #ddd;
    height: 30px;
}
#CProduct-content #CPModal .EPC-relevance-basic div{
    width: 185px;
    float: left;
    color: #777;
}
#CProduct-content #CPModal .EPC-relevance-detail{
    height: auto;
    padding: 10px;
    min-height: 40px;
    overflow: auto;
    max-height: 100px;
}
#CProduct-content #CPModal .EPC-relevance-detail div{
    /*width: 230px;*/
    width: auto;
    height: 30px;
    margin-right: 30px;
    float: left;
    color: #777;
}
/*COMPUTER PRODUCT MODAL END*/

/*EXTENSION DESCRIPTION MODAL*/
#CProduct-content #EDModal table{
    margin-bottom: 0;
}

#CProduct-content #EDModal table.newED{
    margin-top: -1px;
}

#CProduct-content #EDModal table.have-data{
    margin-bottom: 10px;
}

#CProduct-content #EDModal tbody tr{
    height: 30px;
}

#CProduct-content #EDModal tbody tr.canEdit{
    background-color: #f2f9ec;
}

#CProduct-content #EDModal tbody tr.canEdit:hover{
    background-color: #e9f7d7;
}

#CProduct-content #EDModal tbody td{
    padding: 0;
}

#CProduct-content #EDModal tbody tr td:last-child{
    position: relative;
}

#CProduct-content #EDModal tbody tr td:last-child .fa-times-circle{
    position: absolute;
    display: none;
    right: -9px;
    top: 5px;
    font-size: 1.6em;
    cursor: pointer;
    color: #74c31d;
    opacity: 0.5;
}

#CProduct-content #EDModal tbody tr:hover td:last-child .fa-times-circle{
    display: block;
}

#CProduct-content #EDModal tbody td.name input,
#CProduct-content #EDModal tbody td.sequence input{
    width: 100%;
    height: 30px;
    border: none;
    padding: 0 6px;
    background-color: inherit;
}

#CProduct-content #EDModal tbody .dropdown button{
    position: relative;
    height: 30px;
    width: 100%;
    background-color: inherit;
    color: #777;
    padding: 0 24px 0 6px;
    font-size: 12px;
}

#CProduct-content #EDModal tbody .dropdown button .caret{
    position: absolute;
    right: 10px;
    top: 13px;
}

#CProduct-content #EDModal tbody .dropdown button:disabled{
    opacity: 1;
}

#CProduct-content #EDModal tbody .dropdown ul{
    width: 100%;
}

#CProduct-content #EDModal tbody .dropdown ul a{
    padding: 0 6px;
}

#CProduct-content #EDModal tbody .dropdown ul a.disabled{
    cursor: not-allowed;
    opacity: 0.7;
}

#CProduct-content #EDModal tbody .addED{
    color: #74c31d;
    background-color: #fff;
}

#CProduct-content #EDModal tbody .addED label{
    cursor: pointer;
}

#CProduct-content #EDModal tbody .addED label:hover{
    text-decoration: underline;
}

#CProduct-content #EDModal .content{
    padding: 0 6px;
    text-align: left;
}

#CProduct-content #EDModal .content div{
    position: relative;
    display: inline-block;
    border: 1px solid #ddd;
    margin: 5px 5px 0 0;
    padding: 0 8px;
    height: 20px;
}

#CProduct-content #EDModal .content div label{
    height: 18px;
}

#CProduct-content #EDModal .content div .fa-times-circle{
    position: absolute;
    display: none;
    right: -5px;
    top: -6px;
    font-size: 1.2em;
    cursor: pointer;
    color: #74c31d;
    opacity: 0.5;
}

#CProduct-content #EDModal .content div:hover .fa-times-circle{
    display: block;
}

#CProduct-content #EDModal .content .add-tag,
#CProduct-content #EDModal .content .add-tag > div{
    border: none;
    padding: 0;
    margin: 0;
}

#CProduct-content #EDModal .content .add-tag{
    margin: 5px 0 5px 0;
}

#CProduct-content #EDModal .content .add-tag > label,
#CProduct-content #EDModal .content .add-tag > div label{
    color: #74c31d;
}

#CProduct-content #EDModal .content .add-tag > label:hover,
#CProduct-content #EDModal .content .add-tag > div label:hover{
    text-decoration: underline;
    cursor: pointer;
}

#CProduct-content #EDModal .content .add-tag > div input{
    height: 17px;
    width: 100px;
    border: 1px solid #ddd;
    padding: 0 6px;
}

/*EXTENSION DESCRIPTION MODAL END*/