/* module-key = 'com.gliffy.integration.confluence:gliffy-confluence-unlink', location = 'gliffy/controls/alert/AlertBootstrap.css' */
/* These were copied from editor's bootstrap CSS for reuse in Confluence */

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    color: #c09853;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.alert h4 {
    margin: 0;
}

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 20px;
}

.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-danger,
.alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
    margin-bottom: 0;
}

.alert-block p + p {
    margin-top: 5px;
}

.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.close:hover {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}


/* module-key = 'com.gliffy.integration.confluence:gliffy-confluence-unlink', location = 'gliffy/confluence/linked/UnlinkDiagramDialog.css' */
.gliffy-diagram-unlink-description {
    margin-bottom: 20px;
}

.gliffy-diagram-input-label {
    float: left;
    margin-left: -36px;
    padding: 5px 10px 0px 0px;
    position: relative;
    text-align: right;
    width: 130px;
    word-wrap: break-word;
    color: #707070;
    cursor: default;
}

.gliffy-diagram-name-input {
    height: 2.14285714em;
    line-height: 1.4285714285714;
    padding: 4px 5px;
    border: 1px solid #ccc;
    border-radius: 3.01px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: inherit;
    margin: 0;
    vertical-align: baseline;
    width: 300px;

    &:focus {
        border: 2px solid #4b00fc;
        outline: #4b00fc;
    }
}

.gliffy-diagram-name-error {
    color: red;
    font-size: 13px;
    margin-top: 15px;
}

#gliffy-diagram-unlink .button-panel-button {
    background: rgba(75, 0, 252, 1);
    border: 1px solid rgba(75, 0, 252, 1);
    color: #fff;
    text-shadow: none;

    &:hover {
        opacity: 0.8;
    }
}

#gliffy-diagram-unlink .button-panel-link {
    color: #44546f;
    cursor: pointer;
    font-family: sans-serif;
    font-variation-settings: "wght" 100;
    font-weight: 400;
    width: 60px;
    text-align: center;
    background-color: #fff;
    text-decoration: none;

    &:hover {
        opacity: 0.8;
    }
}

#gliffy-diagram-unlink .button-panel-button.gliffy-button-disabled,
#gliffy-diagram-unlink .button-panel-button.gliffy-button-disabled:hover {
    background: #fff;
    border: 1px solid #cccccc;
    color: #999;
}

#gliffy-diagram-unlink .button-panel-button.gliffy-button-disabled:hover {
    cursor: default;
}