/* ubiquitous classes --------- */

*:first-child {margin-top: 0;} /* for Safari */
.clear {clear: both;}
.hiddenStructure {display: none !important;}
.fieldRequired {font-size: 10px;}

/* STRUCTURE --------- */

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
}
html {-webkit-text-size-adjust: none;}

#portal-top,
#hc-portal-header,
#visual-portal-wrapper,
#hc-portal-container,
#hc-portal-footer-wrapper,
#portal-footer,
.hc-inner-container,
#portlet-prefs {
    position: relative;
}

#visual-portal-wrapper {
    height: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
}
#hc-portal-container {
    text-align: left;
    min-height: 100%;
    top: 0;
}
* html #hc-portal-container {
    height: 100%;
}
.hc-inner-container,
#portal-personaltools-wrapper {
    max-width: 1180px;
    min-width: 740px;
    padding: 0 10px;
    margin: 0 auto;
    text-align: left;
}
#popup {
    .hc-inner-container {
        min-width: 440px;
    }
    #portal-columns {
        .hc-inner-container {
            min-width: 460px;
        }
    }
}

#portal-personaltools,
#portal-siteactions {
    padding: 0;
}
#portal-columns {
    .hc-inner-container {
        min-width: 760px;
        max-width: 1200px;
        padding: 0;
    }
}


.template-site-controlpanel,
.template-prefs_install_products_form,
.template-calendar-controlpanel,
.template-atct_manageTopicIndex,
.template-rules-controlpanel,
.template-prefs_error_log_form,
.template-filter-controlpanel,
.template-language-controlpanel,
.template-mail-controlpanel,
.template-maintenance-controlpanel,
.template-markup-controlpanel,
.template-prefs_navigation_form,
.template-search-controlpanel,
.template-security-controlpanel,
.template-site-controlpanel,
.template-skins-controlpanel,
.template-tinymce-controlpanel,
.template-types-controlpanel,
.template-prefs_users_overview,
.template-prefs_groups_overview,
.template-kupu_config,
.template-hctheme-controlpanel,
.template-prefs_pfg_permits {
    #portal-column-content {
        margin-left: 16em;
    }
}


.documentByLine {
    display: none !important;
}
.documentContent {
    padding: 0 !important;
}
.documentEditable {
    .documentContent {
        padding: 1em !important;
    }
}

#region-content {
    form {
        position: relative;
        overflow: hidden;

        &[name="groups_search"] {
            overflow: visible;
        }
    }
}

.template-prefs_users_overview {
    #region-content form {
        overflow: visible;

        &[name="users_add"] {
            overflow: hidden;
        }
    }
    #portal-columns {
        .hc-inner-container {
            max-width: none !important;
        }
    }
}



#portal-breadcrumbs {
    width: 100%;
    text-align: center;
    padding: 0.5em 0;
    margin-bottom: 1em;
}
#portlet-prefs {
    left: -20px;
    margin-bottom: 30px;
}



/* FooterStickAlt -------------- */

#clear-space-before-footer {
    margin: 0;
    padding: 30px 0 0 0;
}
#portal-footer,
#clear-space-before-footer {
    height: 80px;
}
#portal-footer {
    margin: -100px 0 0 0;
    padding: 20px 0 0 0;
    background: #eee;
    border: 0;
    text-align: left;
}



/* STYLE ------------------ */

#portal-breadcrumbs,
#portal-personaltools {
    border: 0;
}
#portal-personaltools {
    background: none;
}
#portal-breadcrumbs {
    background: #eee;
}

h1,
h2 {
    border: 0;
    margin-bottom: 1em;
}

#logo a {
    font-size: 24px;
}

ul.contentViews li {
    line-height: 13px;
}
ul {
    margin: 0;
}




/* KUPU fixes ------------- */

