@font-face {
    font-family: 'Lato-Black';
    src: url('Fonts/Lato/Lato-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato-BlackItalic';
    src: url('Fonts/Lato/Lato-BlackItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato-Bold';
    src: url('Fonts/Lato/Lato-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato-BoldItalic';
    src: url('Fonts/Lato/Lato-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato-Hairline';
    src: url('Fonts/Lato/Lato-Hairline.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato-HairlineItalic';
    src: url('Fonts/Lato/Lato-HairlineItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato-Italic';
    src: url('Fonts/Lato/Lato-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato-Light';
    src: url('Fonts/Lato/Lato-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato-LightItalic';
    src: url('Fonts/Lato/Lato-LightItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato-Regular';
    src: url('Fonts/Lato/Lato-Regular.ttf') format('truetype');
}


@font-face {
    font-family: 'Karma-Bold'; src: url('Fonts/Karma/Karma-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Karma-Light';
    src: url('Fonts/Karma/Karma-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Karma-Medium';
    src: url('Fonts/Karma/Karma-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Karma-Regular';
    src: url('Fonts/Karma/Karma-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Karma-SemiBold';
    src: url('Fonts/Karma/Karma-SemiBold.ttf') format('truetype');
}

.logo {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}

@media(max-width:979px) {
    .responsive-table-horizontal {
        display: block;
        position: relative;
        width: 100%;
    }

        .responsive-table-horizontal:after {
            clear: both;
            content: '';
            display: block;
            font-size: 0;
            height: 0;
            visibility: hidden;
        }

        .responsive-table-horizontal tbody {
            display: block;
            overflow-x: auto;
            position: relative;
            white-space: nowrap;
            width: auto;
        }

            .responsive-table-horizontal tbody tr {
                display: inline-block;
                vertical-align: top;
            }

                .responsive-table-horizontal tbody tr td {
                    display: block;
                    margin-bottom: 20px;
                }

                    .responsive-table-horizontal tbody tr td:first-child {
                        text-align: left;
                    }

        .responsive-table-horizontal thead {
            display: block;
            float: left;
            margin-right: 10px;
        }

            .responsive-table-horizontal thead:after {
                clear: both;
                content: "";
                display: block;
                font-size: 0;
                height: 0;
                visibility: hidden;
            }

            .responsive-table-horizontal thead th {
                display: block;
                margin-bottom: 20px;
                text-align: right;
            }

                .responsive-table-horizontal thead th:first-child {
                    text-align: right;
                }

    .ie9 .responsive-table-horizontal thead {
        float: none;
    }
}

.important {
    font-weight: bold;
}

.portal-iframe #main-content {
    width: 100%;
}

.loading-animation {
    background: url(/AMA-UX-TOOLKIT-theme/css/../images/progress_bar/loading_animation.gif) no-repeat top center;
    margin-top: 10px;
    padding-top: 40px;
    text-align: left;
}

.separator {
    border-top: 1px dotted #bfbfbf;
}

.update-available {
    margin-top: 10px;
    padding: 2px;
    text-align: left;
}

.highlight {
    background: #FFC;
    font-weight: bold;
    margin: 0 1px;
}

span.alert {
    display: inline-block;
}

#skip-to-content {
    clip: rect(0 0 0 0);
    position: absolute;
}

.portlet-layout.dragging {
    border-collapse: separate;
}

.drop-area {
    background-color: #d3dadd;
}

.active-area {
    background: #FFC;
}

.portlet-boundary.yui3-dd-dragging {
    filter: alpha(opacity=60);
    opacity: .6;
}

    .portlet-boundary.yui3-dd-dragging .portlet {
        border: 2px dashed #CCC;
    }

.sortable-layout-proxy {
    filter: alpha(opacity=100);
    opacity: 1;
}

    .sortable-layout-proxy .portlet-topper {
        background-image: none;
    }

.proxy {
    cursor: move;
    filter: alpha(opacity=65);
    opacity: .65;
    position: absolute;
}

    .proxy.generic-portlet {
        height: 200px;
        width: 300px;
    }

        .proxy.generic-portlet .portlet-title {
            padding: 10px;
        }

    .proxy.not-intersecting .forbidden-action {
        background: url(/AMA-UX-TOOLKIT-theme/css/../images/application/forbidden_action.png) no-repeat;
        display: block;
        height: 32px;
        position: absolute;
        right: -15px;
        top: -15px;
        width: 32px;
    }

.resizable-proxy {
    border: 1px dashed #828f95;
    position: absolute;
    visibility: hidden;
}

.sortable-proxy {
    background: #727c81;
    margin-top: 1px;
}

.lfr-freeform-layout-drag-indicator {
    visibility: hidden;
}

.sortable-layout-drag-target-indicator {
    margin: 2px 0;
}

.yui3-dd-proxy {
    z-index: 1110 !important;
}

.tooltip {
    max-width: 200px;
}

/* tagselector */
.tagselector-content {
    border-width: 0;
    margin-bottom: 15px;
    overflow: visible;
    padding: 0;
}

    .tagselector-content .textboxlistentry-holder {
        background: #FFF;
        border: 1px solid #CCC;
        margin-bottom: 5px;
        overflow: visible;
        padding: 5px;
        position: relative;
    }

        .tagselector-content .textboxlistentry-holder li {
            line-height: 1;
        }

        .tagselector-content .textboxlistentry-holder .lfr-tag-selector-input {
            border-width: 0;
            margin-bottom: 0;
        }

    .tagselector-content .textboxlistentry-remove {
        padding: 0 3px 1px;
    }

.tagselector .lfr-tags-selector-content {
    border-width: 0;
}

.tagselector .lfr-tag-selector-input {
    background: 0;
    padding: 0;
    width: auto;
}

.tagselector .field .field-content {
    margin: 0;
}

.tagselector .textboxlist-input-container {
    margin: 0;
}

.tagselector-focused .textboxlistentry-holder {
    background: #FFF none;
    border: 1px solid #CCC;
}

.categoriesselector-content .textboxlistentry-holder {
    background-color: transparent;
    border-width: 0;
    padding: 0;
}

/* tag */
.tag-items {
    list-style: none;
    margin: 0 1em 0 0;
    padding: 0 1em .5em 1em;
    white-space: normal;
}

    .tag-items li {
        display: inline;
        float: left;
        margin: 0 1em 0 0;
    }

    .tag-items a {
        white-space: nowrap;
    }

.tag-selected {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

.tag-cloud {
    line-height: 2.5em;
}

    .tag-cloud .tag-popularity-1 {
        font-size: 1em;
    }

    .tag-cloud .tag-popularity-2 {
        font-size: 1.3em;
    }

    .tag-cloud .tag-popularity-3 {
        font-size: 1.6em;
    }

    .tag-cloud .tag-popularity-4 {
        font-size: 1.9em;
    }

    .tag-cloud .tag-popularity-5 {
        font-size: 2.2em;
    }

    .tag-cloud .tag-popularity-6 {
        font-size: 2.5em;
    }

/* underlay */
.underlay {
    clear: both;
    top: 100%;
}

    .underlay .yui3-widget-hd {
        height: 38px;
    }

    .underlay .lfr-portlet-item {
        border-width: 0;
    }

.underlay-hidden {
    display: none;
}

.underlay-content {
    background: #f4f3f3 url(/AMA-UX-TOOLKIT-theme/css/../images/common/message_panel_shadow.png) repeat-x 0 0;
    border: 0 solid #aeafb1;
    border-width: 0 1px 1px;
}

.underlay-close {
    position: absolute;
    right: 5px;
    top: 5px;
}

/* tabs */
.tab-active strong {
    font-weight: normal;
}

.tab-back {
    float: right;
}

.tab-back-content {
    border-width: 0;
    padding: 1px;
}

.dialog-bd {
    min-height: 30px;
}

.dialog-content {
    border: 1px solid #c8c9ca;
    padding: 5px;
}

.panel-hd {
    background: #c0c2c5 url(/AMA-UX-TOOLKIT-theme/css/../images/application/panel_header_bg.png) repeat-x 0 0;
    border: 1px solid;
    border-color: #c8c9ca #aeb2b8 #aeb2b8 #c8c9ca;
    padding-left: 10px;
    text-shadow: 1px 1px #FFF;
}

.app-view-drop-active {
    background-color: #00a2ea;
    font-weight: bold;
}

.category-portlets .app-view-drop-active {
    color: #FFF;
}

.basecelleditor [class~="form-validator-message"] {
    clip: rect(auto auto auto auto);
    width: auto;
}

.document-library-file-entry-cell-editor-hidden {
    display: none;
}

.previous-level {
    display: inline-block;
    font-size: 21px;
    line-height: 21px;
    margin-right: 5px;
    text-decoration: none;
    vertical-align: middle;
}


/* menu */
.menu {
    position: absolute;
    width: auto;
}

    .menu .notice-message {
        background-image: none;
        margin: 3px;
        padding: 6px;
    }

.menu-content {
    background: #FFF;
    list-style: none;
    min-width: 150px;
}

    .menu-content li {
        margin: 0;
        padding: 0;
    }

        .menu-content li .disabled {
            color: #999;
        }

.menu-content {
    background: #ccc9c9 url(/AMA-UX-TOOLKIT-theme/css/../images/application/menu_bg.png) repeat-x 0 0;
    border: 1px solid;
    border-color: #aeafb1 #777879 #777879 #aeafb1;
    padding: 2px 0;
}

.menugroup-content .menu-label {
    background: #d2d6de;
    color: #5b677d;
    display: block;
    padding: 5px 3px;
    text-shadow: 1px 1px #FFF;
}

.menugroup-content ul {
    display: block;
    min-width: 0;
}

.menu-content li {
    border-bottom: 1px solid #bcbbbb;
    border-top: 1px solid #EEE;
    display: block;
    margin: 0;
    padding: 0;
}

    .menu-content li.first {
        border-top-width: 0;
    }

    .menu-content li.last {
        border-bottom-width: 0;
    }

    .menu-content li a, .menu-content li .disabled {
        color: #2c2f34;
        display: block;
        padding: 4px 5px;
        text-decoration: none;
    }

        .menu-content li a.focus, .lfr-menu-expanded li a:focus {
            background-color: #5b677d;
            color: #FFF;
            text-shadow: -1px -1px #2c2f34;
        }


.loadingmask-content {
    background: #CCC;
}

.loadingmask-message {
    background: #d4d4d4 url(/AMA-UX-TOOLKIT-theme/css/../images/portlet/header_bg.png) repeat-x 0 0;
}

/* tree-node */
.tree-node .icon-check {
    padding-right: 2px;
}

    .tree-node .icon-check:before {
        content: "\f096";
    }

.tree-node .tree-node-checked .icon-check {
    padding-right: 0;
}

    .tree-node .tree-node-checked .icon-check:before {
        content: "\f046";
    }

.tree-node .tree-node-over .tree-label {
    text-decoration: underline;
}

.tree-node [class^="icon-"] {
    margin-right: 5px;
}

.tree-node .tree-node-checkbox-container {
    margin-right: 0;
}

.tree-node .tree-node-selected .tree-label {
    background: 0;
}

.tree-node-content .tree-hitarea {
    color: #999;
    font-size: 10px;
    padding-right: 6px;
}

.tree-node-content .tree-label {
    margin-left: 3px;
}

.tree-node-content .tree-node-hidden-hitarea {
    visibility: hidden;
}

.tree-node-selected .tree-label {
    background-color: transparent;
}

.dragging .portlet-column.customizable {
    background-color: #cffccf;
    outline: 3px solid #9cc97b;
}


.customizable-layout-column-content {
    background-color: #c92c3c;
}

    .customizable-layout-column-content.yui3-widget-content-expanded {
        border: 3px solid #333;
        margin: .2em;
    }

.customizable .customizable-layout-column-content {
    background-color: #9cc97b;
}

.layout-customizable-controls {
    background-color: #FFF;
    font-size: 1.5em;
    margin: 1em;
    filter: alpha(opacity=90);
    opacity: .9;
    padding: 1em;
    position: absolute;
    z-index: 15;
}

/* paginator */
.paginator-link {
    background: #eee url() no-repeat scroll 50% 1px;
    border: 1px solid #f0f1f2;
    border-color: #f0f1f2 #b2b2b2 #949494 #f0f1f1;
    color: #1f1e1e;
    display: inline-block;
    height: 20px;
    padding: 0;
    text-indent: -9999px;
    width: 20px;
}

.paginator-page-link {
    height: auto;
    text-indent: 0;
}

.paginator-current-page {
    background: #0083bd url(/AMA-UX-TOOLKIT-theme/css/../images/application/paginator_link_current_bg.png) 0 0 repeat-x;
    border-color: #38b6ef #006d9e #006d9e #46b4e6;
    color: #FFF;
    text-shadow: -1px -1px #003c57;
}

.paginator-first-link {
    background-image: url(/AMA-UX-TOOLKIT-theme/css/../images/arrows/paging_first.png);
}

.paginator-prev-link {
    background-image: url(/AMA-UX-TOOLKIT-theme/css/../images/arrows/paging_previous.png);
}

.paginator-last-link {
    background-image: url(/AMA-UX-TOOLKIT-theme/css/../images/arrows/paging_last.png);
}

.paginator-next-link {
    background-image: url(/AMA-UX-TOOLKIT-theme/css/../images/arrows/paging_next.png);
}

.paginator-current-page-report, .paginator-total {
    color: #555;
    font-size: .9em;
}

.paginator-current-page-report {
    margin-left: 2em;
}

.taglib-page-iterator .search-pages .page-links {
    padding: 0;
}

.ios.mobile .modal-content .dialog-iframe-bd {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.portlet-column-content.empty {
    padding: 50px;
}

#wrapper {
    padding: 2em 5em 0;
    position: relative;
}

@media(max-width:767px) {
    #wrapper {
        padding-left: .5em;
        padding-right: .5em;
    }
}

@media(min-width:768px) and (max-width:979px) {
    #wrapper {
        padding-left: 2em;
        padding-right: 2em;
    }
}

/* html-editor */
body.html-editor {
    background: #FFF;
    color: #000;
    padding: 1em;
}

.html-editor.portlet-message-boards {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}

    .html-editor.portlet-message-boards blockquote {
        background: #eef0f2 url(/AMA-UX-TOOLKIT-theme/css/../images/message_boards/quoteleft.png) no-repeat 5px 5px;
        border: 1px solid #777;
        padding: 5px 45px;
    }

        .html-editor.portlet-message-boards blockquote:after {
            background: url(/AMA-UX-TOOLKIT-theme/css/../images/message_boards/quoteright.png) no-repeat 50%;
            content: '';
            display: block;
            float: right;
            height: 24px;
            margin-right: -35px;
            margin-top: -25px;
            width: 31px;
            z-index: 999;
        }

        .html-editor.portlet-message-boards blockquote cite {
            display: block;
            font-weight: bold;
        }

    .html-editor.portlet-message-boards pre {
        background: #f9f9f9;
        border: 1px solid #777;
        padding: .5em;
    }


/* modify-pages */
.modify-pages li {
    position: relative;
}

    .modify-pages li.lfr-nav-hover .delete-tab {
        filter: alpha(opacity=100);
        opacity: 1;
    }

.modify-pages .add-page-editor-input {
    width: 150px;
}

.modify-pages .delete-tab {
    color: #444;
    cursor: pointer;
    display: block;
    font-size: 20px;
    font-weight: bold;
    height: 10px;
    line-height: 6px;
    margin-top: -8px;
    overflow: hidden;
    filter: alpha(opacity=0);
    opacity: 0;
    padding: 3px 0;
    position: absolute;
    right: 1px;
    text-shadow: 0 1px #FFF;
    top: 50%;
}

    .modify-pages .delete-tab:hover {
        color: #b50303;
    }

.modify-pages .lfr-nav-sortable > a > span {
    padding-left: 28px;
}

.modify-pages .drag-handle {
    background-color: #555;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #FFF;
    cursor: pointer;
    font-size: 16px;
    left: 3px;
    line-height: 1em;
    margin: 8px;
    padding: 4px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 1em;
}

@media(min-width:980px) {
    .modify-pages .lfr-nav-sortable > a > span {
        padding-left: 0;
    }

    .modify-pages .drag-handle {
        display: none;
    }
}

.modify-pages .lfr-nav-updateable.selected a:hover span {
    cursor: text;
}


.controls-hidden .modify-pages .lfr-nav-sortable > a > span {
    padding-left: 0;
}

.controls-hidden .modify-pages .drag-handle {
    display: none;
}

/* nav */
.nav li .toolbar {
    margin-top: 5px;
}

.nav-menu ul {
    padding-left: 10px;
}

.nav-menu li a.ancestor {
    font-weight: bold;
}

.nav-menu li a.selected {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

.nav-menu-style-arrows ul {
    list-style-image: url(/AMA-UX-TOOLKIT-theme/css/../images/arrows/04_right.png);
}

/* form */
.form-options {
    border: 1px solid #AAA;
    display: inline-block;
    vertical-align: middle;
}

    .form-options input {
        border-width: 0;
        display: inline;
        float: left;
    }

.form-triggers {
    float: left;
}

.form-trigger {
    background: #c4c4c4 url(/AMA-UX-TOOLKIT-theme/css/../images/application/button_bg.png) repeat-x 0 0;
    border-left: 1px solid #BBB;
    display: inline-block;
    float: left;
}

    .form-trigger img {
        background: url() no-repeat 50% 40%;
        height: 25px;
        padding: 0 3px;
        vertical-align: middle;
        width: 16px;
    }

    .form-trigger:focus, .form-trigger:hover {
        background-color: #83b0ca;
        background-image: url(/AMA-UX-TOOLKIT-theme/css/../images/application/button_bg_over.png);
    }

.trigger-selected {
    background-color: #ebebeb;
    background-image: url(/AMA-UX-TOOLKIT-theme/css/../images/application/button_bg_selected.png);
}

    .trigger-selected:focus, .trigger-selected:hover {
        background-color: #b7def4;
        background-image: url(/AMA-UX-TOOLKIT-theme/css/../images/application/button_bg_selected_over.png);
    }

.options-trigger img {
    background-image: url(/AMA-UX-TOOLKIT-theme/css/../images/common/configuration.png);
}

.save-trigger img {
    background-image: url(/AMA-UX-TOOLKIT-theme/css/../images/common/check.png);
}


/* portlet */

.freeform .portlet {
    margin-bottom: 0;
}

body.portlet {
    border-width: 0;
}

.portlet-topper {
    position: relative;
}

    .portlet-topper .portlet-topper-toolbar {
        margin: 0;
        padding: 2px;
        position: absolute;
        right: 3px;
        text-align: right;
        top: 3px;
        z-index: 300;
    }

        .portlet-topper .portlet-topper-toolbar a {
            color: inherit;
        }

            .portlet-topper .portlet-topper-toolbar a, .portlet-topper .portlet-topper-toolbar a:hover {
                text-decoration: none;
            }

                .portlet-topper .portlet-topper-toolbar a i {
                    font-size: 19px;
                }

        .portlet-topper .portlet-topper-toolbar .nobr {
            display: block;
            float: left;
            padding: 1px;
        }

        .portlet-topper .portlet-topper-toolbar .portlet-icon-back {
            background: url(/AMA-UX-TOOLKIT-theme/css/../images/arrows/12_left.png) no-repeat 0 50%;
            color: #FFF;
            font-weight: bold;
            padding: 5px 5px 5px 18px;
        }

            .portlet-topper .portlet-topper-toolbar .portlet-icon-back:hover {
                color: #FFF;
            }

        .portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
            color: transparent;
            font-size: 0;
        }

.portlet-title {
    display: block;
}

    .portlet-title img {
        vertical-align: middle;
    }

.portlet-title-editable {
    cursor: pointer;
}

.portlet-title-text {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 95%;
    vertical-align: top;
}

.panel-page-content .portlet-title-text, .panel-page-body .portlet-title-text {
    cursor: auto;
}

.portlet-content, .portlet-minimized .portlet-content-container {
    padding: 12px 10px 10px;
}

.portlet-minimized .portlet-content {
    padding: 0;
}

.portlet-nested-portlets .portlet-boundary {
    left: 0 !important;
    position: relative !important;
    top: 0 !important;
}

.portlet-borderless-bar, .portlet-content .lfr-icon-actions {
    background: #333;
    color: #FFF;
    text-shadow: -1px -1px black;
}

    .portlet-borderless-bar a, .portlet-content .lfr-icon-actions a {
        color: #3AF;
    }

.portlet-borderless-container:hover .portlet-borderless-bar, .portlet-content:hover .lfr-icon-actions {
    filter: alpha(opacity=100);
    opacity: 1;
}

    .portlet-borderless-container:hover .portlet-borderless-bar .portlet-actions, .portlet-content:hover .lfr-icon-actions .taglib-text {
        display: inline-block;
    }

.portlet-borderless-bar .portlet-options .dropdown-toggle, .portlet-borderless-bar .portlet-options.open .dropdown-toggle {
    background-image: url(/AMA-UX-TOOLKIT-theme/css/../images/portlet/options_borderless.png);
}

.portlet-content .lfr-icon-actions {
    float: left;
    margin: 1px 10px 1px 1px;
    filter: alpha(opacity=50);
    opacity: .5;
    padding: 2px 7px;
}

    .portlet-content .lfr-icon-actions .taglib-text {
        color: #FFF;
        display: none;
        font-weight: bold;
        margin-right: 1em;
        text-decoration: none;
        vertical-align: middle;
    }

    .portlet-content .lfr-icon-actions .lfr-icon-action a {
        background: url() no-repeat 0 50%;
        display: inline-block;
        margin-left: 5px;
        vertical-align: top;
    }

        .portlet-content .lfr-icon-actions .lfr-icon-action a:hover {
            text-decoration: none;
        }

            .portlet-content .lfr-icon-actions .lfr-icon-action a:hover span {
                text-decoration: underline;
            }

        .portlet-content .lfr-icon-actions .lfr-icon-action a img {
            visibility: hidden;
        }

    .portlet-content .lfr-icon-actions .lfr-icon-action-add a {
        background-image: url(/AMA-UX-TOOLKIT-theme/css/../images/common/add_white.png);
    }

    .portlet-content .lfr-icon-actions .lfr-icon-action-edit a {
        background-image: url(/AMA-UX-TOOLKIT-theme/css/../images/common/edit_white.png);
    }

    .portlet-content .lfr-icon-actions .lfr-icon-action-edit-template a {
        background-image: url(/AMA-UX-TOOLKIT-theme/css/../images/common/edit_template_white.png);
    }

    .portlet-content .lfr-icon-actions .lfr-icon-action-configuration a {
        background-image: url(/AMA-UX-TOOLKIT-theme/css/../images/common/configuration_white.png);
    }

.portlet-content .lfr-url-error {
    display: inline-block;
    white-space: normal;
}

.portlet-borderless-container {
    min-height: 2.5em;
    /*position: relative;*/
}

.portlet-borderless-bar {
    background-color: transparent;
    font-size: 10px;
    filter: alpha(opacity=30);
    opacity: .3;
    height: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 200;
}

    .portlet-borderless-bar a {
        background: url() no-repeat 0 50%;
        display: inline-block;
        height: 20px;
        margin-left: 5px;
        text-indent: -9999px;
        width: 16px;
    }

    .portlet-borderless-bar .portlet-actions {
        float: right;
        overflow: hidden;
        padding: 0 5px;
    }

        .portlet-borderless-bar .portlet-actions .portlet-action, .portlet-borderless-bar .portlet-actions .portlet-options {
            display: inline-block;
        }

    .portlet-borderless-bar .portlet-actions, .portlet-borderless-bar .portlet-title-default {
        background-color: #333;
        min-height: 21px;
    }

    .portlet-borderless-bar .portlet-action-separator {
        display: none;
    }

    .portlet-borderless-bar .portlet-back a {
        height: auto;
        text-indent: 0;
        width: auto;
    }

    .portlet-borderless-bar .portlet-close {
        display: inline-block;
        vertical-align: middle;
    }

        .portlet-borderless-bar .portlet-close a {
            background-image: url(/AMA-UX-TOOLKIT-theme/css/../images/portlet/close_borderless.png);
        }

    .portlet-borderless-bar .portlet-options li.lfr-trigger strong a {
        background-image: url(/AMA-UX-TOOLKIT-theme/css/../images/portlet/options_borderless.png);
    }

.portlet-content .icons-container {
    clear: both;
    height: auto;
    margin-top: 1em;
    overflow: hidden;
    width: auto;
}

.portlet-title-default {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    float: right;
    font-weight: bold;
    height: 0;
    line-height: 19px;
    max-width: 50%;
    padding: 0 10px;
    text-transform: uppercase;
}

.portlet-draggable .portlet-topper {
    cursor: move;
}

.portlet-draggable .portlet-title-default {
    background: #333 url(/AMA-UX-TOOLKIT-theme/css/../images/portlet/draggable_borderless.png) no-repeat 0 50%;
    cursor: move;
    padding-left: 20px;
}


.portlet-section-selected, .portlet-section-selected a {
    background: #727c81;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
}

    .portlet-section-selected a:hover, .portlet-section-selected a:focus {
        background-color: #727c81;
    }

.alert .form {
    margin: 0;
}

/* restricted */
.restricted, .restricted td {
    background: #FDD;
    border-width: 0;
}

    .restricted * {
        color: #727c81;
    }

.alt.restricted td {
    background-color: #ffc0c0;
}

.hover.restricted td {
    background-color: #d3bdc0;
}

.alt.restricted td.first, .restricted td.first {
    background-image: url(/AMA-UX-TOOLKIT-theme/css/../images/messages/error.png);
    background-position: 5px 50%;
    background-repeat: no-repeat;
    padding-left: 28px;
}

/* table */
.table-data tr.lfr-role .first {
    background-image: url();
    background-position: 5px 50%;
    background-repeat: no-repeat;
    padding-left: 30px;
    vertical-align: middle;
}

.table-data tr.lfr-role-guest .first {
    background-image: url(/AMA-UX-TOOLKIT-theme/css/../images/common/guest_icon.png);
}

.table-data tr.lfr-role-regular .first {
    background-image: url(/AMA-UX-TOOLKIT-theme/css/../images/common/user_icon.png);
}

.table-data tr.lfr-role-site .first {
    background-image: url(/AMA-UX-TOOLKIT-theme/css/../images/common/site_icon.png);
}

.table-data tr.lfr-role-organization .first {
    background-image: url(/AMA-UX-TOOLKIT-theme/css/../images/common/organization_icon.png);
}

.table-data tr.lfr-role-team .first {
    background-image: url(/AMA-UX-TOOLKIT-theme/css/../images/common/team_icon.png);
}

/* breadcrumb */
.breadcrumb.breadcrumb-vertical {
    display: inline-block;
    text-align: center;
}

    .breadcrumb.breadcrumb-vertical li {
        display: block;
    }

        .breadcrumb.breadcrumb-vertical li.last, .breadcrumb.breadcrumb-vertical li.only {
            background: 0;
        }

    .breadcrumb.breadcrumb-vertical .divider {
        background: url(/AMA-UX-TOOLKIT-theme/images/arrows/07_down.png) no-repeat 50% 100%;
        display: block;
        text-indent: 110%;
        white-space: nowrap;
        overflow: hidden;
        height: 10px;
    }

/* taglib*/
.taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td {
    border-width: 0;
}

    .taglib-calendar tr td a {
        background-color: #f0f5f7;
        border: 1px solid #FFF;
        border-bottom-width: 0;
        border-left-width: 0;
        display: block;
        height: 15px;
        padding: 5px 0;
    }

        .taglib-calendar tr td a:hover {
            background-color: #727c81;
            color: #FFF;
        }

    .taglib-calendar tr td.calendar-inactive {
        background-color: #FFF;
        color: #b5bfc4;
    }

.taglib-calendar tr th {
    border-bottom-color: #d7d7d7;
}

.taglib-calendar table td {
    border-width: 0;
}

.taglib-calendar .calendar-current-day, .taglib-calendar .calendar-current-day a {
    background-color: #FFF;
}

    .taglib-calendar .calendar-current-day a {
        border: 1px solid #727c81;
        color: #369;
        text-decoration: underline;
    }



.navbar form {
    margin: 0;
}

.ie6 .portlet-borderless-bar .portlet-actions {
    display: inline;
    filter: alpha(opacity=90);
}

.menu-content, .underlay-content {
    -webkit-box-shadow: 2px 4px 7px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 4px 7px rgba(0,0,0,0.5);
    box-shadow: 2px 4px 7px rgba(0,0,0,0.5);
}

/* dockbar */
@media(max-width:979px) {
    .dockbar .navbar-inner .btn-navbar {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        text-shadow: none;
    }
}

.dockbar .navbar-inner .nav li.staging-toggle.active > a {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.dockbar .navbar-inner .nav li.staging-toggle span {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.dockbar .menu-button-active .menu-button {
    -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.7);
    -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.7);
    box-shadow: inset 0 1px 5px rgba(0,0,0,0.7);
}

.dockbar .impersonating-user .alert-info {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.dockbar-split .dockbar .navbar-inner .nav > li > a {
    text-shadow: none;
}

.dockbar-split .dockbar .navbar-inner .nav-add-controls > li a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

    .dockbar-split .dockbar .navbar-inner .nav-add-controls > li a .nav-item-label {
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
        border-radius: 30px;
    }

.dockbar-split .dockbar .navbar-inner .nav-add-controls > li.open a {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

@media(max-width:979px) {
    .navbar .navbar-search .form-search .search-query {
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px;
        -ms-border-radius: 14px;
        -o-border-radius: 14px;
        border-radius: 14px;
    }
}

.portlet-document-library .lfr-ddm-small-image-preview, .portlet-dynamic-data-mapping .lfr-ddm-small-image-preview {
    -webkit-box-shadow: 0 1px 3px #ccc;
    -moz-box-shadow: 0 1px 3px #ccc;
    box-shadow: 0 1px 3px #ccc;
}

.portlet-asset-category-admin .tree-node-selected, .portlet-asset-category-admin .tree-node-over, .portlet-asset-category-admin .category-item {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.portlet-document-library-upload-mask .overlaymask-content {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}


body > .lfr-menu-list ul, .active-area-proxy, .entry-display-style .entry-thumbnail, .lfr-api-results, .lfr-translation-manager, .lfr-translation-manager-translation, .lfr-upload-container .cancel-button .modify-pages .delete-tab, .portlet-image-gallery-display .image-thumbnail img, .rule-group-instance-container .rule-group-instance, .select-documents, .select-files, .taglib-ratings.stars:hover, .taglib-ratings.stars:hover .liferay-rating-vote > div, .taglib-ratings.stars .rating-focused > div, .tags-search-combobox .field-input-text {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.entry-display-style, .lfr-search-combobox, .lfr-upload-container .upload-file, .lfr-upload-container .upload-target, .portlet-asset-tag-admin .merge-tag, .portlet-document-library .common-file-metadata-container.selected, .portlet-document-library-display .common-file-metadata-container.selected, .portlet-image-gallery-display .image-icon, .select-documents, .select-files {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.portlet-dynamic-data-list-display .lfr-ddm-container .field-wrapper, .portlet-dynamic-data-lists .lfr-ddm-container .field-wrapper, .portlet-journal .lfr-ddm-container .field-wrapper {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.portlet-journal .display-page-item-container .display-page-item, .portlet-journal .display-page-item-container .display-page-item .display-page-item-remove, .taglib-categorization-filter .asset-entry {
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
    border-radius: 14px;
}

.menu-content {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.taglib-form-navigator > .form-steps > ul.form-navigator.well {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    .taglib-form-navigator > .form-steps > ul.form-navigator.well .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.well .tab .tab-label:focus .number {
        -webkit-box-shadow: 0 0 5px 0 #333;
        -moz-box-shadow: 0 0 5px 0 #333;
        box-shadow: 0 0 5px 0 #333;
        -webkit-transition-duration: .25s;
        -moz-transition-duration: .25s;
        -o-transition-duration: .25s;
        transition-duration: .25s;
        -webkit-transition-property: box-shadow;
        -moz-transition-property: box-shadow;
        -o-transition-property: box-shadow;
        transition-property: box-shadow;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .taglib-form-navigator > .form-steps > ul.form-navigator.well .tab .tab-label .number {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
    }

.underlay-content {
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

/* input-localized */
.input-localized .lfr-input-localized-state {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.input-localized .lfr-input-localized .lfr-input-localized-state {
    -webkit-box-shadow: 0 0 3px #ddd;
    -moz-box-shadow: 0 0 3px #ddd;
    box-shadow: 0 0 3px #ddd;
}

    .input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
        -webkit-box-shadow: 0 0 3px #ff0047;
        -moz-box-shadow: 0 0 3px #ff0047;
        box-shadow: 0 0 3px #ff0047;
    }

.input-localized .palette-item-selected .lfr-input-localized-state {
    -webkit-box-shadow: 0 0 3px #27c1f2;
    -moz-box-shadow: 0 0 3px #27c1f2;
    box-shadow: 0 0 3px #27c1f2;
}

.customizable-layout-column-content {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.staging-tabview-list {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

    .site-variations-tabview-list .tab-content, .staging-tabview-list .tab-active .tab-content, .tagselector-content .textboxlistentry-holder .lfr-tag-selector-input:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

.rule-group-instance-container .rule-group-instance {
    -webkit-box-shadow: 1px 1px 2px #999;
    -moz-box-shadow: 1px 1px 2px #999;
    box-shadow: 1px 1px 2px #999;
}

/* progress-bar-stripes */
@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.lfr-progress-active .progress-bar-status, .lfr-upload-container .file-uploading .progress-bar .progress {
    background-image: -webkit-linear-gradient(-45deg,rgba(255,255,255,0.3) 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0.3) 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));
    background-image: -moz-linear-gradient(-45deg,rgba(255,255,255,0.3) 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0.3) 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));
    background-image: -o-linear-gradient(-45deg,rgba(255,255,255,0.3) 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0.3) 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));
    background-image: linear-gradient(-45deg,rgba(255,255,255,0.3) 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0.3) 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px;
    -webkit-animation: progress-bar-stripes .5s linear infinite;
    -moz-animation: progress-bar-stripes .5s linear infinite;
    -ms-animation: progress-bar-stripes .5s linear infinite;
    -o-animation: progress-bar-stripes .5s linear infinite;
    animation: progress-bar-stripes .5s linear infinite;
    -webkit-transition: width .5s ease-out;
    -moz-transition: width .5s ease-out;
    -o-transition: width .5s ease-out;
    transition: width .5s ease-out;
}

/* highlight-animation */
@-webkit-keyframes highlight-animation {
    from {
        background-color: #FFC;
    }

    to {
        background-color: transparent;
    }
}

@-moz-keyframes highlight-animation {
    from {
        background-color: #FFC;
    }

    to {
        background-color: transparent;
    }
}

@-o-keyframes highlight-animation {
    from {
        background-color: #FFC;
    }

    to {
        background-color: transparent;
    }
}

@keyframes highlight-animation {
    from {
        background-color: #FFC;
    }

    to {
        background-color: transparent;
    }
}

.highlight-animation {
    -webkit-animation: highlight-animation .7s;
    -moz-animation: highlight-animation .7s;
    -ms-animation: highlight-animation .7s;
    -o-animation: highlight-animation .7s;
    animation: highlight-animation .7s;
}

/* body:first-of-type */
body:first-of-type .portlet-borderless-bar, body:first-of-type .portlet-content .lfr-icon-actions {
    -webkit-transition: opacity .5s ease;
    -webkit-transition-delay: .15s;
    -moz-transition: opacity .5s ease .15s;
    -o-transition: opacity .5s ease .15s;
    transition: opacity .5s ease .15s;
}

body:first-of-type .portlet-borderless-container:hover .portlet-borderless-bar, body:first-of-type .portlet-content:hover .lfr-icon-actions {
    -webkit-transition: opacity .5s ease;
    -webkit-transition-delay: 0s;
    -moz-transition: opacity .5s ease 0s;
    -o-transition: opacity .5s ease 0s;
    transition: opacity .5s ease 0s;
}

body:first-of-type .portlet-borderless-bar .portlet-actions, body:first-of-type .portlet-content .lfr-icon-actions .taglib-text {
    display: inline-block;
    max-width: 0;
    overflow: hidden;
    -webkit-transition: max-width .3s ease-in;
    -webkit-transition-delay: .2s;
    -moz-transition: max-width .3s ease-in .2s;
    -o-transition: max-width .3s ease-in .2s;
    transition: max-width .3s ease-in .2s;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body:first-of-type .portlet-borderless-bar .portlet-actions, body:first-of-type .portlet-content:hover .lfr-icon-actions .taglib-text {
    -webkit-transition: max-width .3s ease;
    -webkit-transition-delay: 0s;
    -moz-transition: max-width .3s ease 0s;
    -o-transition: max-width .3s ease 0s;
    transition: max-width .3s ease 0s;
}

body:first-of-type .portlet-borderless-bar .portlet-actions {
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-bottom-left-radius: 20px;
    border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -webkit-border-top-left-radius: 20px;
    border-top-left-radius: 20px;
}

body:first-of-type .portlet-borderless-bar .portlet-title-default {
    -moz-border-radius-bottomright: 20px;
    -webkit-border-bottom-right-radius: 20px;
    border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -webkit-border-top-right-radius: 20px;
    border-top-right-radius: 20px;
}

body:first-of-type .portlet-borderless-container:hover .portlet-borderless-bar .portlet-actions {
    max-width: 500px;
}

body:first-of-type .portlet-content:hover .lfr-icon-actions .taglib-text {
    max-width: 200px;
}

@media(max-width:979px) {
    body:first-of-type .portlet-content .lfr-icon-actions .taglib-text {
        max-width: 200px;
    }
}

.portlet-boundary.yui3-dd-dragging {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: -webkit-transform .3s ease;
    -moz-transition: -moz-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    transition: transform .3s ease;
}

.portlet-document-library .entry-thumbnail .label, .portlet-document-library-display .workflow-status .label, .portlet-journal .entry-thumbnail .label {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
}

@-webkit-keyframes lfr-drop-active {
    0% {
        background-color: #ebebeb;
        border-color: #DDD;
    }

    50% {
        background-color: #ddedde;
        border-color: #7D7;
        -webkit-transform: scale(1.1,1.1);
        -moz-transform: scale(1.1,1.1);
        -ms-transform: scale(1.1,1.1);
        -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
    }

    75% {
        background-color: #ddedde;
        border-color: #7D7;
    }

    100% {
        background-color: #ebebeb;
        border-color: #DDD;
    }
}

@-moz-keyframes lfr-drop-active {
    0% {
        background-color: #ebebeb;
        border-color: #DDD;
    }

    50% {
        background-color: #ddedde;
        border-color: #7D7;
        -webkit-transform: scale(1.1,1.1);
        -moz-transform: scale(1.1,1.1);
        -ms-transform: scale(1.1,1.1);
        -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
    }

    75% {
        background-color: #ddedde;
        border-color: #7D7;
    }

    100% {
        background-color: #ebebeb;
        border-color: #DDD;
    }
}

@-o-keyframes lfr-drop-active {
    0% {
        background-color: #ebebeb;
        border-color: #DDD;
    }

    50% {
        background-color: #ddedde;
        border-color: #7D7;
        -webkit-transform: scale(1.1,1.1);
        -moz-transform: scale(1.1,1.1);
        -ms-transform: scale(1.1,1.1);
        -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
    }

    75% {
        background-color: #ddedde;
        border-color: #7D7;
    }

    100% {
        background-color: #ebebeb;
        border-color: #DDD;
    }
}

@keyframes lfr-drop-active {
    0% {
        background-color: #ebebeb;
        border-color: #DDD;
    }

    50% {
        background-color: #ddedde;
        border-color: #7D7;
        -webkit-transform: scale(1.1,1.1);
        -moz-transform: scale(1.1,1.1);
        -ms-transform: scale(1.1,1.1);
        -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
    }

    75% {
        background-color: #ddedde;
        border-color: #7D7;
    }

    100% {
        background-color: #ebebeb;
        border-color: #DDD;
    }
}

.upload-drop-active .lfr-upload-container .upload-target {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    -o-animation: none;
    animation: none;
}

.upload-drop-active .portlet-document-library .document-container {
    -webkit-box-shadow: inset 0 0 5px #b8c1d1;
    -moz-box-shadow: inset 0 0 5px #b8c1d1;
    box-shadow: inset 0 0 5px #b8c1d1;
}

.upload-drop-intent .lfr-upload-container .upload-target {
    -webkit-animation: lfr-drop-active 1s ease .2s infinite;
    -moz-animation: lfr-drop-active 1s ease .2s infinite;
    -ms-animation: lfr-drop-active 1s ease .2s infinite;
    -o-animation: lfr-drop-active 1s ease .2s infinite;
    animation: lfr-drop-active 1s ease .2s infinite;
}

/* CKEditor
.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup, .cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup:hover {
    -webkit-box-shadow: initial;
    -moz-box-shadow: initial;
    box-shadow: initial;
}

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:after {
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fff),color-stop(100%,#e4e4e4));
    background-image: -webkit-linear-gradient(#fff,#e4e4e4);
    background-image: -moz-linear-gradient(#fff,#e4e4e4);
    background-image: -o-linear-gradient(#fff,#e4e4e4);
    background-image: linear-gradient(#fff,#e4e4e4);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:hover:after {
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#f2f2f2),color-stop(100%,#ccc));
    background-image: -webkit-linear-gradient(#f2f2f2,#ccc);
    background-image: -moz-linear-gradient(#f2f2f2,#ccc);
    background-image: -o-linear-gradient(#f2f2f2,#ccc);
    background-image: linear-gradient(#f2f2f2,#ccc);
}
*/

/* associadas highlight.js */
.hljs {
    display: block;
    overflow-x: auto;
    padding: .5em;
    color: #383a42;
    background: #fafafa;
}

.hljs-comment, .hljs-quote {
    color: #a0a1a7;
    font-style: italic;
}

.hljs-doctag, .hljs-keyword, .hljs-formula {
    color: #a626a4;
}

.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {
    color: #e45649;
}

.hljs-literal {
    color: #0184bb;
}

.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {
    color: #50a14f;
}

.hljs-built_in, .hljs-class .hljs-title {
    color: #c18401;
}

.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number {
    color: #986801;
}

.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {
    color: #4078f2;
}

.hljs-emphasis {
    font-style: italic;
}

.hljs-strong {
    font-weight: bold;
}

.hljs-link {
    text-decoration: underline;
}

[class^="icone-"] {
    font-family: 'toolkit_font' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal !important;
    width: auto !important;
    height: auto !important;
    display: inline-block !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}

    [class^="icone-"]:before {
        speak: none;
    }

.icone-logotipo:before {
    content: "\e906";
}

.icone-fonte:before {
    content: "\e919";
}

.icone-pagination:before {
    content: "\e918";
}

.icone-breadcrumbs:before {
    content: "\e905";
}

.icone-botoes:before {
    content: "\1f5ed";
}

.icone-close_menu:before {
    content: "\e917";
}

.icone-burguer:before {
    content: "\e916";
}

.icone-smile_bad:before {
    content: "\e908";
}

.icone-smile_good:before {
    content: "\e913";
}

.icone-smile_normal:before {
    content: "\e914";
}

.icone-done:before {
    content: "\e915";
}

.icone-close:before {
    content: "\e907";
}

.icone-acordeons:before {
    content: "\e900";
}

.icone-alerts:before {
    content: "\e901";
}

.icone-arrow_left:before {
    content: "\e902";
}

.icone-arrow_right:before {
    content: "\e903";
}

.icone-back_top:before {
    content: "\e904";
}

.icone-circle_line:before {
    content: "\e909";
}

.icone-circle:before {
    content: "\e90a";
}

.icone-code:before {
    content: "\e90b";
}

.icone-comecar_designer:before {
    content: "\e90c";
}

.icone-comecar_download:before {
    content: "\e90d";
}

.icone-componentes:before {
    content: "\e90e";
}

.icone-contribuir:before {
    content: "\e90f";
}

.icone-cores:before {
    content: "\e910";
}

.icone-download:before {
    content: "\e911";
}

.icone-dropdown:before {
    content: "\e912";
}

.icone-facebook:before {
    content: "\e91a";
}

.icone-form:before {
    content: "\e91c";
}

.icone-grelha:before {
    content: "\e91d";
}

.icone-hp_checklist:before {
    content: "\e91e";
}

.icone-hp_componentes:before {
    content: "\e91f";
}

.icone-hp_templates:before {
    content: "\e920";
}

.icone-icons:before {
    content: "\e921";
}

.icone-link:before {
    content: "\e922";
}

.icone-linkedin:before {
    content: "\e923";
}

.icone-list:before {
    content: "\e924";
}

.icone-loaders:before {
    content: "\e925";
}

.icone-search:before {
    content: "\e926";
}

.icone-more:before {
    content: "\e927";
}

.icone-mouse:before {
    content: "\e928";
}

.icone-nav:before {
    content: "\e929";
}

.icone-popups:before {
    content: "\e937";
}

.icone-portal:before {
    content: "\e940";
}

.icone-side_nav:before {
    content: "\e941";
}

.icone-tables:before {
    content: "\e94c";
}

.icone-tabs:before {
    content: "\e94d";
}

.icone-tipo:before {
    content: "\e954";
}

.icone-tooltips:before {
    content: "\e955";
}

.icone-twitter:before {
    content: "\e956";
}

.icone-usabilidade:before {
    content: "\e957";
}

.icone-view:before {
    content: "\e958";
}

.icone-youtube:before {
    content: "\e959";
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    /*-moz-osx-font-smoothing:grayscale;*/
    font-family: Lato-Regular;
}

ol, ul {
    list-style: none;
}

b {
    font-weight: bold;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ul {
    margin: 0 !important;
    padding: 0 !important;
}

button, button:focus {
    outline: 0;
}

.right-wrapper a {
    font-family: Lato-Regular;
}

.right-wrapper p a:hover, .right-wrapper ul li a:hover {
    color: #001760;
    text-decoration: underline;
}

h1 {
    font-size: 48px !important;
    line-height: 56px !important;
    font-family: Lato-Black !important;
    letter-spacing: .04em !important;
}

h2 {
    font-size: 38px !important;
    line-height: 44px !important;
    font-family: Lato-Black !important;
    /*letter-spacing: .04em !important;*/
}

h3 {
    font-size: 34px !important;
    line-height: 38px !important;
    font-family: Lato-Black !important;
    letter-spacing: .04em !important;
}
/*Alterado para SRIT - original do SIEF font-size: 24px e  line-height: 28px */
/*Estilo utilizado no cabeçalho das páginas*/
h4 {
    font-size: 18px !important;
    line-height: 18px !important;
    font-family: Lato-Black !important;
    letter-spacing: .04em !important;
}

h5 {
    font-size: 24px !important;
    line-height: 28px !important;
    font-family: Lato-Bold !important;
    letter-spacing: .02em !important;
}

h6 {
    font-size: 22px !important;
    line-height: 26px !important;
    font-family: Lato-BoldItalic !important;
    letter-spacing: .02em !important;
}

.lead1 {
    font-size: 22px !important;
    font-family: Lato-BoldItalic !important;
    line-height: 26px !important;
}

.lead2 {
    font-size: 28px !important;
    font-family: Lato-Bold !important;
    line-height: 26px !important;
}

.lead3 {
    font-size: 18px !important;
    font-family: Lato-Bold !important;
    line-height: 24px !important;
}

.lead4 {
    font-size: 16px !important;
    font-family: Lato-Bold !important;
    line-height: 22px !important;
}

.lead4-left {
    font-size: 18px !important;
    font-family: Lato-Regular !important;
    line-height: 22px !important;
    text-align: justify !important;
    width: 100%;
}

.homelink {
    text-transform: none !important;
    color: #57ABFF !important;
    font-size: 20px !important;
    font-family: Lato-Regular !important;
    line-height: 22px !important;
}

.homelinksmall {
    text-transform: none !important;
    color: #57ABFF !important;
    font-size: 14px !important;
    font-family: Lato-Bold !important;
    line-height: 22px !important;
}
.featured1 {
    font-family: Lato-Light;
    font-size: 26px;
    line-height: 32px;
}

.featured2 {
    font-family: Lato-Light;
    font-size: 22px;
    line-height: 28px;
}

.p1 {
    font-family: Karma-Light;
    font-size: 18px;
    line-height: 24px;
}

.p2 {
    font-family: Karma-Light;
    font-size: 16px;
    line-height: 22px;
}

.insidetext {
    color: #57ABFF;
    font-size: 16px !important;
    font-family: Lato-Bold !important;
    display: inline;
}

.portlet-breadcrumb {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
}

i[class^="icon-"], i[class*=" icon-"], i[class^="icone-"], i[class*=" icone-"] {
    line-height: normal;
}

.portlet-title-text {
    display: none;
}

#wrapper, .container-fluid {
    padding: 0;
}

.portlet, form {
    margin-bottom: 0 !important;
}

.portlet-breadcrumb .breadcrumb.breadcrumb-vertical {
    background: transparent;
    padding: 0 0 !important;
    /*margin-top: 33px !important;*/
    margin-bottom: 40px !important;
}

.portlet-breadcrumb .breadcrumb li:last-child span {
    display: none;
}

.portlet-topper > .portlet-title > span > img {
    display: none !important;
}

.portlet-title {
    margin: 0 !important;
}

.portlet-content {
    padding: 0 !important;
    border: 0 !important;
}

.portlet-breadcrumb .breadcrumb li {
    line-height: 13px;
    display: inline-block;
}

    .portlet-breadcrumb .breadcrumb li a {
        color: #2a2a2a;
        font-size: 18px;
        font-family: Lato-Regular;
        text-decoration: none;
        margin-right: 5px;
    }

    .portlet-breadcrumb .breadcrumb li.active a {
        color: #001760;
    }

.breadcrumb.breadcrumb-vertical li.last, .breadcrumb.breadcrumb-vertical li.current-parent {
    margin-left: 5px;
}

/* top-banner */
.top-banner {
    position: relative;
    overflow: hidden;
}

    .top-banner .initialTopBanner .imgTopBanner {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 0;
        top: 0;
        left: 0;
        /*background-attachment: fixed;*/
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .top-banner .initialTopBanner > img {
        display: none;
    }

    .top-banner .initialTopBanner .blue-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        top: 0;
        left: 0;
        background: #001760;
        opacity: .8;
    }

    .top-banner .text-area {
        position: relative;
        text-align: center;
        color: #fff;
        font-family: Lato-Black;
        z-index: 1;
        padding: 85px 0;
    }

        .top-banner .text-area h1 {
            margin-top: 25px;
            margin-bottom: 25px;
            text-transform: uppercase;
        }

        .top-banner .text-area h3 {
            padding-bottom: 5px;
            border-bottom: 1px solid;
            display: inline-block;
            margin-top: 0;
            margin-bottom: 0;
        }

        .top-banner .text-area .description {
            font-family: Lato-Regular;
            font-size: 20px;
            margin: auto;
            line-height: 28px;
            margin-top: 28px;
            max-width: 765px;
        }

.blue-bg {
    background-color: #001760;
    padding-top: 93px;
    padding-bottom: 133px;
}

.grey-bg {
    background-color: #808184;
    padding-top: 20px;
    padding-bottom: 20px;
}

.portlet-breadcrumb, #heading, .content-wrapper, .container-fluid:not(#wrapper) {
    max-width: 1170px;
    margin: auto;
}

header#banner {
    text-align: center;
    -webkit-box-shadow: 0 7px 13px -10px grey;
    -moz-box-shadow: 0 7px 13px -10px grey;
    box-shadow: 0 7px 13px -10px grey;
    position: relative;
    z-index: 2;
}

/* heading */
#heading {
    padding: 25px 15px 0 15px;
    margin-bottom: 13px;
    display: inline-block;
    width: 100%;
    margin: auto;
    text-align: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    #heading > img {
        max-height: 44px;
        width: auto;
        margin-bottom: 20px;
    }

    #heading #navigation > ul, #heading #navigation_mobile > ul {
        list-style: none;
        font-size: 0;
        margin: 0;
        line-height: initial;
    }

    #heading .menu-wrapper {
        float: right;
    }



        #heading .menu-wrapper .top-section, #heading .menu-wrapper .bottom-section {
            text-align: right;
            /*color: #2a2a2a;*/
            font-family: Lato-Bold;
        }

        #heading .menu-wrapper .bottom-section {
            margin-top: 13px;
            height: 39px;
        }

            #heading .menu-wrapper .bottom-section > nav, #heading .menu-wrapper .bottom-section > nav > ul, #heading .menu-wrapper .bottom-section > nav > ul > li {
                height: 100%;
            }

        #heading .menu-wrapper .top-section .top-button:last-child {
            margin-left: 30px;
        }

            #heading .menu-wrapper .top-section .top-button:last-child i {
                line-height: 16px;
                font-size: 26px;
                margin-right: 5px;
                vertical-align: middle;
            }

                #heading .menu-wrapper .top-section .top-button:last-child i:before {
                    font-size: 26px;
                    line-height: 26px;
                }


        /*Componente Barra Navegação principal*/
        #heading .menu-wrapper .bottom-section .horizontal-menu {
            /*background: #fff;*/
            display: inline-block;
        }

            #heading .menu-wrapper .bottom-section .horizontal-menu > ul {
                font-size: 0;
                float: right;
                height: 77px;
            }

                #heading .menu-wrapper .bottom-section .horizontal-menu > ul > li {
                    display: inline-block;
                    font-size: 15px;
                    font-family: Lato-Bold;
                    padding-right: 18px;
                    padding-left: 18px;
                    text-transform: uppercase;
                    position: relative;
                    height: calc(100% - 10px);
                    top: 10px;
                    cursor: pointer;
                }

                    #heading .menu-wrapper .bottom-section .horizontal-menu > ul > li i {
                        font-size: 5px;
                        margin-left: 5px;
                        vertical-align: text-top;
                        line-height: 16px !important;
                    }

                    #heading .menu-wrapper .bottom-section .horizontal-menu > ul > li a {
                        color: #FFF;
                        /*color: #2A2A2A;*/
                        text-decoration: none;
                    }

                    #heading .menu-wrapper .bottom-section .horizontal-menu > ul > li:hover > a {
                        border-bottom: 2px solid #ddd;
                    }

                    #heading .menu-wrapper .bottom-section .horizontal-menu > ul > li .sub-menu li:hover a {
                        color: #001760 !important;
                    }

            #heading .menu-wrapper .bottom-section .horizontal-menu > img {
                max-height: 44px;
                width: auto;
            }

            #heading .menu-wrapper .bottom-section .horizontal-menu.type1 > ul > li .sub-menu {
                border: 0;
                text-align: left;
                padding: 28px 25px !important;
                border-radius: 0;
                -webkit-box-shadow: inset 0 7px 13px -10px grey;
                -moz-box-shadow: inset 0 7px 13px -10px grey;
                box-shadow: inset 0 7px 13px -10px grey, 0px 3px 6px 0 rgba(0,0,0,0.15);
                top: 39px;
                min-width: 100%;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                background: #fff;
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                -moz-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                -o-transform: translateX(-50%);
                min-width: 132px;
                display: none;
            }

            #heading .menu-wrapper .bottom-section .horizontal-menu.type1 > ul > li:hover .sub-menu {
                display: block;
            }

            #heading .menu-wrapper .bottom-section .horizontal-menu.type1 > ul > li .sub-menu li a {
                color: #808184;
                font-family: Lato-Regular;
                padding-bottom: 20px;
                display: block;
                text-decoration: none;
                text-transform: capitalize !important;
            }

            #heading .menu-wrapper .bottom-section .horizontal-menu.type1 > ul > li .sub-menu li:last-child a {
                padding-bottom: 0px;
            }

    #heading .search-wrapper-header {
        display: inline-block;
        margin-right: 15px;
        vertical-align: middle;
    }

