/* compatibility with existing customizations: styles that were added
   or updated in recent versions must be defined here, later to be 
   loaded from the Layout views after the Site.css file (the customized
   versions of Site.css are loaded for customized orgs), then this 
   'non-customizable' file is overriding the loaded Site.css styles. */

html, body {
    height: 100%;
}

.invisible {
    display: none;
}

#activeUsernameBlock {
    vertical-align: middle;
    text-align: center;
    margin: 10px 0 10px 0;
}

#loginContainer #login #formu #LoginCntrCol p {
    padding: 15px 0 15px 0;
    text-align: center;
}

#loginContainer #login #formu #LoginBox {
    margin: 14px 40px 0 40px;
}

#loginContainer #login #formu .LoginCntrCol {
    width: 100%;
    padding: 5px 0 15px 0;
    text-align: center;
}

#loginContainer #login #formu #activeUsername {
    font-weight: bold;
    font-size: 24px;
}

    #loginContainer #login #formu #activeUsername a {
        font-size: 14px;
        text-decoration: underline;
    }

#loginContainer #loginFooter {
    font-size: 12px;
}

.loaderIcon {
    height: 12px;
}

#page {
    width: 1040px;
}

#menuLogin {
    font-size: inherit; /* should inherit the 14px body setting */
}

#menu .current {
    font-weight: bold;
}

.section {
    font-size: 18px;
}

.checkThis .msg {
    font-size: 11px;
}

.widget table {
    font-size: 14px;
}

.checkThis .msg {
    font-size: 11px;
}

.widget th {
    font-size: 14px;
}

.configPane {
    padding-bottom: 2rem;
    z-index: 10;
}

button, .button {
    font-size: 15px;
}

#mainFooter {
    font-size: 12px;
}

#leftBar .current {
    font-weight: bold;
}

#leftBar .content.help {
    font-size: 12px;
}

.filterArea {
    font-size: 12px;
}

input[type="text"].tbDdl {
    border-width: 1px;
}

.ddlContainer {
    display: contents;
}

.btnDdl {
    width: 12px;
}

input.error,
textarea.error {
    outline: none !important;
    border: 1px solid red;
}

.t-widget.t-dropdown .t-icon.t-arrow-down {
    background-position: -61px -396px;
}

#NoSoportado {
    font-size: 12px;
}

.qq-upload-size, .qq-upload-cancel {
    font-size: 12px;
}

button#newAccount {
    margin-top: 8px;
}

/******************************************************************/
/* classifier section styles */

.classifier-section {
    /*border: dashed 1px green;*/
    width: 100%;
    box-sizing: border-box;
    float: left;
    margin-bottom: 2rem;
}

    .classifier-section .title {
        width: 20%;
        box-sizing: border-box;
        float: left;
        font-size: 1.5rem;
    }

        .classifier-section .title.general {
            padding-top: 0.5rem;
        }

        .classifier-section .title.labels {
            padding-top: 0.5rem;
        }

        .classifier-section .title.policy {
            padding-top: 0.5rem;
        }

    .classifier-section .properties {
        /*border: dashed 1px green;*/
        width: 80%;
        box-sizing: border-box;
        float: left;
        border-left: solid 1px #555555;
        padding-left: 2rem;
    }

        .classifier-section .properties .property {
            /*border: dashed 1px green;*/
            width: 100%;
            box-sizing: border-box;
            height: 1.75rem;
            margin-bottom: 1rem;
        }

            .classifier-section .properties .property.description {
                height: 4.0rem;
            }

                .classifier-section .properties .property.description textarea {
                    border-color: #aaa;
                    resize: none;
                    /*font-family: 'Cuprum', "Segoe UI Light", Segoe, Trebuchet MS, Arial, Helvetica, Sans-Serif;*/
                }

            .classifier-section .properties .property .label {
                /*border: dashed 1px green;*/
                width: 30%;
                box-sizing: border-box;
                height: 2rem;
                float: left;
                padding-top: 0.5rem;
            }

            .classifier-section .properties .property .input {
                /*border: dashed 1px green;*/
                width: 70%;
                box-sizing: border-box;
                height: 2rem;
                float: left;
                padding-top: 0.125rem;
            }

                .classifier-section .properties .property .input.float-right {
                    float: right;
                }

            .classifier-section .properties .property .label.small {
                width: auto;
                padding-right: 1.5rem;
            }

            .classifier-section .properties .property .input.small {
                width: 200px;
            }

                .classifier-section .properties .property .input.small.label {
                    padding-top: 0.5rem;
                }

            .classifier-section .properties .property .label.and-operator {
                padding-left: 124px;
            }

            .classifier-section .properties .property .input input {
                font-family: 'Cuprum', "Segoe UI Light", Segoe, Trebuchet MS, Arial, Helvetica, Sans-Serif;
            }
            /* .formField is for div with input styling used to show read-only values */
            .classifier-section .properties .property .input .formField {
                vertical-align: middle;
            }

            .classifier-section .properties .property .input #policy-name,
            .classifier-section .properties .property .input #policy-description,
            .classifier-section .properties .property .input #policy-owner {
                height: 20px;
                display: inline-block;
                width: 250px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                border-width: 0px;
            }

                .classifier-section .properties .property .input #policy-name.error {
                    border-width: 1px;
                }

    .classifier-section .t-autocomplete, .t-input[type="text"] {
        width: 100%;
    }

    .classifier-section input:disabled {
        opacity: 0.3;
    }