html.kupu-html,
html.kupu-html body {
    height: auto !important;
}
html.kupu-html {
    width: 98% !important;
}
.kupu-fulleditor textarea {
    clear:both !important;
}
#kupu-editor-text #toolbar,
div.kupu-tb {
    overflow: hidden;
}
iframe.kupu-editor-iframe {
    z-index: 500 !important;
}



/* The 16-column Deco Grid System. 
 * For the 12-column variant, see decogrids-12.css.
 *
 * Cells are 4% width, 1.125% left/right margin.
 * 
 * If page width is fixed to 960px width:
 * Cell will be equivalent to 40px, left/right margin will be 10px.
 */

div.row {
  float: left;
  width: 100%;
  display: block;
  position: relative;
}
div.cell {
  position: relative;
  float: left;
  left: 100%;
}

/* Width classes. 
   For a given cell width, the calculation is: width: (6.25*n - 2.25)% */
div.width-1  { width:  4%    }
div.width-2  { width: 10.25% }
div.width-3  { width: 16.5%  }
div.width-4  { width: 22.75% }
div.width-5  { width: 29%    }
div.width-6  { width: 35.25% }
div.width-7  { width: 41.5%  }
div.width-8  { width: 47.75% }
div.width-9  { width: 54%    }
div.width-10 { width: 60.25% }
div.width-11 { width: 66.5%  }
div.width-12 { width: 72.75% }
div.width-13 { width: 79%    }
div.width-14 { width: 85.25% }
div.width-15 { width: 91.5%  }
div.width-16 { width: 97.75% }


/* Positioning classes, these are subtracting from a rightmost 
   position, which is why they seem the wrong way around */
/* For a given position, the calculation is margin-left: -100 + (6.25*n) + 1.125 */
div.position-0  { margin-left: -98.875% }
div.position-1  { margin-left: -92.625% }
div.position-2  { margin-left: -86.375% }
div.position-3  { margin-left: -80.125% }
div.position-4  { margin-left: -73.875% }
div.position-5  { margin-left: -67.625% }
div.position-6  { margin-left: -61.375% }
div.position-7  { margin-left: -55.125% }
div.position-8  { margin-left: -48.875% }
div.position-9  { margin-left: -42.625% }
div.position-10 { margin-left: -36.375% }
div.position-11 { margin-left: -30.125% }
div.position-12 { margin-left: -23.875% }
div.position-13 { margin-left: -17.625% }
div.position-14 { margin-left: -11.375% }
div.position-15 { margin-left:  -5.125% }

/* End of the core Deco Grid System */

/* Convenience classes — ¼, ½, ¾ widths and ¼, ½, ¾ positions. 
   Not strictly necessary. */
div.width-1\3a 2 { width:    47.75%; } /* .width-1:2 */
div.width-1\3a 4 { width:    22.75%; } /* .width-1:4 */
div.width-3\3a 4 { width:    72.75%; } /* .width-3:4 */
div.width-full   { width:    97.75%  } 
div.position-1\3a 4 {margin-left:    -73.875%;} /* .position-1:4 */
div.position-1\3a 2 {margin-left:    -48.875%;} /* .position-1:2 */
div.position-3\3a 4 {margin-left:    -23.875%;} /* .position-3:4 */


/* Special classes for ⅓, ⅔ widths and ⅓, ⅔ positions. 
These do not strictly conform to the grid, but are useful for certain layouts. */
div.width-1\3a 3 { width: 31.08%; } /* .width-1:3 */
div.width-2\3a 3 { width: 64.42%; } /* .width-2:3 */
div.position-1\3a 3 {margin-left: -65.545%;} /* .position-1:3 */
div.position-2\3a 3 {margin-left: -32.205%;} /* .position-2:3 */



/* Dojo column selector button ----------- */
button.ui-icon {
    background-color: transparent !important;
    background-image: url(/assets/js/dgrid/css/images/ui-icons_222222_256x240.png) !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;

    &:hover,
    &:focus {
        background-color: transparent !important;
    }
}