.page-title {
    margin-bottom: 34px !important;
    line-height: 38px;
}

.basic-content {
    padding-bottom: 90px;
}

.body-content {
    font-size: 16px;
    font-family: Lato-Light;
    line-height: 22px;
}

/* content-wraper */
.content-wrapper .subitem {
    text-align: center;
}

    .content-wrapper .subitem .subpage-title {
        font-size: 18px;
        font-family: Lato-Bold;
        color: #fff;
        text-transform: uppercase;
        margin-top: 35px;
        margin-bottom: 50px;
    }

    .content-wrapper .subitem a {
        max-width: 194px;
        width: 100%;
        min-height: 43px;
        line-height: 43px;
        text-transform: uppercase;
        border: 1px solid #fff;
        display: block;
        margin: auto;
        color: #fff;
        border-radius: 30px;
        font-size: 14px;
        font-family: Lato-Bold;
    }

        .content-wrapper .subitem a:hover {
            border: 1px solid transparent;
            background: #fff;
            color: #001760;
            text-decoration: none;
        }

    .content-wrapper .subitem img {
        max-height: 64px;
    }

/* footer */
#footer {
    background: #f1f1f2;
    /*padding-top: 40px;*/
}

    #footer .social-media-wrapper {
        margin-bottom: 50px;
        display: none;
    }

        #footer .social-media-wrapper ul {
            padding: 0;
            margin: 0;
            text-align: center;
            list-style: none;
        }

            #footer .social-media-wrapper ul li {
                display: inline-block;
                font-size: 0;
                margin-left: 18px;
                margin-right: 18px;
            }

                #footer .social-media-wrapper ul li i {
                    color: #2a2a2a;
                    font-size: 22px;
                }

                #footer .social-media-wrapper ul li:hover i {
                    color: #001760;
                }

    #footer .nav-menu .container-fluid a {
        font-size: 15px;
        font-family: Lato-Bold;
        color: #001760;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

        #footer .nav-menu .container-fluid a i {
            font-size: 5px !important;
            margin-left: 5px;
            vertical-align: text-top;
            line-height: 16px !important;
        }

    #footer .nav-menu .container-fluid .layouts {
        list-style: none;
        margin: 0;
        padding: 0;
        margin-top: 10px;
    }


        #footer .nav-menu .container-fluid .layouts li a {
            font-size: 14px;
            color: #2a2a2a;
            font-family: Lato-Regular;
            text-transform: none;
        }

            #footer .nav-menu .container-fluid .layouts li a:hover {
                color: #001760;
            }



