.license-title {
    margin: 0px -20px
}

.license-title > div {
    padding: 0px
}

.license-title > div > div {
    height: 57px;
    background-color: #FFF;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
    color: #333333;
    font-weight: bold;
    font-size: 14px;
    padding: 14px 40px 14px 20px;
    margin: 0px 20px 0px 20px;
}

.license-add {
    background-image: url('../images/icons/upgrade-dcgg.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 0px 1px;
}

.license-delete {
    background-image: url('../images/icons/remove-dcgg.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 0px 1px;
}

.license-export {
    background-image: url('../images/icons/export-dcgg.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 0px 1px;
}

.license-add-diable {
    background-image: url('../images/icons/upgrade-inactive.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 0px 1px;
}

.license-delete-diable {
    background-image: url('../images/icons/remove-inactive.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 0px 1px;
}

.license-export-diable {
    background-image: url('../images/icons/export-inactive.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 0px 1px;
}

.license-check-valid {
    background-image: url('../images/icons/verified=true.png');
}

.license-check-invalid {
    background-image: url('../images/icons/error.png');
}

.license-check-expired {
    background-image: url('../images/icons/warning.png');
}

.license-check-valid, .license-check-invalid, .license-check-expired {
    background-repeat: no-repeat;
    background-position: 0px 50%;
    background-size: 16px 16px;
    display: inline-block;
    width: 100%;
    padding-left: 24px;
}

.license-dialog {
    background-repeat: no-repeat;
    background-position: 0px 50%;
    display: inline-block;
    width: auto;
    padding-left: 70px;
    height: 50px;
    line-height: 50px;
    margin: 25px 25px;
    color: #333;
    font-size: 16px;
}

.license-dialog.license-progress {
    background-image: url(/www/images/license/in-progress.gif);
}

.license-dialog.license-success {
    background-image: url('../images/icons/confirm-blue.png');
    background-size: 32px;
    padding-left: 50px;
}

.license-dialog.license-fail {
    background-image: url('../images/icons/error.png');
    background-size: 32px;
    padding-left: 50px;
}

.license-dialog.license-alert {
    background-image: url('../images/icons/warning.png');
    background-size: 32px;
    padding-left: 50px;
}

.license-content {
    margin: 20px 0px 20px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    border: 1px solid #CCCCCC;
}
.license-content > div:nth-child(1) {
    height: 60px;
    width: auto;
    background-color: #FFF;
    color: #333333;
    font-size: 14px;
    line-height: 20px;
    padding: 20px 20px;
    border-bottom: 1px solid #e9e9e9;
}

.license-content > div:nth-child(2) {
    overflow-y: auto;
    max-height: 484px;
    width: 100%;
}

.license-content > div > span {
    display: inline-block;
    margin-right: 15px;
    padding-left: 20px;
    cursor: pointer;
}

.license-content table {
    border-top: none;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
}

.license-content table tr {
    height: 48px;
}

.license-content table tr:nth-child(2n - 1) {
    background-color: #F9FAFB;
}

.license-content table tr:nth-child(2n) {
    background-color: #FFFFFF;
}

.license-content table tr:hover {
    background-color: #EEF1F5;
}

.license-content table tr:first-child:hover {
    background-color: #F9FAFB;
}

.license-content table tr.selected {
    background-color: #EEF1F5;
}

.license-content table tr.deleted {
    display: none;
}

.license-content table td, .license-content table th {
    padding: 0px 8px;
    vertical-align: middle;
    border: solid #e9e9e9;
    font-size: 12px;
}

.license-content table th {
    border-width: 0px 1px 1px 0px;
}

.license-content table th:last-child {
    border-width: 0px 0px 1px 0px;
}

.license-content table td {
    border-width: 0px 1px 1px 0px;
}

.license-content table td:last-child {
    border-width: 0px 0px 1px 0px;;
}

.license-content table tr:last-child td {
    border-width: 0px 1px 0px 0px;;
}

.license-content table tr:last-child td:last-child {
    border-width: 0px 0px 0px 0px;;
}

.modal-license-body {
    position: relative;
    padding: 14px;
}

.modal-license-body label {
    font-weight: normal;
}

.browserBtn {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    overflow: hidden;
}

.license-button-group button {
    border-radius: 0px;
    width: 105px;
    height: 32px;
}

.license-button-group button:nth-child(1) {

}

.license-button-group button:nth-child(2) {
    margin-left: 15px;
}