.site-configuration {
    margin: 10px;
}

.site-designer .page-box {
}

    .site-designer .page-box .page-title {
        font-size: 13px;
        padding: 4px;
        border: 1px solid #0094ff;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .site-designer .page-box .page-content {
        padding: 4px;
        border: 1px solid #0094ff;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top: 0px;
    }

.site-designer table {
    border-collapse: collapse;
    width: 100%;
}

.site-designer th {
    background-image: none !important;
    font-weight: bold;
    border-bottom: 1px solid #808080;
}

.site-designer th, .site-designer td {
    text-align: left;
    padding: 8px;
    border-right: 1px solid #ffffff;
}

.site-designer tr:nth-child(even) {
    background-color: #f2f2f2;
}

.site-designer tr:hover {
    background-color: #E2E2E2;
}

.site-designer .tableButton {
    margin-top: 5px;
    background-color: #1b75bc;
    border: none;
    color: white;
    padding: 4px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.tableButton:hover {
    background-color: #005487;
}


.site-designer select:disabled {
    background-color: #E2E2E2;
}

.site-designer label {
    margin: -2px;
    display: block;
}

.clearfix {
    display: block;
    clear: both;
}

.design-diagram {
}

.design-box {
    float: left;
    margin: 5px;
}

    .design-box .design-box-title {
        background-color: #a4dafb;
        border: 1px solid #91d4fd;
        padding: 4px;
        border-radius: 4px;
        text-transform: uppercase;
        font-weight: bold;
        box-shadow: rgba(0,0,0,0.2) 2px 2px 2px;
    }

    .design-box .design-box-fields {
        margin-left: 3px;
        margin-right: 3px;
        background-color: #bfe4fb;
        border: 1px solid #91d4fd;
        border-top: none;
        border-bottom: none;
        box-shadow: rgba(0,0,0,0.2) 2px 2px 2px;
    }

        .design-box .design-box-fields:last-child {
            border-radius: 4px;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
        }

        .design-box .design-box-fields .design-box-field {
            padding: 7px;
            background-color: #c9e9fd;
            padding-left: 17px;
        }

            .design-box .design-box-fields .design-box-field img {
                margin-left: -12px;
            }

            .design-box .design-box-fields .design-box-field:nth-child(even) {
                background-color: #d7f0ff;
            }

        .design-box .design-box-fields .design-box-system-field {
            padding: 7px;
            background-color: #e2ebf1;
            padding-left:17px;
        }

            .design-box .design-box-fields .design-box-system-field:nth-child(even) {
                background-color: #eef8ff;
            }

            .design-box .design-box-fields .design-box-system-field img
            {
                margin-left :-12px;
            }

            .design-box .design-box-warnings {
                margin-left: 3px;
                margin-right: 3px;
                background-color: #f9fbbf;
                box-shadow: rgba(0,0,0,0.2) 2px 2px 2px;
            }

        .design-box .design-box-warnings .design-box-warning {
            padding: 7px;
            background-color: #f9fdc9;
        }

            .design-box .design-box-warnings .design-box-warning:nth-child(even) {
                background-color: #ffffd7;
            }

    .design-box .design-box-validations {
        margin-left: 3px;
        margin-right: 3px;
        background-color: #fbbfbf;
        box-shadow: rgba(0,0,0,0.2) 2px 2px 2px;
    }

        .design-box .design-box-validations .design-box-error {
            padding: 7px;
            background-color: #fdc9c9;
        }

            .design-box .design-box-validations .design-box-error:nth-child(even) {
                background-color: #ffd7d7;
            }
.overlay-loading
{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background-color:Rgba(0,0,0,0.2);
    z-index:99998;
}
    .overlay-loading img {
        position: fixed;
        top: 50%;
        left: 50%;
        margin-left: -32px;
        margin-top: -32px;
        z-index: 99999;

        background-color:#ffffff;

        border-radius:32px;
    }

img.desaturate {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}