/* sitemap*/
#sitemap {
    padding-bottom: 10px;
    padding-top: 20px;
}

/* copyright */
#copyright {
    background: #fff;
    /*padding-bottom: 40px;
    padding-top: 50px;*/
}

    #copyright .row-fluid {
        text-align: center;
    }

        #copyright .row-fluid a {
            font-size: 13px;
            color: #2a2a2a;
            font-family: Lato-Bold;
            text-transform: none;
            text-transform: uppercase;
        }

            #copyright .row-fluid a:hover {
                padding-bottom: 2px;
                border-bottom: 1px solid rgba(42,42,42,0.5);
                color: rgba(42,42,42,0.5);
                text-decoration: none;
            }

    #copyright .footer-images-wrapper {
        font-size: 0;
        /*margin-top: 70px;
        margin-bottom: 50px;*/
    }

        #copyright .footer-images-wrapper img {
            max-height: 30px;
            max-width: 164px;
        }

        #copyright .footer-images-wrapper > div {
            float: none;
            display: inline-block;
            vertical-align: middle;
        }

    #copyright .row-fluid:last-child p {
        margin-bottom: 2px;
        color: rgba(42,42,42,0.5);
        font-family: Lato-Bold;
        font-size: 11px;
    }

        #copyright .row-fluid:last-child p strong {
            color: #2a2a2a;
        }

/* container-fluid */
.container-fluid .right-wrapper {
    font-size: 16px;
    font-family: Lato-Light;
    color: #2a2a2a;
    line-height: 22px;
}

    .container-fluid .right-wrapper > div {
        margin-bottom: 126px;
        border-bottom: 1px solid #9d9d9c;
    }
    /*Original do SIEF - padding: 17px  margin-bottom: 48px; */
    .container-fluid .right-wrapper h4 {
        color: #001760;
        padding: 12px 0;
        border-bottom: 1px solid #001760;
        border-top: 1px solid #001760;
        margin: 0;
        margin-bottom: 20px;
        text-transform: uppercase;
    }

    .container-fluid .right-wrapper h5 {
        font-size: 24px;
        color: #001760;
        font-family: Lato-Bold;
        margin: 0;
        margin-bottom: 30px;
        margin-top: 56px;
    }

/* download-box */
.download-box, .component-box, .preview-box {
    background: #001760;
    padding: 17px 25px !important;
    font-size: 0;
}

    .download-box a, .component-box a, .preview-box a {
        height: 50px;
        border: 1px solid #fff;
        /*border-radius: 30px;*/
        font-family: Lato-Bold;
        font-size: 16px;
        line-height: 50px;
        color: #fff;
        display: block;
        text-transform: uppercase;
        text-align: center;
        width: 100%;
    }

.download-box {
    margin-top: 35px !important;
    margin-bottom: 48px !important;
}

    .download-box a {
        max-width: 299px;
        float: right;
    }

        .download-box a:hover, .preview-box a:hover {
            background: #fff;
            text-decoration: none;
            color: #001760;
        }

        .download-box a i {
            font-size: 32px;
            margin-right: 15px;
        }

.preview-box a i {
    font-size: 21px;
    margin-right: 15px;
}

    .preview-box a i.icone-download {
        font-size: 32px;
    }

.component-box {
    margin-top: 28px !important;
    margin-bottom: 65px !important;
    background: #f1f1f2;
    font-size: 0;
}

    .component-box a, .preview-box a {
        background: #001760;
        color: #fff;
        max-width: 261px;
        float: right;
        width: 100%;
    }

        .component-box a:hover {
            color: #fff;
            text-decoration: none;
        }

        .component-box a i {
            margin-left: 15px;
        }

.icone-download {
    background: none !important;
}

.download-box .row-fluid > div, .component-box .row-fluid > div {
    display: inline-block !important;
    float: none !important;
    font-size: 16px;
    font-family: Lato-Regular;
    vertical-align: middle;
    color: #fff;
}

.component-box .row-fluid > div {
    color: #2a2a2a;
}

.download-box.white-box {
    background: #fff;
    border: 1px solid #f1f1f2;
    margin-top: 35px !important;
}

    .download-box.white-box .row-fluid > div {
        color: #808184;
        font-family: Lato-Light;
    }

    .download-box.white-box .h4, .preview-box .row-fluid > div .h4 {
        font-family: Lato-Bold;
        color: #2a2a2a;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .download-box.white-box a {
        background: #001760;
        max-width: 261px;
    }

        .download-box.white-box a:hover {
            color: #fff;
            opacity: .8;
        }


.right-wrapper hr {
    margin-top: 30px;
    margin-bottom: 65px;
    border-top: 0;
    border-bottom: 1px solid #9d9d9c;
}

/* single-file */
.single-file {
    background: #f1f1f2;
    margin-bottom: 15px;
    border-radius: 30px;
    height: 40px;
    line-height: 40px;
}

    .single-file:hover {
        background: #001760;
    }

        .single-file:hover a {
            color: #fff;
        }

    .single-file a {
        font-size: 16px;
        font-family: Lato-Bold;
        color: #001760;
        display: block;
        padding-left: 20px;
    }

    .single-file i {
        font-size: 22px;
        margin-right: 10px;
    }

.left-wrapper .top-img {
    margin-bottom: 63px;
}

/* code-snippet */
.code-snippet {
    padding-bottom: 30px;
    border-bottom: 1px solid #9d9d9c;
    margin-bottom: 50px;
}

    .code-snippet .title {
        height: 50px;
        padding-left: 25px;
        padding-right: 22px;
        line-height: 50px;
        background: #808184;
        color: #fff;
        font-size: 18px;
        font-family: Lato-Bold;
        margin-bottom: 28px;
    }

        .code-snippet .title .tooltip-code {
            float: right;
            margin-top: 18px;
            position: relative;
            cursor: pointer;
        }

            .code-snippet .title .tooltip-code i {
                float: right;
            }

            .code-snippet .title .tooltip-code .tool-tip {
                position: absolute;
                border-radius: 8px;
                color: #fff;
                text-align: center;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                padding: 19px 10px;
                font-family: Lato-Regular;
                font-size: 13px;
                top: 45px;
                display: none;
                left: -10px;
                line-height: 13px;
                background: #2a2a2a;
                color: #fff;
                min-width: 114px;
            }

                .code-snippet .title .tooltip-code .tool-tip:before {
                    position: absolute;
                    top: -8px;
                    left: 15px;
                    width: 0;
                    border-bottom: 8px solid #2a2a2a;
                    border-right: 7px solid transparent;
                    border-left: 7px solid transparent;
                    content: " ";
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                }

            .code-snippet .title .tooltip-code:hover .tool-tip, .code-snippet .title .tooltip-code.hovered .tool-tip {
                display: block;
            }

    .code-snippet .separator-wrapper {
        height: 40px;
        line-height: 40px;
        background: #e6e7e8;
        color: #808184;
    }

        .code-snippet .separator-wrapper ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

            .code-snippet .separator-wrapper ul li {
                border-right: 1px solid #fff;
                font-size: 14px;
                font-family: Lato-Regular;
                float: left;
                line-height: 40px;
                padding: 0 10px;
                cursor: pointer;
            }

                .code-snippet .separator-wrapper ul li:hover, .code-snippet .separator-wrapper ul li.active {
                    background: #f1f1f2;
                }

                .code-snippet .separator-wrapper ul li:first-child {
                    margin-left: 35px;
                    border-left: 1px solid #fff;
                }

    .code-snippet .code-wrapper > div {
        display: none;
        border: 1px solid #f1f1f2;
        margin-top: 1px;
    }

        .code-snippet .code-wrapper > div pre {
            background: #fff;
        }

        .code-snippet .code-wrapper > div:first-child {
            display: block;
        }

        .code-snippet .code-wrapper > div pre code:not(.hljs-line-numbers) {
            padding-bottom: 20px;
            padding-top: 20px;
            background: #fff;
            padding-left: 10px;
            padding-right: 10px;
            width: auto;
            white-space: nowrap;
        }

        .code-snippet .code-wrapper > div pre {
            border: 0;
            background: #f1f1f2;
            padding: 0;
            margin: 0;
        }

        .code-snippet .code-wrapper > div .hljs-line-numbers {
            text-align: right;
            border-right: 1px solid #ccc;
            color: #999;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            width: 35px;
            text-align: center;
            background: #f1f1f2;
            color: #808184;
            font-size: 12px;
            font-family: 'roboto_monoregular';
            border: 0;
            padding-top: 20px;
            overflow: hidden;
        }


