/**
 * Helper classes
 */
 .clickable {
    cursor: pointer;
}

/**
 * Page width
 */
@media (min-width: 1400px) {
    .container {
        width: 1270px;
    }
}

/**
 * Font OVERRIDE to Roboto
 */
body, html,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.popover-content,
.table > thead > tr > th,
.table > tfoot > tr > th,
.accordion-simple .panel-title,
.pricing-table-head-byline,
.pricing-table-amount,
.error-code,
.wizard.wizard-enhanced > .steps .error a .number:after,
.wizard.wizard-enhanced > .steps .error a:hover .number:after,
.wizard.wizard-enhanced > .steps .error a:active .number:after,
table.dataTable-helper > thead > tr > th .form-control {
    
    font-family: Roboto;
}

/**
 * BorderRadius OVERRIDE to 0
 */
.btn-jumbo,
.form-control,
.mega-menu-menu > li > a,
.icon-stat,
.icon-stat-visual,
.blank-slate-icon,
.sitemap-entry,
.sitemap-header,
.sitemap-entry:after,
.sitemap-header:after,
.sitemap-header,
#flotTip,
.wizard.wizard-enhanced > .content,
.wizard-enhanced.wizard-vertical > .steps a,
.wizard-enhanced.wizard-vertical > .steps a:hover,
.wizard-enhanced.wizard-vertical > .steps a:active,
.wizard-enhanced.wizard-horizontal > .steps a,
.wizard-enhanced.wizard-horizontal > .steps a:hover,
.wizard-enhanced.wizard-horizontal > .steps a:active,
.simplecolorpicker span.color,
.simplecolorpicker.icon,
.ui-slider,
.ui-slider .ui-slider-handle,
.demo-launcher img,
.dropdown-menu > li > a,
.pagination > li > a,
.pagination > li > span,
.portlet-header,
.portlet-body {
    border-radius: 0 !important;
}


/**
 * Logo
 */
.navbar-brand img {
    margin-top: 2px;
    max-height: 48px;
    opacity: .2;
}

/**
 * Table cells align to vertical middle
 */
.table input[type=checkbox] {
    width: 14px;
    height: auto;
}
.table.table-vertical-middle td {
    vertical-align: middle;
}
.table tr.multi-row--first td {
    border-bottom: 0;
    padding-bottom: 0;
}
.table tr.multi-row--last td {
    border-top: 0;
    padding-top: 0;
}


/**
 * Icon + text padding
 */
.dropdown-menu li i.fa {
    margin-right: 6px;
}

/**
 * Helpers
 */
.clickable {
    cursor: pointer;
}
 
/**
 * Remove LETTER-SPACING
 */
.accordion-simple .panel-title,
.mainnav-menu > li > a {
    letter-spacing: 0;
}

/**
 * Remove portlet-title:after
 */
.portlet-boxed .portlet-title:after {
    display: none;
}

/**
 * ADD: portlet-buttons
 */
.portlet-buttons {
    float: right;
}

/**
 * Footer FIX for vertical layout
 */
.footer {
    height: auto;
    padding: 20px 0;
    color: #7d8a94;
    background-color: #2f4354;
    z-index: 102;
    position: relative;
}
.footer p {
    line-height: 1;
    margin-bottom: 10px;
    font-size: .8em;
}
.footer p:last-child {
    margin-bottom: 0;
}

/**
 * Add Monospace font
 */
.monospace {
    font-family: monospace !important;
}
.monospace-label {
    background-color: #e5e5e5;
    border: 1px solid #ccc;
    padding: 4px 8px;
    color: #000;
}

/**
 * Add padding to table cells
 */
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 12px;
}

/**
 * Add a content wrapper
 */
.content-wrapper {
    padding: 80px 0;
}

/**
 * Adjust portlet styles
 */
.portlet-title {
    line-height: 32px;
}
.portlet > * > *:last-child,
.portlet > * > .row > div > *:last-child,
.container > *:last-child {
    margin-bottom: 0;
}
* + .portlet-header {
    margin-top: -1px;
}
.portlet .indent {
    padding: 20px 0 20px 80px;
}
.portlet .portlet-body.portlet-hidden {
    height: 0;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    border: 0;
    transition: height .15s ease-in-out;
}
.portlet-body > :first-child {
    margin-top: 0 !important;
}
.portlet-body > :last-child {
    margin-bottom: 0 !important;
}

/**
 * Attributes Table styles
 */
.content > hr {
    margin-top: 50px;
    margin-bottom: 50px;
    border-top-width: 6px;
    border-top-style: dashed;
    border-top-color: #fff;
}

/**
 * Attributes Table styles
 */
.table.table-attributes {
    word-break: break-all;
}
.table.table-attributes td:first-child {
    width: 33%;
}

/**
 * ChevronToggle class
 */
.chevron-toggle {
    display: inline-block;
    width: 2em;
    height: 2em;
    margin-right: .5em;
    box-sizing: border-box;
    text-align: center;
    border-width: 3px;
    border-style: solid;
    border-color: #b8c3cb;
    border-radius: 2em;
    cursor: pointer;
    transition: border-color .35s ease-out;
}
.pull-right > .chevron-toggle {
    margin-right: 0;
    margin-left: .5em;
}
.chevron-toggle > i.fa {
    color: #b8c3cb;
    transition: color .15s ease-out;
}
.chevron-toggle:hover > i.fa {
    color: #435f76;
    transition: none;
}
.chevron-toggle > i.fa:before {
    content: "\f067";
}
.chevron-toggle:focus,
.chevron-toggle:active {
    border-color: #435f76;
    transition: none;
}
.chevron-toggle.chevron-toggle--active > i.fa:before {
    content: "\f068";
}
.portlet-body.chevron-toggle--active {
    margin-bottom: 20px;
}
.portlet-body.chevron-toggle--active:last-child {
    margin-bottom: 0;
}