input[name=and-operator]
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.input.error,
.input .error,
.t-grid.error,
.t-grid .error,
.t-dropdown-wrap.error,
#sharesDdl input[type="text"].tbDdl.error,
.classifier-section .properties .property.description textarea.error {
    border-color: red;
}

.overable {
    /* needed for absolute-positioned tooltips: the tooltip parent must be relative */
    position: relative;
}

#classifier-tooltip {
    background-color: #FFF;
    border: 1px solid #767676;
    z-index: 9999;
    /*display: none;*/
    position: absolute;
    top: -5.55rem;
    left: 0rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 1rem;
}

    #classifier-tooltip .column {
        padding-left: 1rem;
    }

    #classifier-tooltip .float-left {
        float: left;
    }

    #classifier-tooltip .column.left {
        max-width: 240px;
    }

    #classifier-tooltip .column.right {
        max-width: 600px;
        text-align: left;
    }

    #classifier-tooltip span {
        /*color: #767676;*/
        padding-bottom: 4px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
/********************************************************************/
#gv-credentials
/*#label-popup-editor*/ {
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
}

.popup-bg {
    width: 100%;
    height: 100%;
    background-color: #888;
    opacity: 0.75;
}

.popup-section,
.vertical-section {
    border: 1px solid #cccccc;
    background-color: #e8e8e8;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-bottom: 2rem;
    padding: 2rem;
}

.vertical-section {
    width: 300px;
    height: 380px;
    margin-left: -150px;
    margin-top: -200px;
}

.horizontal-section {
    width: 800px;
    height: 200px;
    margin-left: -400px;
    margin-top: -110px;
}

.vertical-section .title {
    width: 100%;
    box-sizing: border-box;
    font-size: 1.5rem;
    padding-bottom: 2rem;
}

.vertical-section .properties {
    width: 100%;
    box-sizing: border-box;
}

    .vertical-section .properties .property {
        width: 100%;
        box-sizing: border-box;
        height: 2.25rem;
        margin-bottom: 1.5rem;
    }

        .vertical-section .properties .property .label,
        .vertical-section .properties .property .input {
            box-sizing: border-box;
            /* height: 2rem; */
            margin-bottom: 0.25rem;
        }


.formActionsBar.reset-height {
    height: auto;
}

.float-right {
    float: right;
}

.label-popup-editor .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-size: 1em;
    margin-top: 0.75rem;
    margin-bottom: 1.25rem;
}

#label-selector-placeholder-for-popup .input.small {
    margin-bottom: 1rem;
}

#label-selector-placeholder-for-popup .label {
    margin-bottom: 0.5rem;
}

#editShareOptions {
    display: none;
}

#sharesDdl .ddl {
    margin-left: 3px;
    margin-top: 8px;
    width: 195px;
    right: unset;
}

#sharesDdl input[type="text"].tbDdl {
    width: 210px;
    height: 17px;
    font-size: 12px;
    color: #222;
    padding-left: 3px;
    border-color: #e5e5e5;
}

#shareSection .t-dropdown {
    width: 260px;
}

#textareaSW, #textareaDW {
    background-color: transparent;
    resize: none;
    outline: none;
    overflow: hidden;
    font-family: monospace;
    font-size: 11px;
    padding: 20px 10px 0px 10px;
}

/* watermark uploader */
.file-uploader {
    display: inline-block;
}

.download-file-button {
    display: inline-block;
    margin-left: 207px;
}

.dwRemoveBtn, .swRemoveBtn {
    display: inline;
}

#btnRemoveSW, #btnRemoveDW {
    margin-left: 410px;
}

#notices-widget-container {
    height: 184px;
}

#stats-widget-container {
    height: 204px;
}