.preview-box {
    background: rgba(52,152,219,0.1);
    font-size: 0;
    margin-top: 47px !important;
    margin-bottom: 27px !important;
}

    .preview-box .row-fluid > div {
        font-size: 16px;
        font-family: Lato-Light;
        color: #808184;
    }

        .preview-box .row-fluid > div .h4 {
            color: #2a2a2a;
        }

        .preview-box .row-fluid > div:last-child > div:last-child a {
            margin-top: 25px !important;
        }

.codefiles-topwrapper {
    font-size: 16px;
    font-family: Lato-Light;
}

    .codefiles-topwrapper h1, .about-wrapper h1, .contact-form h1, .page-title {
        color: #2a2a2a;
    }

.code-files-wrapper h4 {
    color: #001760;
    padding: 6.5px 0;
    border-bottom: 1px solid #001760;
    border-top: 1px solid #001760;
    margin: 0;
    margin-bottom: 48px;
    margin-top: 80px;
    text-align: center;
}

.code-files-wrapper h6 {
    padding-left: 23px;
    font-family: Lato-Bold !important;
    margin-bottom: 37px;
    color: #001760;
}

.code-files-wrapper > .row-fluid > .span5:first-child {
    padding-right: 0;
}

    .code-files-wrapper > .row-fluid > .span5:first-child .files-wrapper {
        border-right: 1px solid #ccc;
        width: 100%;
        margin-bottom: 100px;
    }

.code-files-wrapper > .row-fluid > .span5 .files-wrapper .single-file {
    max-width: 360px;
}

.about-wrapper {
    font-size: 20px;
    font-family: Lato-Light;
    line-height: 28px;
    margin-bottom: 100px !important;
}

    .about-wrapper h2 {
        margin-top: 100px;
    }

.contact-form, .contact-form h2 {
    color: #fff;
    text-align: center;
}

    .contact-form h2 {
        margin-bottom: 35px;
    }

    .contact-form input:not([type="submit"]), .contact-form textarea {
        width: 100%;
        border: 0;
        height: 60px;
        line-height: 18px;
        color: #808184;
        font-size: 20px;
        font-family: Lato-Light;
        padding-top: 0;
        padding-bottom: 0;
        border-radius: 0;
        padding-left: 33.5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .contact-form input:not([type="submit"]) {
        margin-bottom: 28px;
    }

    .contact-form textarea {
        height: 185px;
        line-height: 22px;
        padding-top: 25px;
        resize: none;
    }

    .contact-form input::-webkit-input-placeholder {
        color: #808184;
        font-size: 18px;
        font-family: Lato-Light;
    }

    .contact-form input::-moz-placeholder {
        color: #808184;
        font-size: 18px;
        font-family: Lato-Light;
    }

    .contact-form input:-ms-input-placeholder {
        color: #808184;
        font-size: 18px;
        font-family: Lato-Light;
    }

    .contact-form input:-moz-placeholder {
        color: #808184;
        font-size: 18px;
        font-family: Lato-Light;
    }

    .contact-form p.required {
        font-size: 14px !important;
        font-family: Lato-BoldItalic !important;
        margin-top: 50px !important;
    }

    .contact-form.contribuir-form .span12 > div {
        max-width: 100%;
    }

        .contact-form.contribuir-form .span12 > div form .span6 {
            width: 50%;
            margin: 0;
        }

            .contact-form.contribuir-form .span12 > div form .span6:first-child {
                padding-right: 15px;
            }

            .contact-form.contribuir-form .span12 > div form .span6:last-child {
                padding-left: 15px;
                margin-left: 0;
            }

.required-fields {
    font-size: 14px;
    font-family: Lato-Light;
    color: #fff;
    text-align: left;
    padding-left: 25px;
    margin-top: 15px;
}

.button-wrapper {
    margin-top: 40px;
}

    .button-wrapper button:last-child {
        margin-left: 30px;
    }

#contactForm {
    margin-top: 50px;
}

.contact-form h1 {
    margin-bottom: 35px;
}

.contact-form .span12 > div {
    max-width: 750px;
    margin: auto;
}

    .contact-form .span12 > div > p {
        padding-left: 33.5px;
        padding-right: 33.5px;
        font-size: 20px;
        line-height: 26px;
        max-width: 65%;
        font-family: Lato-Light;
        margin: 0 auto 20px auto;
    }

.span8.right-wrapper > div > div:last-child {
    margin-bottom: 30px !important;
}

#navigation li a, #navigation li a i, #navigation_mobile li a, #navigation_mobile li a i {
    color: #2a2a2a;
}

    #navigation li a i, #navigation_mobile li a i {
        font-size: 6px;
    }

.components-wrapper .left-wrapper ul {
    background: #f1f1f2;
    padding: 12px 20px !important;
}

    .components-wrapper .left-wrapper ul li {
        border-top: 1px solid rgba(42,42,42,0.4);
        padding-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-bottom: 6px;
        padding-top: 6px;
    }

        .components-wrapper .left-wrapper ul li:first-child {
            border-top: 0;
        }

        .components-wrapper .left-wrapper ul li:last-child {
            border-bottom: 0;
        }

        .components-wrapper .left-wrapper ul li a i {
            margin-left: 10px;
            margin-right: 15px;
            font-size: 22px;
            width: 26px !important;
            background: transparent;
            text-align: center;
            color: #001760;
        }

        .components-wrapper .left-wrapper ul li a > span {
            display: inline-block;
            width: calc(100% - 65px);
            vertical-align: middle;
            padding-right: 5px;
        }

            .components-wrapper .left-wrapper ul li a > span > span {
                display: block;
            }

            .components-wrapper .left-wrapper ul li a > span > .subTitleComponentes {
                color: #808184;
                font-size: 12px;
                line-height: 16px;
                font-family: Lato-BoldItalic;
                text-transform: capitalize;
            }

        .components-wrapper .left-wrapper ul li a {
            font-size: 14px;
            color: #2a2a2a;
            text-transform: uppercase;
            font-family: Lato-Bold;
            padding-bottom: 10px;
            padding-top: 10px;
            display: block;
        }

        .components-wrapper .left-wrapper ul li:hover a, .components-wrapper .left-wrapper ul li.current a {
            background: #001760;
            color: #fff;
        }

            .components-wrapper .left-wrapper ul li:hover a > span > .subTitleComponentes, .components-wrapper .left-wrapper ul li.current a > span > .subTitleComponentes {
                color: #e6e7e8;
            }

        .components-wrapper .left-wrapper ul li:hover i, .components-wrapper .left-wrapper ul li.current i {
            color: #fff !important;
        }

/* container-fluid */
.container-fluid .right-wrapper .top-title {
    margin-bottom: 50px;
}

    .container-fluid .right-wrapper .top-title h4 {
        text-transform: uppercase;
        display: inline-block;
        border: 0;
        margin-left: 10px;
        margin-bottom: 0;
        width: calc(100% - 74px);
        vertical-align: middle;
    }

        .container-fluid .right-wrapper .top-title h4.notFontIcon {
            border-bottom: 1px solid #001760;
            border-top: 1px solid #001760;
            margin: 0;
            width: 100%;
        }

    .container-fluid .right-wrapper .top-title i {
        background: #001760;
        width: 60px !important;
        height: 60px !important;
        text-align: center;
        border-radius: 60px;
        color: #fff;
        font-size: 32px;
        vertical-align: middle;
    }

        .container-fluid .right-wrapper .top-title i:before {
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            display: block;
        }

.bottom-links {
    text-align: center;
    border-top: 0;
    margin-top: 0;
    padding-top: 45px;
}

    .bottom-links a {
        display: inline-block;
        font-family: Lato-Bold !important;
        font-size: 14px;
        color: #808184;
        text-transform: uppercase;
    }

        .bottom-links a div {
            display: inline-block;
        }

        .bottom-links a:first-child {
            margin-right: 37px;
        }

            .bottom-links a:first-child div {
                margin-right: 15px;
            }

        .bottom-links a:last-child div {
            margin-left: 15px;
        }

        .bottom-links a:last-child {
            margin-left: 37px;
        }

.components-wrapper .left-wrapper {
    margin-bottom: 40px;
}

.components-wrapper .right-wrapper > div {
    border-bottom: 0;
    padding-bottom: 0;
}

.bottom-links a:hover {
    color: #001760;
}

.bottom-links a i {
    font-size: 18px;
}

.font-blocks {
    font-size: 0;
    margin-bottom: 17px;
    margin-top: 35px;
}

    .font-blocks > div {
        display: inline-block;
        width: calc(50% - 11px);
        font-family: Lato-Bold;
        padding: 5px 30px 39px 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        word-break: break-all;
        vertical-align: top;
    }

        .font-blocks > div:first-child {
            background: rgba(52,152,219,0.1);
            margin-right: 11px;
        }

        .font-blocks > div:last-child {
            background: #e6e7e8;
            font-family: 'karmalight';
            margin-left: 11px;
            padding-top: 35px;
        }

        .font-blocks > div:first-child p {
            font-family: Lato-Bold;
        }

        .font-blocks > div:last-child p {
            font-family: Karma-Light;
        }

        .font-blocks > div p:first-child {
            font-size: 180px;
            line-height: 180px;
            margin: 0;
        }

        .font-blocks > div:last-child p:first-child {
            line-height: 150px;
        }

        .font-blocks > div p:nth-child(2) {
            font-size: 40px;
            line-height: 40px;
            margin-bottom: 30px;
        }

        .font-blocks > div p:last-child {
            font-size: 16px;
            line-height: 24px;
            color: #808080;
        }

div.onetable {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 50px;
}

    div.onetable .onerow {
        display: table-row;
        line-height: normal;
    }

        div.onetable .onerow > div {
            display: table-cell;
            padding-bottom: 20px;
            padding-top: 40px;
            border-bottom: 1px solid #f1f1f2;
            vertical-align: middle;
        }

.container-fluid.search-results-wrapper {
    padding: 0;
}

.basic-block-wrapper {
    padding-bottom: 90px;
}

/* form Contribuir do site da usabilidade.gov.pt */
.contribuir-wrapper h2 {
    margin-bottom: 25px;
}

.contribuir-wrapper .row-fluid {
    display: table;
    width: 100%;
}

    .contribuir-wrapper .row-fluid > .span7 {
        display: table-cell;
        vertical-align: top;
        float: none;
        padding-right: 3%;
        width: 60%;
    }

    .contribuir-wrapper .row-fluid > .span5 {
        display: table-cell;
        vertical-align: bottom;
        float: none;
        min-width: 400px;
        width: 40%;
    }

.contribuir-wrapper .row-fluid {
    display: table;
    width: 100%;
}

.lista-wrapper {
    font-family: Lato-Light;
    font-size: 16px;
    color: #2a2a2a;
}

    .lista-wrapper h4 {
        border-top: 1px solid #001760;
        border-bottom: 1px solid #001760;
        padding: 17px 0;
        color: #001760;
        text-align: center;
        margin-bottom: 35px;
    }

    .lista-wrapper h3.titleResult {
        margin-bottom: 30px;
        text-transform: uppercase;
        display: none;
    }

.aui p {
    margin: 0 0 20px;
}

.marginBottom60 {
    margin-bottom: 60px;
}

.marginBottom30 {
    margin-bottom: 30px;
}


/* Propriedades de posição dos vários componentes do site da usabilidade.gov.pt */
.components-wrapper .right-wrapper, .components-wrapper .right-wrapper nav.side-menu, .components-wrapper .right-wrapper .horizontal-breadcrumb, .components-wrapper .right-wrapper .pages-wrapper, .components-wrapper .right-wrapper .form-wrapper, .components-wrapper .right-wrapper .radio-button, .components-wrapper .right-wrapper .checkbox-button, .components-wrapper .right-wrapper .slider-wrapper, .components-wrapper .right-wrapper .datepicker-wrapper, .components-wrapper .right-wrapper .select-wrapper, .components-wrapper .right-wrapper .table-wrapper, .components-wrapper .right-wrapper .simple-list-wrapper, .components-wrapper .right-wrapper .group-list-wrapper, .components-wrapper .right-wrapper .tabs-wrapper, .components-wrapper .right-wrapper .dialog-box-wrapper, .components-wrapper .right-wrapper .alerts-wrapper, .components-wrapper .right-wrapper .loaders-wrapper, .components-wrapper .right-wrapper .newsletter-wrapper, .components-wrapper .right-wrapper .search-wrapper, .components-wrapper .right-wrapper .icons-wrapper, .components-wrapper .right-wrapper .grid-wrapper, .components-wrapper .right-wrapper .breakpoints-wrapper, .components-wrapper .right-wrapper #calendar {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

/* color-block-wrapper */
.color-block-wrapper {
    margin-top: 50px;
}

    .color-block-wrapper .color-wrapper {
        box-shadow: 0 0 30px rgba(0,0,0,0.2);
    }

        .color-block-wrapper .color-wrapper .color {
            height: 100px;
        }

        .color-block-wrapper .color-wrapper .code {
            padding: 16px 13px;
        }

            .color-block-wrapper .color-wrapper .code .lead4 {
                color: #808184;
            }

                .color-block-wrapper .color-wrapper .code .lead4:last-child {
                    color: #9d9d9c;
                }

    .color-block-wrapper .opacity {
        display: inline-block;
        width: 100%;
    }

        .color-block-wrapper .opacity p {
            font-family: Lato-Light;
            font-size: 16px;
            margin-top: 45px;
            margin-bottom: 22px;
            color: #2a2a2a;
        }

            .color-block-wrapper .opacity p.showMobile {
                opacity: 0;
                visibility: hidden;
            }

        .color-block-wrapper .opacity .opacity-example > div {
            width: 25%;
            float: left;
            height: 0;
            padding-bottom: 25%;
        }

.complete-color-block {
    padding-bottom: 50px;
    border-bottom: 1px solid #9d9d9c;
    margin-bottom: 80px;
}

/* lang-wraper */
.lang-wrapper {
    color: #fff;
    width: 100%;
    text-align: right;
    font-size: 12px;
    font-family: Lato-Regular;
    margin-bottom: 10px;
}

    .lang-wrapper i {
        font-size: 4px;
        margin-left: 5px;
        vertical-align: super;
    }

        .lang-wrapper i.icon-globe {
            height: 19px;
            font-size: 19px;
            color: #001760;
            vertical-align: top;
            margin-right: 5px;
        }

/* menu lateral*/
nav.side-menu {
    max-width: 321px;
}

    nav.side-menu > ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        nav.side-menu > ul > li {
            padding: 6px 0;
            border-bottom: 1px solid rgba(42,42,42,0.4);
        }

            nav.side-menu > ul > li:last-child {
                border-bottom: 0;
            }

            nav.side-menu > ul > li > a, nav.side-menu > ul > li {
                font-size: 16px;
                font-family: Lato-Bold !important;
                color: #001760;
                text-decoration: none;
            }

                nav.side-menu > ul > li:hover > a, nav.side-menu > ul > li.active > a {
                    color: #fff;
                    background: #001760;
                    text-decoration: none;
                }

                nav.side-menu > ul > li.active i.icone-more {
                    -webkit-transform: rotate(-90deg);
                    -moz-transform: rotate(-90deg);
                    -ms-transform: rotate(-90deg);
                    -o-transform: rotate(-90deg);
                    transform: rotate(-90deg) !important;
                    display: inline-block;
                    margin-bottom: 5px;
                }

                nav.side-menu > ul > li > a {
                    padding: 10px 10px;
                    display: block;
                }

                nav.side-menu > ul > li .sub-menu {
                    display: none;
                    list-style: none;
                    padding: 0;
                    margin: 0;
                }

                    nav.side-menu > ul > li .sub-menu li {
                        padding: 6px 10px;
                        line-height: 16px;
                    }

                        nav.side-menu > ul > li .sub-menu li:hover {
                            background: #d0d2d3;
                        }

                        nav.side-menu > ul > li .sub-menu li a {
                            font-size: 14px;
                            font-family: Lato-Regular;
                            color: #808184;
                            display: block;
                            text-decoration: none;
                        }

                        nav.side-menu > ul > li .sub-menu li:hover a {
                            color: #001760;
                            text-decoration: none;
                        }

                nav.side-menu > ul > li i {
                    font-size: 6px;
                    margin-left: 5px;
                }

    nav.side-menu.menu-icon > ul > li i:first-child {
        font-size: 20px;
    }

.button {
    /*padding: 0 57px;*/
    /*border-radius: 30px;*/
    padding: 0 30px;
    height: 43px;
    font-size: 14px !important;
    font-family: Lato-Regular !important;
    text-transform: uppercase;
}

.button1 {
    color: #001760;
    background: #fff;
    border: 1px solid #001760;
}

    .button1:hover {
        color: #fff;
        background: #001760;
        border: 1px solid #001760;
    }

.button2 {
    color: #fff;
    background: #001760;
    border: 1px solid #001760;
}

    .button2:hover {
        opacity: .8;
        cursor: pointer;
    }



button.button-icon i {
    width: auto !important;
    height: auto !important;
    font-size: 0;
    line-height: normal !important;
    vertical-align: middle !important;
    margin-right: 10px;
}

    button.button-icon i:before {
        font-size: 24px;
        line-height: 24px;
    }

ul.horizontal-breadcrumb li {
    display: inline-block;
}

    ul.horizontal-breadcrumb li a {
        font-size: 13px;
        color: #2a2a2a;
        font-family: Lato-Regular;
    }

    ul.horizontal-breadcrumb li:last-child a {
        color: #001760;
    }

/* pager-wraper */
.pages-wrapper a, .pages-wrapper .current {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    color: #2a2a2a;
    font-size: 14px !important;
    font-family: Lato-Bold !important;
    vertical-align: top;
    line-height: 16px !important;
    text-decoration: none !important;
    border: 2px solid transparent;
}

    .pages-wrapper a.page {
        color: #2a2a2a;
        vertical-align: middle;
    }

    .pages-wrapper a:last-child {
        margin-left: 5px;
    }

    .pages-wrapper a:not(.page) {
        border: 2px solid #2a2a2a;
    }

    .pages-wrapper a i, .pages-wrapper .current span, .pages-wrapper a span {
        position: relative;
        top: 8px;
    }

    .pages-wrapper a i {
        font-size: 0;
        width: auto !important;
        height: auto !important;
        display: inline-block !important;
    }

        .pages-wrapper a i:before {
            font-size: 17px;
        }

    .pages-wrapper a.page:hover span, .pages-wrapper a.page.active span {
        border-bottom: 2px solid #001760;
        color: #001760;
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 4px;
    }

    .pages-wrapper a:hover {
        text-decoration: none !important;
    }

        .pages-wrapper a:hover:not(.page) {
            color: #001760;
            border: 2px solid #001760;
            text-decoration: none;
        }

    .pages-wrapper a .icone-arrow_left:before, .pages-wrapper a .icone-arrow_right:before {
        margin: auto;
        display: block;
    }

/* form-wraper */
.right-wrapper .form-wrapper {
    background: #f1f1f2;
    padding: 80px 95px;
    text-align: center;
}


.form-wrapper input, .form-wrapper textarea {
    width: 100%;
    /*border: 2px solid #fff !important;*/
    border: 2px solid #f1f1f2 !important;
    box-shadow: none;
    //height: 60px !important;
      height: 50px !important;
    line-height: 18px !important;
    color: #808184 !important;
    font-size: 18px !important;
    font-family: Lato-Light;
    padding: 0 !important;
    border-radius: 0 !important;
    padding-left: 20px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: none !important;
}

    .form-wrapper input:focus, .form-wrapper textarea:focus {
        border: 2px solid #001760 !important;
        box-shadow: 0 0 7px rgba(0,0,0,0.4) !important;
    }

    .form-wrapper input:not([type="submit"]) {
        /*margin-bottom: 28px;*/
        margin-bottom: 15px;
    }

.form-wrapper textarea {
    height: 132px !important;
    line-height: 22px !important;
    padding-top: 25px !important;
    resize: none !important;
}

.form-wrapper a {
    line-height: 10px;
}


.form-wrapper input::-webkit-input-placeholder {
    color: #808184;
    font-size: 16px;
    font-family: 'karmalight';
    line-height: 25px;
}

.form-wrapper input::-moz-placeholder {
    color: #808184;
    font-size: 16px;
    font-family: Karma-Light;
    line-height: 60px;
}

.form-wrapper input:-ms-input-placeholder {
    color: #808184;
    font-size: 16px;
    font-family: Karma-Light;
    line-height: 60px;
}

.form-wrapper input:-moz-placeholder {
    color: #808184;
    font-size: 16px;
    font-family: Karma-Light;
    line-height: 60px;
}

.form-wrapper textarea::-webkit-input-placeholder {
    color: #808184;
    font-size: 16px;
    font-family: Karma-Light;
    line-height: 25px;
}

.form-wrapper textarea::-moz-placeholder {
    color: #808184;
    font-size: 16px;
    font-family: Karma-Light;
    line-height: 25px;
}

.form-wrapper textarea:-ms-input-placeholder {
    color: #808184;
    font-size: 16px;
    font-family: Karma-Light;
    line-height: 25px;
}

.form-wrapper textarea:-moz-placeholder {
    color: #808184;
    font-size: 16px;
    font-family: Karma-Light;
    line-height: 25px;
}

.form-wrapper label.animateInput p.error-msg {
    font-size: 14px;
    font-family: Lato-BoldItalic;
    text-align: left;
    position: absolute;
    bottom: 5px;
    left: 35px;
}

    .form-wrapper label.animateInput p.error-msg.invalid {
        color: #be1e2d;
        padding-left: 250px;
    }

    .form-wrapper label.animateInput p.error-msg.required {
        color: #f7931e;
    }

.form-wrapper label.animateInput input.error-invalid {
    border: 2px solid #be1e2d !important;
}

    .form-wrapper label.animateInput input.error-invalid + span {
        color: #be1e2d;
    }

.form-wrapper label.animateInput input.error-required, .form-wrapper label.animateInput textarea.error-required {
    border: 2px solid #f7931e !important;
}

    .form-wrapper label.animateInput input.error-required + span {
        color: #f7931e;
    }

