/* 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: 1px #aaa solid; /* to override the site.css setting that was affecting borders */
    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: 280px;    
    margin-left: -150px;
    margin-top: -150px;    
}
.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;
}
/******************************************************************/
/* Advanced Analytics */
.analytics.message {    
    margin-left: 1rem;
}
.analytics.status {
    display: none;    
}
.analytics.error {
    display: none;
    color: red;
}
.analytics.open-button {
    /*display: none;*/
}
.analytics.overlay {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.analytics.overlay .bg {    
    position: absolute;
    z-index: 0;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity:0.9;
}
.analytics.overlay .content {    
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;    
}
.analytics iframe {
    width: 100%;
    height: 100%;    
    z-index: 1;
}
.analytics.close {    
    position: fixed;
    top: 1rem;
    right: 1rem;    
    z-index: 2;
}
/******************************************************************/