/* radio-button */
.radio-button {
    position: relative;
    display: inline-block;
}

    .radio-button .radio-button-wrapper {
        width: 26px;
        height: 26px;
        border: 2px solid #2a2a2a;
        border-radius: 30px;
        display: inline-block;
        vertical-align: middle;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
    }

        .radio-button .radio-button-wrapper::before {
            display: block;
            position: absolute;
            content: '';
            border-radius: 100%;
            height: 18px;
            width: 18px;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            background: transparent;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

    .radio-button label {
        display: inline-block;
        vertical-align: middle;
        font-size: 18px;
        font-family: Lato-Bold;
        color: #2a2a2a;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        margin-left: 5px;
    }

    .radio-button input[type="radio"] {
        position: absolute;
        width: 26px;
        display: block;
        height: 26px;
        margin: 0;
        opacity: 0;
        z-index: 1;
    }

        .radio-button input[type="radio"]:checked + .radio-button-wrapper {
            border: 2px solid #001760;
        }

            .radio-button input[type="radio"]:checked + .radio-button-wrapper::before {
                background: #001760;
            }

            .radio-button input[type="radio"]:checked + .radio-button-wrapper + label {
                color: #001760;
            }

        .radio-button input[type="radio"]:disabled + .radio-button-wrapper {
            border: 2px solid #d0d2d3;
        }

            .radio-button input[type="radio"]:disabled + .radio-button-wrapper + label {
                color: #d0d2d3;
            }

/* check-box button */
.checkbox-button {
    position: relative;
    display: inline-block;
}

    .checkbox-button .checkbox-wrapper {
        width: 26px;
        height: 26px;
        display: inline-block;
        vertical-align: middle;
        border: 2px solid #2a2a2a;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 5px;
    }

    .checkbox-button input[type="checkbox"] {
        width: 26px;
        height: 26px;
        margin: auto;
        opacity: 0;
        position: absolute;
        z-index: 2;
    }

    .checkbox-button label {
        display: inline-block;
        vertical-align: middle;
        font-size: 18px;
        font-family: Lato-Bold;
        color: #2a2a2a;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        margin-left: 5px;
    }

    .checkbox-button .checkbox-wrapper::after {
        content: '';
        width: 10px;
        height: 5px;
        position: absolute;
        top: 8px;
        left: 5px;
        border: 2px solid #001760;
        border-top: 0;
        border-right: 0;
        background: transparent;
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        z-index: 1;
    }

    .checkbox-button input[type="checkbox"]:checked + .checkbox-wrapper::after {
        opacity: 1;
    }

    .checkbox-button input[type="checkbox"]:checked + .checkbox-wrapper {
        border: 2px solid #001760;
    }

        .checkbox-button input[type="checkbox"]:checked + .checkbox-wrapper + label {
            color: #001760;
        }

    .checkbox-button input[type="checkbox"]:disabled + .checkbox-wrapper {
        border: 2px solid #d0d2d3;
    }

        .checkbox-button input[type="checkbox"]:disabled + .checkbox-wrapper + label {
            color: #d0d2d3;
        }

/* slider-wraper */
.slider-wrapper.ui-widget.ui-widget-content {
    border: 2px solid #001760;
    height: 14px;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .slider-wrapper.ui-widget.ui-widget-content > .ui-slider-handle {
        position: relative;
        color: #fff;
        width: 26px;
        height: 26px;
        border: 2px solid #001760 !important;
        border-radius: 20px;
        top: 50%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        background: #fff !important;
        outline: none !important;
        -ms-touch-action: none;
        touch-action: none;
    }

        .slider-wrapper.ui-widget.ui-widget-content > .ui-slider-handle span {
            position: absolute;
            top: -46px;
            left: 0;
            right: 0;
            margin: auto;
            text-align: center;
            font-family: Lato-Bold;
            font-size: 16px;
        }

        .slider-wrapper.ui-widget.ui-widget-content > .ui-slider-handle:before {
            position: absolute;
            bottom: 41px;
            left: 50%;
            transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            width: 37px;
            height: 38px;
            border-radius: 8px;
            background-color: #001760;
            color: #fff;
            text-align: center;
            content: " ";
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            z-index: -1;
        }

        .slider-wrapper.ui-widget.ui-widget-content > .ui-slider-handle:after {
            position: absolute;
            bottom: 33px;
            left: 50%;
            transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            width: 0;
            border-top: 8px solid #001760;
            border-right: 8px solid transparent;
            border-left: 8px solid transparent;
            content: " ";
            font-size: 0;
            line-height: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

.slider-wrapper.ui-slider-horizontal .ui-slider-range-min {
    background: #001760;
}

/* filedrag */
.filedrag {
    border: 2px dashed #2A2A2A;
    cursor: default;
    margin-top: 18px;
}

    .filedrag .row-fluid {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 41px;
    }

        .filedrag .row-fluid > div:first-child,
        .file-wrapper > div:first-child {
            text-align: left;
            font-family: Lato-Light;
            font-size: 18px;
            padding-left: 32px;
        }

        .filedrag .row-fluid > div:last-child,
        .file-wrapper > div:last-child {
            text-align: right;
            position: relative;
            padding-right: 35px;
        }

        .filedrag .row-fluid > .dragAlign:first-child {
            min-width: 330px;
        }

        .filedrag .row-fluid > .dragAlign:last-child {
            float: right;
            margin-left: 0 !important;
        }

        .filedrag .row-fluid > div:last-child button {
            max-width: 204px;
            width: 100%;
            cursor: pointer;
        }

    .filedrag input[type="file"]:hover ~ button {
        opacity: 0.8;
    }

    .filedrag input[type="file"] {
        opacity: 0;
        right: 35px;
        position: absolute;
        cursor: pointer;
        height: 43px !important;
        margin-bottom: 0 !important;
        padding-left: 0 !important;
        max-width: 204px;
        z-index: 1;
    }

.file-wrapper {
    font-family: Lato-Light;
    font-size: 14px !important;
    margin-top: 15px;
}

    .file-wrapper > .uploadFilesMax,
    .file-wrapper > div span {
        font-size: 14px !important;
        font-family: Lato-Bold;
        margin-left: 0 !important;
    }

        .file-wrapper > .uploadFilesMax:first-child {
            min-width: 165px;
            float: right;
            padding-left: 0;
            padding-right: 35px;
            text-align: right;
        }

        .file-wrapper > .uploadFilesMax:last-child {
            min-width: 195px;
            float: left;
            padding-left: 32px;
            padding-right: 0;
            text-align: left;
        }

    .file-wrapper > div:last-child,
    .file-wrapper > div:first-child {
        font-family: Karma-Light;
        font-size: 16px;
        color: #001760;
    }

.messages {
    padding-left: 32px;
    margin-top: 48px;
    text-align: left;
}

    .messages a {
        color: #2a2a2a;
        margin-right: 10px;
    }

    .messages .one-file {
        text-align: left;
        margin-top: 12px;
        font-size: 16px;
        font-family: Lato-Light;
    }

        .messages .one-file span {
            cursor: pointer;
            font-size: 16px;
            font-family: cursive;
            font-weight: bold;
            margin-right: 10px;
            vertical-align: middle;
        }


/*Componente Data Picker*/

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        /*position: absolute;*/
        left: 50%;
        margin-left: 8px;
        top: 50%;
        margin-top: 8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 45%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0 !important;
    background: #001760;
    color: #fff;
    height: 52px;
    border-radius: 0;
    border: 0;
}

.ui-datepicker.ui-widget.ui-widget-content {
    border: 0 !important;
    border-radius: 0;
    padding: 8px 7px;
    width: 400px;
    margin-top: 5px;
}

.ui-datepicker .ui-datepicker-title {
    font-family: Lato-Bold;
    font-size: 22px;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}

.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default, .ui-datepicker .ui-button, .ui-datepicker .ui-button.ui-state-disabled {
    background: #e6e7e8 !important;
    font-family: Lato-Bold;
    font-size: 16px;
    color: #808184 !important;
    border: 0 !important;
    padding: 12px 10px 12px 0;
}

    .ui-datepicker .ui-button.ui-state-disabled:hover, .ui-datepicker .ui-button.ui-state-disabled {
        background: #9d9d9c !important;
    }

    .ui-datepicker .ui-state-default:hover, .ui-datepicker .ui-state-default:active {
        background: #001760 !important;
        color: #fff !important;
    }

.ui-datepicker table {
    margin: 0 !important;
    table-layout: fixed;
}

.ui-datepicker th {
    padding: 20px 0;
    font-family: Lato-Bold;
    font-size: 16px;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    border: 0;
    top: 50%;
    transform: translateY(-50%);
    background: transparent !important;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev {
    left: 15px !important;
}

.ui-datepicker .ui-datepicker-next {
    right: 15px !important;
}

.ui-datepicker .ui-datepicker-prev span {
    /*background: url("../Design/images/date_left.png") no-repeat;*/
    background-image: url('images/date_left.png');
    background-size: 18px 17px;
}

.ui-datepicker .ui-datepicker-next span {
    /*background: url("../Design/images/date_right.png") no-repeat;*/
    background-image: url('images/date_right.png');
    background-size: 18px 17px;
}



.ui-datepicker td {
    border: 0;
    padding: 2px;
}

.datepicker-wrapper {
    /*background: #f1f1f2;*/
    /*padding: 1.5px 1.5px;*/
    text-align: center;
}

    .datepicker-wrapper > input.datepicker {
        width: 100%;
        border: 2px solid #e6e7e8;
        box-shadow: none;
        height: 50px;
        /*line-height: 60px;*/
        color: #808184;
        font-size: 18px;
        font-family: Karma-Light;
        padding-top: 0;
        padding-bottom: 0;
        border-radius: 0;
        padding-left: 33.5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0 !important;
    background: #001760;
    color: #fff;
    height: 52px;
    border-radius: 0px;
    border: 0px;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0 !important;
    background: #001760;
    color: #fff;
    height: 52px;
    border-radius: 0;
    border: 0;
}

.ui-datepicker.ui-widget.ui-widget-content {
    border: 0 !important;
    border-radius: 0;
    padding: 8px 7px;
    width: 400px;
    margin-top: 5px;
}

.ui-datepicker .ui-datepicker-title {
    font-family: Lato-Bold;
    font-size: 22px;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}

.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default, .ui-datepicker .ui-button, .ui-datepicker .ui-button.ui-state-disabled {
    background: #e6e7e8 !important;
    font-family: Lato-Bold;
    font-size: 16px;
    color: #808184 !important;
    border: 0 !important;
    padding: 12px 10px 12px 0;
}

    .ui-datepicker .ui-button.ui-state-disabled:hover, .ui-datepicker .ui-button.ui-state-disabled {
        background: #9d9d9c !important;
    }

    .ui-datepicker .ui-state-default:hover, .ui-datepicker .ui-state-default:active {
        background: #001760 !important;
        color: #fff !important;
    }

.ui-datepicker table {
    margin: 0 !important;
    table-layout: fixed;
    background: #fff;
}

.ui-datepicker th {
    padding: 20px 0;
    font-family: Lato-Bold;
    font-size: 16px;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    border: 0;
    top: 50%;
    transform: translateY(-50%);
    background: transparent !important;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev {
    left: 15px !important;
}

.ui-datepicker .ui-datepicker-next {
    right: 15px !important;
}


/* select-wrapper */
/* inicio */
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 28px;
        user-select: none;
        -webkit-user-select: none;
        border-color: #5897fb !important;
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 8px;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .select2-container .select2-selection--single .select2-selection__clear {
            position: relative;
        }

    .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
        padding-right: 8px;
        padding-left: 20px;
    }

    .select2-container .select2-selection--multiple {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        min-height: 32px;
        user-select: none;
        -webkit-user-select: none;
    }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: inline-block;
            overflow: hidden;
            padding-left: 8px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .select2-container .select2-search--inline {
        float: left;
    }

        .select2-container .select2-search--inline .select2-search__field {
            box-sizing: border-box;
            border: 0;
            font-size: 100%;
            margin-top: 5px;
            padding: 0;
        }

            .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
                -webkit-appearance: none;
            }

.select2-dropdown {
    background-color: white;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
    border-color: #5897fb !important;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
}

    .select2-results__option[aria-selected] {
        cursor: pointer;
    }

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}

    .select2-search--dropdown .select2-search__field {
        padding: 4px;
        width: 100%;
        box-sizing: border-box;
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none;
        }

    .select2-search--dropdown.select2-search--hide {
        display: none;
    }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border-radius: 4px;
    border-color: #5897fb !important;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px;
        border-color: #5897fb !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #999;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0;
        }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none;
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border-radius: 4px;
    cursor: text;
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        box-sizing: border-box;
        list-style: none;
        margin: 0;
        padding: 0 5px;
        width: 100%;
    }

        .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
            list-style: none;
        }

    .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
        color: #999;
        margin-top: 5px;
        float: left;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        margin-top: 5px;
        margin-right: 10px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #999;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 2px;
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #333;
        }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: 0;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

    .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0;
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em;
    }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em;
        }

            .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -3em;
                padding-left: 4em;
            }

                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -4em;
                    padding-left: 5em;
                }

                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -5em;
                        padding-left: 6em;
                    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top,white 50%,#eee 100%);
    background-image: -o-linear-gradient(top,white 50%,#eee 100%);
    background-image: linear-gradient(to bottom,#fff 50%,#eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0);
    border-color: #5897fb !important;
}

    .select2-container--classic .select2-selection--single:focus {
        border: 1px solid #5897fb;
    }

    .select2-container--classic .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px;
        border-color: #5897fb !important;
    }

    .select2-container--classic .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        margin-right: 10px;
    }

    .select2-container--classic .select2-selection--single .select2-selection__placeholder {
        color: #999;
    }

    .select2-container--classic .select2-selection--single .select2-selection__arrow {
        background-color: #ddd;
        border: 0;
        border-left: 1px solid #aaa;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
        background-image: -webkit-linear-gradient(top,#eee 50%,#ccc 100%);
        background-image: -o-linear-gradient(top,#eee 50%,#ccc 100%);
        background-image: linear-gradient(to bottom,#eee 50%,#ccc 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFCCCCCC',GradientType=0);
    }

        .select2-container--classic .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0;
        }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: 0;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb !important;
}

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
        background: transparent;
        border: 0;
    }

        .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #888 transparent;
            border-width: 0 4px 5px 4px;
        }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top,white 0,#eee 50%);
    background-image: -o-linear-gradient(top,white 0,#eee 50%);
    background-image: linear-gradient(to bottom,#fff 0,#eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top,#eee 50%,white 100%);
    background-image: -o-linear-gradient(top,#eee 50%,white 100%);
    background-image: linear-gradient(to bottom,#eee 50%,#fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFFFFFFF',GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border-radius: 4px;
    cursor: text;
    outline: 0;
}

    .select2-container--classic .select2-selection--multiple:focus {
        border: 1px solid #5897fb;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
        list-style: none;
        margin: 0;
        padding: 0 5px;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__clear {
        display: none;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
        color: #888;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 2px;
    }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #555;
        }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: 0;
}

.select2-container--classic .select2-dropdown--below {
    border-top: 0;
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}

.select-wrapper .select2-container {
    width: 100% !important;
    height: 60px;
    outline: 0 !important;
    text-align: left;
    margin-bottom: 28px;
}

    .select-wrapper .select2-container > span {
        outline: 0 !important;
    }

.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 16px !important;
        color: #808184 !important;
        font-family: Lato-Light !important;
        font-size: 18px !important;
        border-color: #5897fb !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: #001760 transparent transparent transparent !important;
        border-color: #2a2a2a transparent transparent transparent !important;
        border-width: 7px 6px 0 6px !important;
        margin-left: -10px;
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #001760 transparent !important;
    border-width: 0 6px 7px 6px !important;
    margin-left: -10px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 16px !important;
    padding: 20px 20px !important;
    border-color: #5897fb !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 16px !important;
    width: auto !important;
}

.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
    border-radius: 0 !important;
}

.select2-container--default .select2-selection--single {
    border-radius: 0 !important;
    border-color: #5897fb !important;
}

.select2-container--open .select2-dropdown {
    background: #f1f1f2 !important;
    border: 0 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option[aria-selected=true] {
    background: #d0d2d3 !important;
    color: #2a2a2a !important;
}

.select2-results__option {
    padding: 10px 15px !important;
    height: 36px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 16px;
}

.select2-dropdown {
    border-radius: 0 !important;
}

.select2-results {
    padding-bottom: 10px !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
    border: 0 !important;
    margin: 0 !important;
    outline: 0 !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-selection--multiple .select2-selection__rendered, .select2-container .select2-search--inline, .select2-container--default .select2-search--inline .select2-search__field, .select2-container--default .select2-selection--multiple {
    min-height: 50px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single {
    border: 1px solid #001760 !important;
}

.select2-container .select2-search--inline .select2-search__field {
    padding-left: 16px !important;
}

.select2-results__option[role="group"] {
    height: auto;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.select2-container--default .select2-results__group {
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-size: 16px;
    line-height: 16px;
    font-family: Karma-Light;
    font-weight: normal;
    color: #2a2a2a;
}

.select2-results__option[role="group"] .select2-results__option {
    padding: 10px 30px !important;
    font-family: Karma-Light;
    font-size: 16px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 0 !important;
    margin-left: 5px !important;
    margin-top: 13px !important;
    margin-right: 0 !important;
}

.select2-container .select2-search--inline, .select2-container--default .select2-search--inline .select2-search__field {
    outline: 0 !important;
    box-shadow: none !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #fff !important;
}

.select2-container--default .select2-selection--single {
    outline: 0 !important;
    border-color: #5897fb !important;
}

/* fim    */

.listinput {
    border: 2px solid #001760 !important;
    box-shadow: 0 0 7px rgba(0,0,0,0.4) !important;
    height: 30px !important;
    line-height: 12px !important;
    color: #808184 !important;
    font-size: 14px !important;
    font-family: Lato-Light !important;
    padding: 0 !important;
    border-radius: 0 !important;
    /*padding-left: 20px !important;*/
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
}

/* table-wraper */
.table-wrapper .lead4 {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.table-wrapper table {
    width: 100%;
}

    .table-wrapper table th {
        background: #808184;
        font-family: Lato-Bold;
        font-size: 14px;
        color: #fff;
        text-align: center;
        padding: 5px 5px;
        border: 1.5px solid #fff;
        vertical-align: middle;
        line-height: normal;
        margin-left: 0px !important;
    }

    .table-wrapper table tbody tr td {
        font-family: Lato-Regular;
        font-size: 14px;
        line-height: normal;
        color: #808184;
        background: #e6e7e8;
        padding: 5px 5px;
        border: 1.5px solid #fff;
        text-align: center;
        vertical-align: middle;
        margin-left: 0px !important;
    }

        .table-wrapper table tbody tr td a, .table-wrapper table tbody tr td a:hover {
            text-decoration: none;
            color: #001760;
        }



/* simple-list wraper */
.simple-list-wrapper ul {
    list-style: none;
    padding-left: 15px !important;
    margin: 0;
    /*list-style-type: none;*/
}

    .simple-list-wrapper ul li {
        font-family: Karma-Light;
        font-size: 18px;
        color: #808184;
        margin: 15px 0;
    }

        .simple-list-wrapper ul li:before {
            color: #808184;
            /*content: "\00b7";*/
            font-size: 34px;
            vertical-align: sub;
            line-height: normal;
            margin-right: 5px;
        }

.simple-list-wrapper.hyperlink li:before {
    content: initial;
}

.simple-list-wrapper.hyperlink li a {
    color: #9d9d9c;
    /*display: block;*/
}

.simple-list-wrapper.hyperlink li i {
    font-size: 20px;
}

.simple-list-wrapper.hyperlink li a:hover {
    color: #001760;
    text-decoration: none;
}

    .simple-list-wrapper.hyperlink li a:hover span {
        text-decoration: underline;
    }

.simple-list-wrapper.hyperlink li a span {
    margin-left: 5px;
}

.simple-list-wrapper.hyperlink li {
    margin-bottom: 20px;
}


/* group-list-wraper */
.group-list-wrapper .span6 i, .group-list-wrapper .span6 .text-wrapper {
    display: table-cell;
    vertical-align: top;
}

.group-list-wrapper .span6 i {
    font-size: 48px;
    line-height: normal;
    padding-right: 24px;
    min-width: 46px;
    text-align: center;
    color: #9d9d9c;
}

.group-list-wrapper .span6 a {
    font-family: Karma-Medium;
    font-size: 16px;
    color: #001760;
}

.group-list-wrapper .span6 p {
    margin-bottom: 10px;
    /*color: #9d9d9c;*/
}

.group-list-wrapper .span6 {
    /*margin-bottom: 10px;
    margin-top: 10px;*/
}

/* acordeon-wraper */
.acordeon-wrapper {
    background: #e6e7e8;
    color: #808184;
    margin-bottom: 10px;
}

    .acordeon-wrapper .acordeon-header {
        background: #fff;
        border: 1px solid #808184;
        color: #2a2a2a;
        padding: 13px 25px 13px 20px;
    }

        .acordeon-wrapper .acordeon-header.active {
            background: #808184;
            border: 1px solid #808184;
            color: #fff;
        }

        .acordeon-wrapper .acordeon-header .lead3 {
            display: inline-block;
            width: 91.4893617%;
        }

        .acordeon-wrapper .acordeon-header i {
            cursor: pointer;
            float: right;
            /*margin-top: 5px;*/
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            font-size: 0;
            line-height: 0px;
        }

            .acordeon-wrapper .acordeon-header i:before {
                font-size: 24px;
            }

        .acordeon-wrapper .acordeon-header.active i:before {
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            display: block;
            right: -2px;
            position: relative;
        }

    .acordeon-wrapper .acordeon-body {
        padding: 25px 25px 35px 23px;
        display: none;
        margin-bottom: 30px;
    }

/* tabs-wraper */
/* inicio */
.tabs-wrapper {
    width: 100%;
}

    .tabs-wrapper .tabs-header {
        border-bottom: 1px solid #e6e7e8;
        /*padding-left: 10.65246338215712%;
        padding-right: 10.65246338215712%;*/
        display: inline-block;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .tabs-wrapper .tabs-header a {
            /*color:   #9d9d9c;*/
            color: #5897fb;
        }


    .tabs-wrapper .tab {
        width: 25%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        cursor: pointer;
        color: #e6e7e8;
    }


        .tabs-wrapper .tab.active {
            color: #001760;
        }

            .tabs-wrapper .tab.active a {
                color: #001760;
            }


        .tabs-wrapper .tab .bar {
            background: #5897fb;
            height: 4px;
            border-right: 2px solid #fff;
        }

        .tabs-wrapper .tab.active .bar {
            background: #001760;
        }

        .tabs-wrapper .tab:last-child .bar {
            border-right: 0;
        }

    .tabs-wrapper .lead4 {
        /*padding-left: 15px;*/
        margin-bottom: 5px;
        font-size: 16px !important;
    }

    .tabs-wrapper .tabs-body {
        margin-top: 20px;
    }

        .tabs-wrapper .tabs-body > div {
            display: none;
            color: #808184;
        }

            .tabs-wrapper .tabs-body > div.active {
                display: block;
            }
/* fim */

/* tooltip-wraper */
.tooltip-wrapper {
    position: relative;
    display: inline-block;
    /*font-family: Karma-Medium;*/
    font-size: 18px;
    /*color: #001760;*/
}

    .tooltip-wrapper .tool-tip {
        position: absolute;
        border-radius: 8px;
        color: #fff;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px 24px;
        font-family: Lato-Regular;
        font-size: 13px;
        top: 150%;
        display: none;
    }

    .tooltip-wrapper:hover .tool-tip, .tooltip-wrapper.hovered .tool-tip {
        display: block;
    }

    .tooltip-wrapper .tool-tip:not(.type2):before {
        position: absolute;
        top: -8px;
        left: 15px;
        width: 0;
        border-bottom: 8px solid #2a2a2a;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        content: " ";
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .tooltip-wrapper .tool-tip.type1 {
        background: #2a2a2a;
        color: #fff;
        min-width: 114px;
    }

    .tooltip-wrapper .tool-tip.type2 {
        background: #fff;
        color: #555;
        border: 2px solid #808184;
        min-width: 350px;
    }

        .tooltip-wrapper .tool-tip.type2:before, .tooltip-wrapper .tool-tip.type2:after {
            content: "";
            position: absolute;
            border-left: 9px solid transparent;
            border-right: 9px solid transparent;
            top: -8px;
            left: 15px;
        }

        .tooltip-wrapper .tool-tip.type2:before {
            border-bottom: 8px solid #808184;
            margin-top: -2px;
        }

        .tooltip-wrapper .tool-tip.type2:after {
            border-bottom: 9px solid #fff;
            margin-top: 0;
            z-index: 1;
        }

    .tooltip-wrapper .tool-tip.type3 {
        background: #001760;
        color: #fff;
        min-width: 37px;
        padding: 10px 11px;
        left: 50%;
        transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

        .tooltip-wrapper .tool-tip.type3:before {
            left: 50%;
            transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            border-bottom: 8px solid #001760;
        }

    .tooltip-wrapper .tool-tip.tool-tip-top {
        top: inherit;
        bottom: 150%;
    }

        .tooltip-wrapper .tool-tip.tool-tip-top:not(.type2):before {
            bottom: -8px;
            border-top: 8px solid #2a2a2a;
            border-bottom: 0;
            top: inherit;
        }

        .tooltip-wrapper .tool-tip.tool-tip-top:not(.type2).type3:before {
            border-top: 8px solid #001760;
            border-bottom: 0;
        }

        .tooltip-wrapper .tool-tip.tool-tip-top.type2:before, .tooltip-wrapper .tool-tip.tool-tip-top.type2:after {
            top: inherit;
            bottom: -10px;
        }

        .tooltip-wrapper .tool-tip.tool-tip-top.type2:after {
            border-top: 9px solid #fff;
            border-bottom: 0;
            margin-bottom: 2px;
        }

        .tooltip-wrapper .tool-tip.tool-tip-top.type2:before {
            border-top: 8px solid #808184;
            border-bottom: 0;
        }

/* dialog-box-wraper */

#maskDialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    display: none;
    z-index: 200;
}

.dialog-box-wrapper {
    top: 20px;
    width: 850px;
    position: absolute;
    z-index: 210;
    display: none;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

    .dialog-box-wrapper .dialog-box {
        background: #F1F1F2;
        position: relative;
        box-shadow: 0 0 40px rgba(0,0,0,0.15);
        text-align: center;
    }

        .dialog-box-wrapper .dialog-box .close-dialog {
            position: absolute;
            right: 20px;
            top: 15px;
            color: #fff;
            font-size: 28px;
        }

        .dialog-box-wrapper .dialog-box .dialog-header {
            background: #5897fb;
            padding: 20px 0px 20px 0px;
        }

            .dialog-box-wrapper .dialog-box .dialog-header i {
                font-size: 0;
                color: #fff;
                line-height: normal;
                margin-bottom: 10px;
            }

                .dialog-box-wrapper .dialog-box .dialog-header i:before {
                    font-size: 48px;
                }

            .dialog-box-wrapper .dialog-box .dialog-header h4 {
                color: #FFFFFF;
                border: 0;
                margin: 0px;
                padding: 0px;
            }

        .dialog-box-wrapper .dialog-box .dialog-body {
            padding: 32px;
            padding-bottom: 65px;
        }

            .dialog-box-wrapper .dialog-box .dialog-body .p1 {
                text-align: left;
            }

/* alerts-wraper */
.alerts-wrapper .alert-msg {
    padding: 15px 20px;
    border: 2px solid;
    font-family: Lato-Bold;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .alerts-wrapper .alert-msg i {
        font-size: 17px;
        vertical-align: middle;
        margin-right: 10px;
        height: auto;
        width: auto;
    }

    .alerts-wrapper .alert-msg span {
        vertical-align: middle;
    }

        .alerts-wrapper .alert-msg span.icon-stack {
            height: 17px;
            width: 17px;
            line-height: 14px;
            margin-right: 10px;
            margin-left: -1px;
        }

            .alerts-wrapper .alert-msg span.icon-stack i {
                font-size: 8px;
                color: #f7931e;
            }

                .alerts-wrapper .alert-msg span.icon-stack i.icon-stack-base {
                    font-size: 17px;
                }

    .alerts-wrapper .alert-msg.msgsuccess {
        border-color: #00a551;
        color: #00a551;
    }

    .alerts-wrapper .alert-msg.msgerror {
        border-color: #be1e2d;
        color: #be1e2d;
    }

    .alerts-wrapper .alert-msg.msgalert {
        border-color: #f7931e;
        color: #f7931e;
    }

/* loader-box */
.loader-box {
    padding: 30px;
    text-align: center;
}

    .loader-box i {
        font-size: 0;
    }

        .loader-box i:before {
            font-size: 65px;
        }

    .loader-box p {
        font-family: Lato-BoldItalic;
        font-size: 22px;
        margin-top: 20px;
    }

    .loader-box.type1 {
        background: #2a2a2a;
        color: #fff;
    }

    .loader-box.type2 {
        background: #f1f1f2;
        color: #2a2a2a;
    }



/* newsletter-wraper */
.newsletter-wrapper {
    background: #f1f1f2;
    padding: 39px 43px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.newsletter-box i {
    vertical-align: inherit !important;
    height: auto !important;
    width: auto !important;
    font-size: 0 !important;
}

    .newsletter-box i:before {
        font-size: 24px;
        position: relative;
        top: 1px;
    }

.newsletter-box span {
    font-family: Lato-BoldItalic;
    font-size: 22px;
    color: #2a2a2a;
    vertical-align: middle;
    margin-left: 8px;
    margin-right: 15px;
}

.newsletter-box input {
    margin: 0 !important;
    height: 45px !important;
    line-height: 45px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-radius: 30px !important;
    border: 0 !important;
    font-family: "karmalight" !important;
    font-size: 18px !important;
    padding-left: 30px !important;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.newsletter-box .input-wrapper {
    width: calc(100% - 160px);
    display: inline-block;
    position: relative;
}

    .newsletter-box .input-wrapper input[type="email"] {
        max-width: 100% !important;
    }

.newsletter-box input::-webkit-input-placeholder {
    color: #808184;
    font-size: 18px;
    font-family: Lato-Light;
}

.newsletter-box input::-moz-placeholder {
    color: #808184;
    font-size: 18px;
    font-family: Lato-Light;
}

.newsletter-box input:-ms-input-placeholder {
    color: #808184;
    font-size: 18px;
    font-family: Lato-Light;
}

.newsletter-box input:-moz-placeholder {
    color: #808184;
    font-size: 18px;
    font-family: Lato-Light;
}

.newsletter-box .input-wrapper i {
    position: absolute;
    right: 20px;
    top: 50%;
    margin: auto;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    font-size: 0;
}

    .newsletter-box .input-wrapper i:before {
        font-size: 26px;
    }

/* search-wraper & search-box*/
.search-wrapper {
    background: #f1f1f2;
    padding: 39px 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 200px;
    position: relative;
    overflow: hidden;
}

.search-box {
    position: absolute;
    text-align: right;
    left: 0;
    right: 0;
    margin: auto;
    width: calc(100% - 36px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -123px;
    opacity: 0;
    transition: top .3s linear,opacity .3s linear !important;
    background: rgba(241,241,242,0.86);
}

    .search-box > div {
        max-width: 1140px;
        margin: auto;
    }

    .search-box.visible {
        top: 39px;
        opacity: 1;
        transition: top .3s linear,opacity .3s linear !important;
    }

    .search-box input {
        margin: 0 !important;
        vertical-align: middle !important;
        border: 0 !important;
        border-bottom: 1px solid #808184 !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
        padding: 0 10px 5px 20px !important;
        width: 100% !important;
        font-size: 34px !important;
        line-height: 40px !important;
        font-family: Lato-Black !important;
        box-sizing: border-box !important;
        height: 40px !important;
        color: #2a2a2a !important;
        background: transparent !important;
    }

        .search-box input::-webkit-input-placeholder {
            color: #2a2a2a;
            font-size: 34px !important;
            font-family: Lato-Black !important;
        }

        .search-box input::-moz-placeholder {
            color: #2a2a2a;
            font-size: 34px !important;
            font-family: Lato-Black !important;
        }

        .search-box input:-ms-input-placeholder {
            color: #2a2a2a;
            font-size: 34px !important;
            font-family: Lato-Black !important;
        }

        .search-box input:-moz-placeholder {
            color: #2a2a2a;
            font-size: 34px !important;
            font-family: Lato-Black !important;
        }

    .search-box i:not(.icon-remove) {
        position: absolute;
        right: 20px;
        bottom: 10px;
        margin: auto;
        font-size: 0;
        height: auto !important;
        cursor: pointer;
    }

    .search-box i.icon-remove, .search-wrapper i.icone-search {
        font-size: 0;
        height: auto !important;
        cursor: pointer;
        margin-bottom: 60px;
        width: auto;
    }

    .search-box i.icon-remove {
        margin-right: 15px;
    }

    .search-box i:hover {
        color: #001760;
    }

    .search-box i:before {
        font-size: 40px;
        line-height: 20px;
    }

    .search-box i.icon-remove:before {
        font-size: 26px;
    }

.search-wrapper {
    text-align: right;
}

    .search-wrapper i.icone-search {
        margin-bottom: 0;
        margin-right: 15px;
    }

        .search-wrapper i.icone-search:before {
            font-size: 28px;
        }

/* icons-wraper */
.icons-wrapper .span6 {
    background: rgba(52,152,219,0.1);
    padding: 10px 15px;
    margin-bottom: 13px;
}

    .icons-wrapper .span6 i {
        font-size: 0;
        margin-right: 25px;
        height: auto;
        width: auto;
    }

.icons-wrapper:not(.stacked) .span6 i:before {
    font-size: 36px;
    line-height: normal;
}

.icons-wrapper .span6 i, .icons-wrapper .span6 span:not(.icon-stack) {
    vertical-align: middle;
}

.icons-wrapper.sizes-wrapper i {
    font-size: 0;
}

    .icons-wrapper.sizes-wrapper i:before {
        font-size: 20px;
    }

    .icons-wrapper.sizes-wrapper i.icon-large:before {
        font-size: 26px;
    }

    .icons-wrapper.sizes-wrapper i.icon-2x:before {
        font-size: 40px;
    }

    .icons-wrapper.sizes-wrapper i.icon-3x:before {
        font-size: 60px;
    }

    .icons-wrapper.sizes-wrapper i.icon-4x:before {
        font-size: 80px;
    }

.icons-wrapper.fixedwidth-wrapper li {
    border-bottom: 1px solid #808184;
    padding: 13px 5px;
}

.icons-wrapper.fixedwidth-wrapper .row-fluid {
    background: rgba(52,152,219,0.1);
}

    .icons-wrapper.fixedwidth-wrapper .row-fluid .span6 {
        background: transparent;
    }

.icons-wrapper.fixedwidth-wrapper i:before {
    font-size: 20px !important;
}

.icons-wrapper.fixedwidth-wrapper.li-wrapper .span6 i {
    margin-right: 15px;
}

.icons-wrapper.fixedwidth-wrapper.li-wrapper li {
    border-bottom: 0;
    padding: 10px 5px;
}

.icons-wrapper.properties-wrapper .span6 span {
    display: inline-block;
    width: calc(100% - 65px);
}

.icons-wrapper.stacked i {
    font-size: 20px !important;
}

    .icons-wrapper.stacked i.icon-stack-base {
        font-size: 40px !important;
    }

.icons-wrapper .icon-stack {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.icons-wrapper.stacked .span6 i.icon-circle + i, .icons-wrapper.stacked .span6 i.icon-sign-blank + i {
    color: #fff;
}

.icons-wrapper.stacked .span6 span:not(.icon-stack) {
    margin-left: 15px;
    display: inline-block;
    width: calc(100% - 59px);
}

/* breakpoints-wraper */
.breakpoints-wrapper table {
    width: 100%;
}

.breakpoints-wrapper tr td {
    text-align: center;
    padding: 7px 0;
    border: 1px solid #fff;
}

.breakpoints-wrapper tr:first-child td {
    font-size: 16px;
    color: #2a2a2a;
    font-family: Lato-Bold;
}

.breakpoints-wrapper tr:nth-child(2) td:not(:first-child) {
    background: #808184;
    color: #fff;
    font-family: Lato-Bold;
    font-size: 16px;
    width: 115px;
    vertical-align: middle;
}

.breakpoints-wrapper tr:nth-child(n+4) td:first-child {
    background: #f1f1f2;
    text-align: left;
    padding-left: 15px;
    font-family: Lato-Bold;
    font-size: 16px;
}

.breakpoints-wrapper tr:nth-child(n+3) td:not(:first-child) {
    font-family: Lato-Bold;
    font-size: 16px;
    background: #e6e7e8;
    color: #2a2a2a;
}

.breakpoints-wrapper tr:nth-child(n+4) td:not(:first-child) {
    background: #e6e7e8;
    color: #808184;
    font-family: Lato-Regular;
    font-size: 14px;
    vertical-align: middle;
}

/* responsives-wrapper */
.responsives-wrapper tr:first-child td:not(:first-child) {
    background: #808184;
    color: #fff;
    font-family: Lato-Bold;
    font-size: 16px;
    width: 158px;
    vertical-align: middle;
}

.responsives-wrapper tr:nth-child(n+3) td:first-child {
    background: #f1f1f2;
    text-align: left;
    padding-left: 15px;
    font-family: Lato-Bold;
    font-size: 16px;
}

.responsives-wrapper tr:nth-child(n+2) td:not(:first-child) {
    font-family: Lato-Bold;
    font-size: 16px;
    background: #e6e7e8;
    color: #2a2a2a;
}

.responsives-wrapper tr:nth-child(n+3) td:not(:first-child) {
    background: #e6e7e8;
    color: #808184;
    font-family: Lato-Regular;
    font-size: 14px;
    vertical-align: middle;
}

.responsives-wrapper i {
    font-size: 0;
    height: auto !important;
    width: auto !important;
}

    .responsives-wrapper i:before {
        font-size: 22px;
    }

    .responsives-wrapper i.icon-eye-open {
        color: #001760;
    }

.aui .dockbar-split .dockbar .navbar-inner.navbar-inner .sign-in {
    display: none;
}

code p {
    font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
    font-size: 12px;
}

.right-wrapper p strong {
    font-family: Lato-Bold;
}

.right-wrapper p a {
    color: #001760 !important;
    cursor: pointer;
}

.aui body {
    font-family: Lato-Regular;
}

.component-mobile-menu {
    display: none;
}

.portlet-borderless-container {
    min-height: 0 !important;
}

.fakeInputSearch button[type=submit] {
    display: none;
}

input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
}

p {
    font-family: Lato-Light;
    font-size: 16px;
}

.button3 {
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
}

    .button3:hover {
        color: #001760;
        background: #fff;
        border: 1px solid #001760;
    }

#banner #heading > a {
    opacity: 1;
    text-decoration: none;
    color: #2a2a2a;
}

    #banner #heading > a > i {
        margin: 0;
    }

        #banner #heading > a > i:before {
            font-size: 45px;
            line-height: 45px;
            color: #2a2a2a;
        }

#heading > a.desactive {
    opacity: 0 !important;
}

/* Barra de navegação lateral para página inicial (3 bolinhas) */
#sectionNavigationBar {
    display: block;
    position: fixed;
    top: calc(50%);
    bottom: 0;
    right: 40px;
    z-index: 95;
    margin: auto 0;
}

    #sectionNavigationBar ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: table-cell;
        vertical-align: middle;
    }

        #sectionNavigationBar ul li {
            display: block;
            margin-bottom: 26px;
        }

            #sectionNavigationBar ul li:last-child {
                margin-bottom: 0;
            }

            #sectionNavigationBar ul li a {
                width: 10px;
                height: 10px;
                border-radius: 50%;
                display: block;
                border: 1px solid #001760;
                background: #001760;
            }

            #sectionNavigationBar ul li .white a {
                border: 1px solid #001760;
                background: #fff;
            }

            #sectionNavigationBar ul li .blue a {
                border: 1px solid #001760;
                background: #001760;
            }

                #sectionNavigationBar ul li a.active, #sectionNavigationBar ul li.white a.active, #sectionNavigationBar ul li.blue a.active {
                    background: transparent;
                }


/*Master Page: propriedades do body*/
#homeWrapper #sectionNavigationBar {
    display: block;
}

#homeWrapper .form.sign-in-form {
    max-width: 1170px;
    margin: auto;
    padding: 120px 15px 20px 15px;
}

#homeWrapper #banner {
    transition: all .5s;
}

    #homeWrapper #banner:not(.fixed) {
        background: transparent;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        transition: all .5s;
    }

        #homeWrapper #banner:not(.fixed) #heading > a {
            color: #fff;
        }

            #homeWrapper #banner:not(.fixed) #heading > a > i:before {
                color: #fff;
            }

        #homeWrapper #banner:not(.fixed) #heading .iconMenuMobile i:before {
            color: #fff;
        }

        #homeWrapper #banner:not(.fixed) #heading .fakeInputSearch .icone-search:before {
            color: #fff;
        }

        #homeWrapper #banner:not(.fixed) #heading .fakeInputSearch:hover .icone-search:before, #homeWrapper #banner:not(.fixed) #heading .fakeInputSearch.active .icone-search:before {
            color: #000;
        }

        #homeWrapper #banner:not(.fixed) #heading .fakeInputSearch .searchShow input {
            background-color: transparent;
            border-bottom: 1px solid #fff;
            color: #fff;
        }

            #homeWrapper #banner:not(.fixed) #heading .fakeInputSearch .searchShow input::-webkit-input-placeholder {
                color: #fff;
            }

            #homeWrapper #banner:not(.fixed) #heading .fakeInputSearch .searchShow input:-moz-placeholder {
                color: #fff;
            }

            #homeWrapper #banner:not(.fixed) #heading .fakeInputSearch .searchShow input::-moz-placeholder {
                color: #fff;
            }

            #homeWrapper #banner:not(.fixed) #heading .fakeInputSearch .searchShow input:-ms-input-placeholder {
                color: #fff;
            }

        #homeWrapper #banner:not(.fixed) #heading .menu-wrapper .top-section .top-button {
            border: 1px solid #fff;
            color: #fff;
        }

            #homeWrapper #banner:not(.fixed) #heading .menu-wrapper .top-section .top-button:hover {
                background: #fff;
                color: #001760;
            }

        #homeWrapper #banner:not(.fixed) .menu-wrapper #navigation > ul > li > a, #homeWrapper #banner:not(.fixed) .menu-wrapper #navigation > ul > li > a i, #homeWrapper #banner:not(.fixed) .menu-wrapper #navigation_mobile > ul > li > a, #homeWrapper #banner:not(.fixed) .menu-wrapper #navigation_mobile > ul > li > a i {
            color: #fff;
        }

        #homeWrapper #banner:not(.fixed) .menu-wrapper #navigation > ul > li:hover > a, #homeWrapper #banner:not(.fixed) .menu-wrapper #navigation > ul > li:hover > a i, #homeWrapper #banner:not(.fixed) .menu-wrapper #navigation_mobile > ul > li:hover > a, #homeWrapper #banner:not(.fixed) .menu-wrapper #navigation_mobile > ul > li:hover > a i {
            color: #000;
        }

#homeWrapper #content {
    padding: 0;
}

#homeWrapper .top-banner .initialTopBanner {
    height: 100vh;
    display: table;
    width: 100%;
    position: relative;
}

#homeWrapper .top-banner .imgTopBanner {
    background-attachment: initial;
}

#homeWrapper .top-banner .text-area {
    padding: 94px 25%;
    display: table-cell;
    vertical-align: middle;
}

    #homeWrapper .top-banner .text-area h1 {
        font-size: 68px !important;
    }

    #homeWrapper .top-banner .text-area h3 {
        border: 0;
        font-family: Lato-Light !important;
        padding: 0;
        margin-bottom: 80px;
    }

#homeWrapper .description p {
    font-family: Lato-Bold;
    font-size: 16px;
    line-height: 18px;
}

#homeWrapper .description a.comecarBtn {
    max-width: 161px;
    width: 100%;
    min-height: 43px;
    line-height: 43px;
    text-transform: uppercase;
    background-color: #fff;
    border: 1px solid #fff;
    display: block;
    margin: 30px auto 0 auto;
    color: #001760;
    border-radius: 30px;
    font-size: 14px;
    font-family: Lato-Regular;
}

    #homeWrapper .description a.comecarBtn:hover {
        background-color: transparent;
        border: 1px solid #fff;
        color: #fff;
    }

#homeWrapper .description .verMaisHomeBtn {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    opacity: 1;
    -webkit-transition: opacity .5s linear;
    -moz-transition: opacity .5s linear;
    -ms-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
    transition: opacity .5s linear;
}

    #homeWrapper .description .verMaisHomeBtn.scrollhidden {
        opacity: 0;
        -webkit-transition: opacity .5s linear;
        -moz-transition: opacity .5s linear;
        -ms-transition: opacity .5s linear;
        -o-transition: opacity .5s linear;
        transition: opacity .5s linear;
    }

        #homeWrapper .description .verMaisHomeBtn.scrollhidden a {
            cursor: default;
        }

    #homeWrapper .description .verMaisHomeBtn > a {
        display: inline-block;
        font-size: 11px;
        font-family: Lato-Regular;
        color: #fff;
    }

        #homeWrapper .description .verMaisHomeBtn > a > i {
            display: block !important;
            margin: 0;
        }

            #homeWrapper .description .verMaisHomeBtn > a > i:before {
                font-size: 26px;
                line-height: 26px;
                color: #fff;
            }

#homeWrapper .portlet-breadcrumb .breadcrumb.breadcrumb-vertical {
    display: none;
}

/* toTop */
.toTop {
    background: #222222; /* rgba(42,42,42,0.6);*/
    /*opacity: 0.5;*/
    height: 42px;
    width: 42px;
    text-align: center;
    position: fixed;
    bottom: 100px;
    z-index: 9;
    right: 40px;
    border-radius: 20px;
    -webkit-transition: opacity .5s linear;
    -moz-transition: opacity .5s linear;
    -ms-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
    transition: opacity .5s linear;
    cursor: pointer;
    opacity: 0;
}

    .toTop.visible {
        opacity: 0.5;
        -webkit-transition: opacity .5s linear;
        -moz-transition: opacity .5s linear;
        -ms-transition: opacity .5s linear;
        -o-transition: opacity .5s linear;
        transition: opacity .5s linear;
    }

        .toTop.visible i {
            height: auto !important;
            width: auto !important;
            font-size: 22px;
            color: #fff;
            position: relative;
            top: 5px;
        }




/*Heme Page: slider vertical middle content e slide footer*/
#homeTopCarousel {
    height: 100vh;
    padding-top: 50px;
}

    #homeTopCarousel > div {
        height: 100%;
        padding: 0 15px 0 15px;
    }

        #homeTopCarousel > div > div {
            height: 100%;
        }

            #homeTopCarousel > div > div .span12 {
                height: 100%;
            }


.carousel {
    position: relative;
    line-height: 1;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
}

.carousel .item {
    position: relative;
    display: none;
    -webkit-transition: 0.6s ease-in-out left;
    -moz-transition: 0.6s ease-in-out left;
    -ms-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
}

    .carousel .item > img {
        display: block;
        line-height: 1;
        width: 85vw;
        height: 75vh;
    }

.carousel .active, .carousel .next, .carousel .prev {
    display: block;
}

.carousel .active {
    left: 0;
}

.carousel .next, .carousel .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel .next {
    left: 100%;
}

.carousel .prev {
    left: -100%;
}

    .carousel .next.left, .carousel .prev.right {
        left: 0;
    }

.carousel .active.left {
    left: -100%;
}

.carousel .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 40%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: #ffffff;
    text-align: center;
    background: #222222;
    /*border: 3px solid #ffffff;*/
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

    .carousel-control.right {
        right: 15px;
        left: auto;
    }

    .carousel-control:hover {
        color: #ffffff;
        text-decoration: none;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }


.carousel-content {
    position: absolute;
    top: 10%;
    z-index: 20;
    color: white;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    left: 10%;
    text-align: center;
}

.carousel-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 100px 10px 15px 5px;
    /*background: #333333;
    background: rgba(0,0,0,0.75);*/
}

    .carousel-caption h4, .carousel-caption p {
        color: #ffffff;
    }

.carouselheader {
    position: absolute;
    top: 20%;
    left: 1.8%;
    right: auto;
    width: 96.66666666666666%;
    color: #fff;
}

#homeMiddleContent {
    text-align: center;
    height: 70vh;
    display: table;
    width: 100%;
    /*padding-top: 50px;*/
}

    #homeMiddleContent > div {
        display: table;
        height: 100%;
        padding: 0 15px 0 15px;
    }

        #homeMiddleContent > div > div {
            height: 100%;
        }

            #homeMiddleContent > div > div .span12 {
                height: 100%;
            }


    #homeMiddleContent .alignGroupMiddle {
        height: 50vh;
        display: table-cell;
        vertical-align: top;
        padding-top: 50px;
        box-sizing: border-box;
    }

    #homeMiddleContent .alignGroupBottom {
        height: 50vh;
        display: table;
        width: 100%;
        box-sizing: border-box;
    }

        #homeMiddleContent .alignGroupBottom > div {
            display: table-cell;
            vertical-align: bottom;
        }

            #homeMiddleContent .alignGroupBottom > div img {
                width: 100%;
            }

    #homeMiddleContent p {
        font-size: 20px;
        line-height: 28px;
        font-family: Lato-Regular;
        width: 70%;
        margin: 20px auto;
    }

    #homeMiddleContent a {
        text-transform: uppercase;
        font-size: 14px;
        font-family: Lato-Bold;
        color: #001760;
        margin-bottom: 10px;
    }

        #homeMiddleContent a:hover {
            color: #fff;
            background: #001760;
        }

    #homeMiddleContent img {
        margin-bottom: 10px;
    }



#homeSlideFooter {
    background-color: #001760;
    text-align: center;
    height: 100vh;
    display: table;
    width: 100%;
}

    #homeSlideFooter .container-fluid {
        height: 100%;
        display: table;
        padding: 60px 15px;
    }

        #homeSlideFooter .container-fluid .row-fluid {
            display: table-cell;
            vertical-align: middle;
        }

            #homeSlideFooter .container-fluid .row-fluid > .span4 > div:first-child {
                *min-height: 64px;
            }

            #homeSlideFooter .container-fluid .row-fluid div > img {
                max-height: 64px;
            }

            #homeSlideFooter .container-fluid .row-fluid .subpage-title {
                font-size: 18px;
                font-family: Lato-Bold;
                color: #fff;
                text-transform: uppercase;
                margin-top: 35px;
                margin-bottom: 50px;
            }

            #homeSlideFooter .container-fluid .row-fluid .subpage-text-title {
                color: #f1f1f2;
                font-size: 18px;
                font-family: Lato-Bold;
            }

            #homeSlideFooter .container-fluid .row-fluid .subpage-text {
                color: #f1f1f2;
                font-size: 16px;
                font-family: Lato-Light;
                min-height: 95px;
            }

            #homeSlideFooter .container-fluid .row-fluid a {
                max-width: 194px;
                width: 100%;
                min-height: 43px;
                line-height: 43px;
                text-transform: uppercase;
                border: 1px solid #fff;
                display: block;
                margin: auto;
                color: #fff;
                border-radius: 30px;
                font-size: 14px;
                font-family: Lato-Regular;
            }

                #homeSlideFooter .container-fluid .row-fluid a:hover {
                    border: 1px solid transparent;
                    background: #fff;
                    color: #001760;
                    text-decoration: none;
                }

/*Inputs*/
label.animateInput {
    position: relative;
    display: block;
}

.animateInput input, .animateInput textarea {
    outline: none !important;
    transition: all .2s ease-in-out !important;
}

    .animateInput input::-webkit-input-placeholder {
        transition: all .2s ease-in-out !important;
    }

    .animateInput input:-moz-placeholderr {
        transition: all .2s ease-in-out !important;
    }

    .animateInput input::-moz-placeholder {
        transition: all .2s ease-in-out !important;
    }

    .animateInput input:-ms-input-placeholder {
        transition: all .2s ease-in-out !important;
    }

    .animateInput textarea::-webkit-input-placeholder {
        transition: all .2s ease-in-out !important;
    }

    .animateInput textarea:-moz-placeholderr {
        transition: all .2s ease-in-out !important;
    }

    .animateInput textarea::-moz-placeholder {
        transition: all .2s ease-in-out !important;
    }

    .animateInput textarea:-ms-input-placeholder {
        transition: all .2s ease-in-out !important;
    }

    .animateInput input:focus, .animateInput input.populated, .animateInput textarea:focus, .animateInput textarea.populated {
        padding-top: 24px !important;
        padding-bottom: 10px !important;
        border: 2px solid #001760 !important;
        -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.4) !important;
        -moz-box-shadow: 0 0 7px rgba(0,0,0,0.4) !important;
        box-shadow: 0 0 7px rgba(0,0,0,0.4) !important;
    }

        .animateInput input:focus::-webkit-input-placeholder {
            color: transparent !important;
        }

        .animateInput input:focus:-moz-placeholder {
            color: transparent !important;
        }

        .animateInput input:focus::-moz-placeholder {
            color: transparent !important;
        }

        .animateInput input:focus:-ms-input-placeholder {
            color: transparent !important;
        }

        .animateInput textarea:focus::-webkit-input-placeholder {
            color: transparent !important;
        }

        .animateInput textarea:focus:-moz-placeholder {
            color: transparent !important;
        }

        .animateInput textarea:focus::-moz-placeholder {
            color: transparent !important;
        }

        .animateInput textarea:focus:-ms-input-placeholder {
            color: transparent !important;
        }

        .animateInput input.populated::-webkit-input-placeholder {
            color: transparent !important;
        }

        .animateInput input.populated:-moz-placeholder {
            color: transparent !important;
        }

        .animateInput input.populated::-moz-placeholder {
            color: transparent !important;
        }

        .animateInput input.populated:-ms-input-placeholder {
            color: transparent !important;
        }

        .animateInput textarea.populated::-webkit-input-placeholder {
            color: transparent !important;
        }

        .animateInput textarea.populated:-moz-placeholder {
            color: transparent !important;
        }

        .animateInput textarea.populated::-moz-placeholder {
            color: transparent !important;
        }

        .animateInput textarea.populated:-ms-input-placeholder {
            color: transparent !important;
        }

        .animateInput input:focus + span, .animateInput input.populated + span, .animateInput textarea:focus + span, .animateInput textarea.populated + span {
            opacity: 1;
            top: 5px;
        }

.animateInput span {
    color: #001760;
    font-size: 14px;
    font-family: Lato-Bold;
    position: absolute;
    top: 0;
    left: 20px;
    opacity: 0;
    transition: all .2s ease-in-out;
}

.animateInput p.error-msg {
    font-size: 14px;
    font-family: Lato-BoldItalic;
    text-align: left;
    position: absolute;
    bottom: 5px;
    left: 35px;
}

.animateInput textarea ~ p.error-msg {
    bottom: -35px;
}

.animateInput input.error-invalid + span, .animateInput textarea.error-invalid + span, .animateInput p.error-msg.invalid {
    color: #be1e2d;
    padding-left: 250px;
}

.animateInput input.error-required + span, .animateInput textarea.error-required + span, .animateInput p.error-msg.required {
    color: #f7931e;
}

.animateInput input.error-required, .animateInput textarea.error-required {
    border: 2px solid #f7931e !important;
}

.animateInput input.error-invalid, .animateInput textarea.error-invalid {
    border: 2px solid #be1e2d !important;
}

#contactForm .animateInput p.error-msg.required, #contribuirForm .animateInput p.error-msg.required, #reportarForm .animateInput p.error-msg.required {
    font-family: Lato-BoldItalic !important;
}

#formDesempenho .span3 .animateInput p.error-msg {
    bottom: -20px;
    left: 0px;
}

header#banner {
    position: fixed;
    /*background: #fff;*/
    background: #001760;
    width: 100%;
    top: 0;
    z-index: 99;
}

#content {
    padding-top: 120px;
}

#heading .mobileIconsContent, #heading .menuMobileWrapper, #heading .menuMobileWrapper .groupCloseSearch .searchMobile, #lightBoxContent {
    display: none;
}

#lightBoxContent {
    display: block;
    background: rgba(0,0,0,0.61);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 0;
    z-index: -2;
    opacity: 0;
    transition: opacity .3s ease-in-out;
}

    #lightBoxContent.showLight {
        height: 100%;
        z-index: 9;
        opacity: 1;
        transition: opacity .5s ease-in-out;
    }

@media only screen and (max-width:1080px) {
    .code-files-wrapper > .row-fluid > .span5:first-child .files-wrapper {
        padding-right: 12%;
    }

    #copyright .footer-images-wrapper .span2 {
        width: 50%;
        margin: 30px auto;
    }
}

@media only screen and (max-width:1024px) {
    #content {
        padding-top: 95px;
    }

    #heading {
        padding-bottom: 25px;
        min-height: 92px;
    }

        /*#heading .menu-wrapper {
            display: none;
        }*/

        #heading .menuMobileWrapper {
            display: block;
        }

        #heading .mobileIconsContent {
            float: right;
            margin-top: 5.5px;
            display: table;
        }

        #heading .searchMobile {
            display: table-cell;
            vertical-align: middle;
            padding-right: 30px;
        }

            #heading .searchMobile .fakeInputSearch .searchShow {
                width: calc(100% - 200px);
            }

        #heading .iconMenuMobile {
            cursor: pointer;
            display: table-cell;
            vertical-align: middle;
        }

            #heading .iconMenuMobile i {
                margin: 0;
            }

                #heading .iconMenuMobile i:before {
                    font-size: 30px;
                    line-height: 30px;
                }

        #heading .menuMobileWrapper {
            position: fixed;
            width: 60%;
            height: 100%;
            background: #fff;
            z-index: 1000;
            top: 0;
            right: -80%;
            -webkit-transition: right 500ms linear;
            -moz-transition: right 500ms linear;
            -o-transition: right 500ms linear;
            transition: right 500ms linear;
        }

            #heading .menuMobileWrapper .groupCloseSearch {
                margin: 15px 10px;
                text-align: right;
            }

            #heading .menuMobileWrapper .mobileCloseSection {
                display: inline-block !important;
                vertical-align: middle;
            }

            #heading .menuMobileWrapper .icone-close_menu {
                margin: 0;
                cursor: pointer;
            }

                #heading .menuMobileWrapper .icone-close_menu:before {
                    font-size: 30px;
                    line-height: 30px;
                }

            #heading .menuMobileWrapper > a {
                display: block;
                text-align: center;
                margin-bottom: 20px;
                color: #2a2a2a;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
            }

                #heading .menuMobileWrapper > a > i {
                    margin: 0;
                }

                    #heading .menuMobileWrapper > a > i:before {
                        font-size: 45px;
                        line-height: 45px;
                    }

            #heading .menuMobileWrapper #navigation_mobile > ul > li {
                display: block;
                padding: 5px 15px;
                text-align: center;
                transition: all .5s;
                font-size: 18px;
                line-height: 18px;
            }

                #heading .menuMobileWrapper #navigation_mobile > ul > li > a {
                    padding: 10px 0 10px 0;
                    display: block;
                }

                    #heading .menuMobileWrapper #navigation_mobile > ul > li > a, #heading .menuMobileWrapper #navigation_mobile > ul > li > a i {
                        color: #001760;
                    }

                #heading .menuMobileWrapper #navigation_mobile > ul > li:hover > a, #heading .menuMobileWrapper #navigation_mobile > ul > li.showChild > a {
                    background: #001760;
                    color: #fff;
                }

                    #heading .menuMobileWrapper #navigation_mobile > ul > li:hover > a i, #heading .menuMobileWrapper #navigation_mobile > ul > li.showChild > a i {
                        color: #fff;
                    }

                #heading .menuMobileWrapper #navigation_mobile > ul > li .dropdown-menu {
                    position: relative;
                    top: 0;
                    float: none;
                    -webkit-box-shadow: none;
                    -moz-box-shadow: none;
                    box-shadow: none;
                    text-align: center;
                    padding: 0 !important;
                    display: block;
                    opacity: 0;
                    max-height: 0;
                    -webkit-transition: max-height .3s ease-in-out,opacity .2s linear;
                    -moz-transition: max-height .3s ease-in-out,opacity .2s linear;
                    -o-transition: max-height .3s ease-in-out,opacity .2s linear;
                    -ms-transition: max-height .3s ease-in-out,opacity .2s linear;
                    transition: max-height .3s ease-in-out,opacity .2s linear;
                    z-index: -1;
                }

                #heading .menuMobileWrapper #navigation_mobile > ul > li.showChild .dropdown-menu {
                    opacity: 1;
                    max-height: 500px;
                    -webkit-transition: max-height .5s ease-in-out,opacity .2s linear;
                    -moz-transition: max-height .5s ease-in-out,opacity .2s linear;
                    -o-transition: max-height .5s ease-in-out,opacity .2s linear;
                    -ms-transition: max-height .5s ease-in-out,opacity .2s linear;
                    transition: max-height .5s ease-in-out,opacity .2s linear;
                    z-index: 0;
                }

                #heading .menuMobileWrapper #navigation_mobile > ul > li .dropdown-menu li > a {
                    padding: 10px 0;
                    font-size: 16px;
                    line-height: 16px;
                }

            #heading .menuMobileWrapper.active {
                right: 0;
                overflow-y: auto;
                overflow-x: hidden;
            }

            #heading .menuMobileWrapper .mobile-bottom-section {
                width: 85%;
                margin: 40px auto 0 auto;
            }

                #heading .menuMobileWrapper .mobile-bottom-section > a {
                    height: 43px;
                    line-height: 43px;
                    border: 1px solid #001760;
                    padding: 0 25px;
                    display: block;
                    min-width: 162px;
                    color: #001760;
                    text-align: center;
                    border-radius: 30px;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                    margin-bottom: 20px;
                }

                    #heading .menuMobileWrapper .mobile-bottom-section > a:hover {
                        background-color: #001760;
                        border: 1px solid #001760;
                        color: #fff;
                    }

                    #heading .menuMobileWrapper .mobile-bottom-section > a i {
                        line-height: 16px;
                        font-size: 26px;
                        margin-right: 5px;
                    }

                        #heading .menuMobileWrapper .mobile-bottom-section > a i:before {
                            font-size: 26px;
                            line-height: 26px;
                        }

    .row-fluid.complete-color-block .span3 {
        width: calc(33% - 1.12766%);
    }
}

@media(max-width:979px) {
    .aui .dockbar-split .dockbar .navbar-inner {
        display: none;
    }

    .aui #navigation, .aui #navigation_mobile {
        display: block !important;
    }

    #homeWrapper .top-banner .text-area {
        padding: 94px 15%;
    }

    .contact-form input:not([type="submit"]), .contact-form textarea {
        max-width: 100% !important;
    }

    .aui.ios textarea, .aui.ios input {
        max-width: 100% !important;
    }

    .dialog-box-wrapper {
        padding: 30px 20px;
    }

    .font-blocks > div {
        margin: auto !important;
        display: block;
        width: 80%;
    }

        .font-blocks > div:first-child {
            margin-bottom: 30px !important;
        }

    .color-block-wrapper .color-wrapper .code {
        padding: 16px 11px !important;
    }

    .download-box .row-fluid > div.span6:first-child {
        width: 40%;
        word-break: break-word;
    }

    .download-box .row-fluid > div.span6:last-child {
        width: 60%;
    }

    .download-box .row-fluid > div.span5.offset1 {
        margin-left: 4.6383%;
        width: 46.42553%;
    }

    button.button-icon {
        min-width: 223px;
    }

    .radio-button, .checkbox-button {
        margin-right: 3% !important;
    }

    .icons-wrapper:not(.fixedwidth-wrapper) .span6 i {
        margin-right: 0 !important;
    }

    .icons-wrapper:not(.fixedwidth-wrapper) .span6 {
        padding: 10px 10px !important;
    }
}

@media only screen and (max-width:768px) {
    #sectionNavigationBar {
        display: none !important;
    }

    #heading .menuMobileWrapper {
        width: 80%;
    }

    #homeWrapper .top-banner .text-area h1 {
        font-size: 48px !important;
    }

    #homeSlideFooter .row-fluid .span4 {
        padding: 0 20px;
        margin: 25px 0 30px 0;
    }

    #homeMiddleContent p {
        width: 80%;
    }

    .content-wrapper .subitem .subpage-title {
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .content-wrapper .subitem a {
        margin-bottom: 35px;
    }

    #homeSlideFooter .container-fluid .row-fluid .subpage-text {
        min-height: 0;
    }

    #homeSlideFooter .container-fluid .row-fluid a {
        margin-bottom: 60px;
    }

    .top-banner .text-area .description {
        padding: 0 15px;
    }

    .blue-bg {
        padding: 50px 0;
    }


    .row-fluid .span4, .row-fluid .span5, .row-fluid .span6, .row-fluid .span8, .row-fluid .span7 {
        width: 100% !important;
    }

    .row-fluid .span4, .row-fluid .span8 {
        margin: 15px 0 !important;
    }

    .row-fluid .span5, .row-fluid .span6 {
        margin: 10px auto !important;
    }

    .left-wrapper .top-img {
        display: block;
        margin: 0 auto 60px auto;
    }

    .download-box .span5, .download-box .span6 {
        text-align: center;
    }

    .download-box a, .preview-box a, .component-box a {
        float: none;
        margin: 0 auto;
    }

    .code-files-wrapper > .row-fluid > .span5:first-child .files-wrapper {
        border-right: 0;
        padding-right: 0;
    }

    .code-files-wrapper > .row-fluid > .span5 .files-wrapper {
        margin-bottom: 50px;
    }

        .code-files-wrapper > .row-fluid > .span5 .files-wrapper .single-file {
            max-width: 100%;
        }

    .contribuir-wrapper .row-fluid > .span7 {
        display: table;
        width: 100%;
        padding-right: 0;
    }

    .contribuir-wrapper .row-fluid > .span5 {
        display: table;
        width: 100%;
        margin: 10px auto 0 auto !important;
        min-width: 0;
    }

        .contribuir-wrapper .row-fluid > .span5 > img {
            display: block;
            margin: 0 auto;
        }

    .about-wrapper h2 {
        margin-top: 50px;
    }

    .about-wrapper .span7 {
        margin: 0 auto;
        width: 100% !important;
    }

    .contact-form .span12 > div > p {
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 100% !important;
    }

    .contact-form.contribuir-form .span12 > div form .span6 {
        width: 100% !important;
        padding: 0 !important;
    }

    #sitemap .container-fluid {
        display: table !important;
    }

        #sitemap .container-fluid .span2 {
            width: 100%;
            margin: 10px auto;
            text-align: center;
        }

    #copyright .container-fluid .span3 {
        width: 100%;
        margin: 10px auto;
    }

    #tooltipsWrapper .span4 {
        width: 31.91489% !important;
        margin: 0 !important;
    }

    .right-wrapper .file-wrapper {
        display: table !important;
        width: 100% !important;
    }

        .right-wrapper .file-wrapper > div.span7, .right-wrapper .file-wrapper > div.span5 {
            display: table-cell !important;
            width: 50% !important;
            vertical-align: top;
            padding: 0 !important;
            margin: 0 !important;
        }

    .right-wrapper .filedrag .row-fluid > div {
        padding-right: 0 !important;
        padding-left: 0 !important;
        text-align: center !important;
    }

    .right-wrapper .messages {
        padding-left: 0;
    }

    .right-wrapper .filedrag input[type="file"] {
        left: 0 !important;
        right: 0 !important;
        margin: auto !important;
        width: 100%;
    }

    .code-snippet .title .tooltip-code .tool-tip {
        padding: 19px 10px;
        left: -15px;
        min-width: 70px;
    }

    .component-mobile-menu {
        display: block;
        text-align: center;
        background: #f1f1f2;
        padding: 12px 5px !important;
    }

    .components-wrapper:not(.usabilidade-wrapper) .left-wrapper ul {
        display: none;
    }

    .component-mobile-menu > div {
        display: inline-block;
        margin-left: 8px;
        margin-right: 8px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 5px;
        width: 15%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
    }

        .component-mobile-menu > div a {
            display: inline-block;
        }

        .component-mobile-menu > div span {
            display: none;
        }

        .component-mobile-menu > div i {
            padding-right: 0 !important;
            color: #001760;
            font-size: 25px;
        }

        .component-mobile-menu > div.current, .component-mobile-menu > div:hover {
            background: #001760;
        }

            .component-mobile-menu > div:hover i, .component-mobile-menu > div.current i {
                color: #fff;
            }
}

@media only screen and (max-width:640px) {
    #homeWrapper .top-banner .text-area h1 {
        font-size: 30px !important;
    }

    #heading .searchMobile {
        display: none;
    }

    #heading .menuMobileWrapper .searchMobile {
        display: inline-block !important;
        vertical-align: middle;
        padding-right: 10px;
    }

    #homeWrapper #banner:not(.fixed) #heading .menuMobileWrapper .fakeInputSearch .icone-search:before {
        color: #000;
    }

    #homeWrapper #banner:not(.fixed) #heading .menuMobileWrapper:hover .icone-search:before, #homeWrapper #banner:not(.fixed) #heading .menuMobileWrapper.active .icone-search:before {
        color: #001760;
    }

    #homeWrapper #banner:not(.fixed) #heading .menuMobileWrapper .fakeInputSearch .searchShow input {
        background-color: transparent;
        border-bottom: 1px solid #001760;
        color: #808184;
    }

        #homeWrapper #banner:not(.fixed) #heading .menuMobileWrapper .fakeInputSearch .searchShow input::-webkit-input-placeholder {
            color: #808184;
        }

        #homeWrapper #banner:not(.fixed) #heading .menuMobileWrapper .fakeInputSearch .searchShow input:-moz-placeholder {
            color: #808184;
        }

        #homeWrapper #banner:not(.fixed) #heading .menuMobileWrapper .fakeInputSearch .searchShow input::-moz-placeholder {
            color: #808184;
        }

        #homeWrapper #banner:not(.fixed) #heading .menuMobileWrapper .fakeInputSearch .searchShow input:-ms-input-placeholder {
            color: #808184;
        }

    #heading .menuMobileWrapper .searchMobile .fakeInputSearch .searchShow {
        padding: 15px 0 0 0;
        width: calc(100% - 110px);
    }

    #heading .menuMobileWrapper .fakeInputSearch .searchShow .close-icon:after {
        right: 5px;
        top: 20px;
    }

    h1 {
        font-size: 30px !important;
        line-height: 38px !important;
    }

    h2 {
        font-size: 28px !important;
        line-height: 34px !important;
    }

    h3 {
        font-size: 24px !important;
        line-height: 28px !important;
    }

    h4 {
        font-size: 22px !important;
        line-height: 26px !important;
    }

    .top-banner .text-area h1 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .top-banner .text-area .description {
        font-size: 16px;
        line-height: 24px;
        margin-top: 20px;
    }

    .single-file i {
        font-size: 18px;
        margin-right: 8px;
    }

    .download-box a i, .preview-box a i {
        font-size: 24px;
        margin-right: 10px;
    }

    .bottom-links {
        padding-top: 0;
    }

        .bottom-links a:first-child {
            margin-right: 0;
            display: block;
        }

        .bottom-links a:last-child {
            margin-left: 0;
            display: block;
            margin-top: 30px;
        }

    div.onetable:not(.leads-wrapper):not(.other-elements-wrapper) .onerow > div:nth-child(2) {
        width: 167px !important;
    }

    div.onetable {
        table-layout: auto !important;
    }

    .row-fluid.complete-color-block [class*="span"] {
        width: 100%;
        max-width: 200px;
        float: none;
        margin: auto !important;
    }

    .breakpoints-wrapper tr:nth-child(n+4) td:first-child, .responsives-wrapper tr:nth-child(n+3) td:first-child {
        padding-left: 7px !important;
        font-size: 14px !important;
        line-height: 15px;
    }

    .breakpoints-wrapper tr:nth-child(2) td:not(:first-child), .breakpoints-wrapper tr:nth-child(n+3) td:not(:first-child), .responsives-wrapper tr:first-child td:not(:first-child), .table-wrapper table th, .table-wrapper table tbody tr:first-child td {
        font-size: 14px !important;
    }

    button.button1, button.button2, button.button-icon {
        display: block;
        margin: 0 auto !important;
    }

    .right-wrapper button.button2:last-child, .right-wrapper button.button-icon:last-child {
        margin-top: 30px !important;
    }

    .right-wrapper .form-wrapper {
        padding: 20px 20px !important;
    }

    .ui-widget.ui-widget-content {
        width: 90% !important;
        left: 0 !important;
        right: 0 !important;
        margin: auto;
    }

    .fc-basic-view .fc-body .fc-row {
        min-height: 55px !important;
    }

    .newsletter-box .input-wrapper {
        width: 100% !important;
        display: block !important;
        margin-top: 30px !important;
    }

    .newsletter-wrapper {
        padding: 20px 20px !important;
    }

    .table-wrapper table tbody tr td, .table-wrapper table th {
        padding: 10px 5px !important;
    }

    .color-block-wrapper .opacity p.showMobile {
        opacity: 1;
        visibility: visible;
    }

    #homeMiddleContent .alignGroupBottom, #homeMiddleContent {
        height: auto;
        display: block;
    }
}

@media only screen and (max-width:440px) {
    #copyright .footer-images-wrapper .span2 {
        width: 100%;
    }

    #homeWrapper .top-banner .text-area {
        padding: 94px 8%;
    }

    #homeMiddleContent p {
        width: 90%;
    }

    #tooltipsWrapper .row-fluid {
        margin: 0 !important;
    }

    #tooltipsWrapper .span4 {
        width: 100% !important;
        margin: 50px 0 70px !important;
    }

    .font-blocks > div {
        width: 100%;
    }

        .font-blocks > div p:first-child {
            font-size: 140px;
        }

    div.onetable:not(.leads-wrapper):not(.other-elements-wrapper) .onerow:first-child > div > span, div.onetable:not(.leads-wrapper):not(.other-elements-wrapper) .onerow:first-child > div:nth-child(2), div.onetable:not(.leads-wrapper):not(.other-elements-wrapper) .onerow:first-child > div:first-child {
        font-size: 26px !important;
    }

    div.onetable:not(.leads-wrapper):not(.other-elements-wrapper) .onerow:nth-child(2) > div:first-child span, div.onetable:not(.leads-wrapper):not(.other-elements-wrapper) .onerow:nth-child(2) > div:nth-child(2) {
        font-size: 22px !important;
    }

    div.onetable:not(.leads-wrapper):not(.other-elements-wrapper) .onerow:nth-child(3) > div:first-child span, div.onetable:not(.leads-wrapper):not(.other-elements-wrapper) .onerow:nth-child(3) > div:nth-child(2) {
        font-size: 20px !important;
    }

    div.onetable:not(.leads-wrapper):not(.other-elements-wrapper) .onerow:nth-child(4) > div:first-child span, div.onetable:not(.leads-wrapper):not(.other-elements-wrapper) .onerow:nth-child(4) > div:nth-child(2) {
        font-size: 18px !important;
    }

    div.onetable:not(.leads-wrapper):not(.other-elements-wrapper) .onerow:nth-child(5) > div:first-child span, div.onetable:not(.leads-wrapper):not(.other-elements-wrapper) .onerow:nth-child(5) > div:nth-child(2) {
        font-size: 16px !important;
    }

    div.onetable:not(.leads-wrapper):not(.other-elements-wrapper) .onerow > div:first-child {
        width: 50px !important;
    }

    div.onetable:not(.leads-wrapper):not(.other-elements-wrapper) .onerow > div:nth-child(2), div.onetable.leads-wrapper .onerow > div:first-child {
        width: 110px !important;
    }

    div.onetable:not(.leads-wrapper):not(.other-elements-wrapper) .onerow > div:nth-child(3) {
        width: 47px !important;
    }

    .breakpoints-wrapper tr:nth-child(n+4) td:first-child, .responsives-wrapper tr:nth-child(n+3) td:first-child {
        padding-left: 7px !important;
        font-size: 12px !important;
        line-height: 15px;
    }

    .breakpoints-wrapper tr:nth-child(2) td:not(:first-child), .breakpoints-wrapper tr:nth-child(n+3) td:not(:first-child), .responsives-wrapper tr:first-child td:not(:first-child) {
        font-size: 12px !important;
    }

    .pages-wrapper a, .pages-wrapper .current {
        width: 29px !important;
        height: 29px !important;
    }

    .radio-button, .checkbox-button {
        display: block !important;
    }

    .icons-wrapper .span6 span:not(.icon-stack) {
        display: inline-block !important;
        width: calc(100% - 40px);
    }

    .table-wrapper table th, .table-wrapper table tbody tr:first-child td {
        font-size: 11px !important;
    }

    .table-wrapper table tbody tr td {
        font-size: 10px !important;
    }

    .right-wrapper .animateInput span, .right-wrapper .form-wrapper label.animateInput p.error-msg {
        left: 10px;
    }

    .right-wrapper .form-wrapper input, .right-wrapper .form-wrapper textarea {
        padding-left: 10px;
    }

    .component-mobile-menu > div {
        width: 15%;
        margin-left: 5px;
        margin-right: 5px;
    }
}

/* container-fluid */
.container-fluid {
    padding-right: 20px;
    padding-left: 20px;
    *zoom: 1;
}

    .container-fluid:before,
    .container-fluid:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .container-fluid:after {
        clear: both;
    }


/*@media only screen and (min-width: 1025px) {
    .horizontal-menu>ul{
        display: block !important;
    }
    .horizontal-menu i.icone-burguer{
        display: none !important;
    }
}
@media only screen and (max-width: 1024px) {
    .horizontal-menu>ul{
        height: auto;
        float: none;
        display: none;
    }
    .horizontal-menu{
        position: relative;
    }
    .horizontal-menu i.icone-burguer {
        position: absolute;
        top: 43px;
        right: 31px;
        font-size: 30px;
        content: "\e916";
        color: #fff;
        font-family: 'toolkit_font'!important;
        cursor: pointer;
    }
    .horizontal-menu>ul>li{
        display: block;
        width: 100%;
        height: auto;
        line-height: normal;
        padding: 10px 0px;
    }
    .horizontal-menu.type1>ul>li .sub-menu{
        position: relative;
        top: initial;
        left: initial;
        transform: initial;
        -moz-transform: initial;
        -ms-transform: initial;
        -o-transform: initial;
        min-width: 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: transparent;
        box-shadow: none;
        padding: 0px!important;
    }
    .horizontal-menu.type1>ul>li .sub-menu li a{
        color: #fff;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 15px;
    }
    .horizontal-menu.type1>ul>li:hover .sub-menu{
        display: none;
    }
}

@media only screen and (max-width: 440px) {
    .horizontal-menu>img{
        width: 160px;
    }
    .horizontal-menu i.icone-burguer{
        top: 34px;
    }
}*/
/* row-fluid */
.row-fluid {
    width: 100%;
    *zoom: 1;
    padding-top: 15px;
    padding-bottom: 15px;
}

    .row-fluid:before,
    .row-fluid:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-left: 2.12765957%;
        *margin-left: 2.07446809%;
    }

        .row-fluid [class*="span"]:first-child {
            margin-left: 0;
        }

    .row-fluid .controls-row [class*="span"] + [class*="span"] {
        margin-left: 2.12765957%;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851%;
    }

    .row-fluid .span11 {
        width: 91.4893617%;
        *width: 91.43617021%;
    }

    .row-fluid .span10 {
        width: 82.9787234%;
        *width: 82.92553191%;
    }

    .row-fluid .span9 {
        width: 74.46808511%;
        *width: 74.41489362%;
    }

    .row-fluid .span8 {
        width: 65.95744681%;
        *width: 65.90425532%;
    }

    .row-fluid .span7 {
        width: 57.44680851%;
        *width: 57.39361702%;
    }

    .row-fluid .span6 {
        width: 48.93617021%;
        *width: 48.88297872%;
    }

    .row-fluid .span5 {
        width: 40.42553191%;
        *width: 40.37234043%;
    }

    .row-fluid .span4 {
        width: 31.91489362%;
        *width: 31.86170213%;
    }

    .row-fluid .span3 {
        width: 23.40425532%;
        *width: 23.35106383%;
    }

    .row-fluid .span2 {
        width: 14.89361702%;
        *width: 14.84042553%;
    }

    /*.row-fluid .span1 {
        width: 6.38297872%;
        *width: 6.32978723%;
    }*/

    .row-fluid .span1 {
        width: 4.5%;
        *width: 4.5%;
    }

    .row-fluid .offset12 {
        margin-left: 104.25531915%;
        *margin-left: 104.14893617%;
    }

        .row-fluid .offset12:first-child {
            margin-left: 102.12765957%;
            *margin-left: 102.0212766%;
        }

    .row-fluid .offset11 {
        margin-left: 95.74468085%;
        *margin-left: 95.63829787%;
    }

        .row-fluid .offset11:first-child {
            margin-left: 93.61702128%;
            *margin-left: 93.5106383%;
        }

    .row-fluid .offset10 {
        margin-left: 87.23404255%;
        *margin-left: 87.12765957%;
    }

        .row-fluid .offset10:first-child {
            margin-left: 85.10638298%;
            *margin-left: 85%;
        }

    .row-fluid .offset9 {
        margin-left: 78.72340426%;
        *margin-left: 78.61702128%;
    }

        .row-fluid .offset9:first-child {
            margin-left: 76.59574468%;
            *margin-left: 76.4893617%;
        }

    .row-fluid .offset8 {
        margin-left: 70.21276596%;
        *margin-left: 70.10638298%;
    }

        .row-fluid .offset8:first-child {
            margin-left: 68.08510638%;
            *margin-left: 67.9787234%;
        }

    .row-fluid .offset7 {
        margin-left: 61.70212766%;
        *margin-left: 61.59574468%;
    }

        .row-fluid .offset7:first-child {
            margin-left: 59.57446809%;
            *margin-left: 59.46808511%;
        }

    .row-fluid .offset6 {
        margin-left: 53.19148936%;
        *margin-left: 53.08510638%;
    }

        .row-fluid .offset6:first-child {
            margin-left: 51.06382979%;
            *margin-left: 50.95744681%;
        }

    .row-fluid .offset5 {
        margin-left: 44.68085106%;
        *margin-left: 44.57446809%;
    }

        .row-fluid .offset5:first-child {
            margin-left: 42.55319149%;
            *margin-left: 42.44680851%;
        }

    .row-fluid .offset4 {
        margin-left: 36.17021277%;
        *margin-left: 36.06382979%;
    }

        .row-fluid .offset4:first-child {
            margin-left: 34.04255319%;
            *margin-left: 33.93617021%;
        }

    .row-fluid .offset3 {
        margin-left: 27.65957447%;
        *margin-left: 27.55319149%;
    }

        .row-fluid .offset3:first-child {
            margin-left: 25.53191489%;
            *margin-left: 25.42553191%;
        }

    .row-fluid .offset2 {
        margin-left: 19.14893617%;
        *margin-left: 19.04255319%;
    }

        .row-fluid .offset2:first-child {
            margin-left: 17.0212766%;
            *margin-left: 16.91489362%;
        }

    .row-fluid .offset1 {
        margin-left: 10.63829787%;
        *margin-left: 10.53191489%;
    }

        .row-fluid .offset1:first-child {
            margin-left: 8.5106383%;
            *margin-left: 8.40425532%;
        }

    [class*="span"].hide,
    .row-fluid [class*="span"].hide {
        display: none;
    }

    [class*="span"].pull-right,
    .row-fluid [class*="span"].pull-right {
        float: right;
    }

/* informação de privacidade - cookies */
.privacy-info-message {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    width: 100%;
    z-index: 3;
    background-color: #2a2a2a;
    font-size: 16px;
    font-family: Lato-Light;
    font-weight: normal;
    line-height: 16px;
    margin: 0 auto;
    text-align: center;
    color: #FFF;
    height: auto;
    padding: 20px 0;
}

    .privacy-info-message .hide {
        display: none;
    }

    .privacy-info-message a.hide-strip-privacy-info-message {
        text-decoration: underline;
    }

    .privacy-info-message a.open-dialog-privacy-policy {
        text-decoration: underline;
    }

    .privacy-info-message .privacy-info-message-journal-article {
        display: inline-block;
    }

    .privacy-info-message .layout {
        max-width: 1170px;
        margin: auto;
        padding: 0 15px;
        display: table;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .privacy-info-message .layout .text-private {
            display: table-cell;
            text-align: left;
            vertical-align: middle;
            width: 100%;
        }

            .privacy-info-message .layout .text-private p {
                margin: 0;
            }

                .privacy-info-message .layout .text-private p:first-child {
                    margin: 0 0 5px;
                }

        .privacy-info-message .layout .btnWrapper {
            display: table-cell;
            text-align: right;
            vertical-align: middle;
            width: 50%;
        }

            .privacy-info-message .layout .btnWrapper a {
                height: 43px;
                line-height: 43px;
                padding: 0 25px;
                display: inline-block;
                min-width: 162px;
                text-align: center;
                border-radius: 30px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                color: #fff;
                background: transparent;
                border: 1px solid #fff;
                vertical-align: top;
            }

                .privacy-info-message .layout .btnWrapper a:hover {
                    color: #001760;
                    background: #fff;
                    border: 1px solid #fff;
                }

            .privacy-info-message .layout .btnWrapper button {
                display: inline-block;
                min-width: 162px;
                padding: 0 20px;
                border-radius: 30px;
                height: 43px;
                font-size: 14px !important;
                font-family: Lato-Regular !important;
                text-transform: uppercase;
                color: #fff;
                background: #001760;
                border: 1px solid #001760;
                outline: 0;
                margin-left: 35px;
                vertical-align: top;
            }

                .privacy-info-message .layout .btnWrapper button:hover {
                    color: #fff;
                    background: transparent;
                    border: 1px solid #fff;
                }

@media only screen and (max-width:1024px) {
    .privacy-info-message .layout .text-private {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .privacy-info-message .layout .btnWrapper {
        display: block;
        text-align: left;
        width: 100%;
    }

        .privacy-info-message .layout .btnWrapper a {
            float: left;
        }

        .privacy-info-message .layout .btnWrapper button {
            float: right;
            width: auto;
        }
}

@media only screen and (max-width:440px) {
    .privacy-info-message .layout .btnWrapper a {
        display: block;
        width: 100%;
        float: none;
    }

    .privacy-info-message .layout .btnWrapper button {
        margin-left: 0;
        width: 100%;
        display: block;
        float: none;
    }
}

.blueButtonSmall {
    padding: 0 5px;
    display: inline-block;
    min-width: 100px;
    color: #fff !important;
    text-transform: uppercase;
    /*border-radius: 30px;*/
    font-size: 12px;
    font-family: Lato-Bold !important;
    background: #001760;
    border: 1px solid #001760;
    height: 20px;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
}

.blueButton {
    padding: 0 15px;
    display: inline-block;
    min-width: 120px;
    color: #fff !important;
    text-transform: uppercase;
    /*border-radius: 30px;*/
    font-family: Lato-Bold !important;
    background: #001760;
    border: 1px solid #001760;
    height: 35px;
    line-height: 35px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
}

    .blueButton:hover {
        color: #fff !important;
        background: #5897fb !important;
        border: 1px solid #5897fb !important;
    }

    .blueButton.smallCaps {
        text-transform: none !important;
    }



.lightblueButton {
    padding: 0 15px;
    display: inline-block;
    min-width: 120px;
    text-transform: uppercase;
    font-family: Lato-Bold !important;
    border: 1px solid #5897fb;
    height: 35px;
    line-height: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    color: #FFF !important;
    background: #5897fb;
}

    .lightblueButton:hover {
        color: #57abff;
        background: #001760;
        border: 1px solid #001760;
    }

    .lightblueButton.smallCaps {
        text-transform: none !important;
    }

.buttonClose {
    padding: 0 25px;
    color: #fff;
    background: #001760;
    border: 1px solid #001760;
    font-size: 24px !important;
}

.whiteButton {
    padding: 0 15px;
    display: inline-block;
    min-width: 120px;
    color: #001760;
    text-transform: uppercase;
    /*border-radius: 30px;*/
    font-family: Lato-Bold !important;
    background: #FFF;
    border: 1px solid #EEE;
    height: 35px;
    line-height: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
}

    .whiteButton:hover {
        color: #001760;
        background: #fff;
        border: 1px solid #001760;
    }

.ui-autocomplete {
    max-height: 150px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    background: #FFF !important;
    overflow-x: hidden;
    width: 57.6% !important;
}
/* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
* html .ui-autocomplete {
    height: 150px;
}