.mt-new-features-container {
    display: none
}

html {
    font-size: 14px
}

.ui-button-icon:visited,.ui-widget a,a,a:visited {
    color: #08c
}

.mt-lang-indicator a, .mt-lang-indicator a:visited {
    color: unset;
}

.no-touch .ui-button-icon:hover,.no-touch .ui-widget-content a:hover,.no-touch .ui-widget-header a:hover,.no-touch a:hover,.ui-button-icon:active,a:active {
    color: #005580;
    text-decoration: none
}

.mt-sortable-listing-title,.page-title,h1,h2,h3,h4,h5 {
    font-family: myriad-pro,Arial,sans-serif
}

.elm-header-logo-container {
    display: none
}

.resources-section {
    display: none
}

.elm-user-pro-edit .mt-empty-listings-container {
    display: none
}

.internal_info {
    border: 1px solid #ccc;
    background: #ffe38f;
    padding: 0 5px;
    border-radius: 5px
}

.internal_info h2 {
    margin: .5em 0 0 0
}

button,input,select,textarea {
    margin: 0;
    font-family: myriad-pro,Helvetica,Arial,sans-serif
}

.mindtouch-content,.widget {
    border-radius: 5px;
    border: 1px solid #bbb;
    clear: both;
    margin-top: 0
}

.widget {
    margin-top: 10px;
    min-height: 235px
}

.mt-control-nav,.widget-tabs {
    background: #ddd;
    border-bottom: 1px solid #bbb;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 33px;
    padding: 5px 0 0 5px
}

.mt-control-nav ul,.widget-tabs ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.mt-control-nav ul {
    list-style-type: none;
    overflow: visible
}

.mt-control-nav ul li,.widget-tabs li {
    background: #f8f8f8;
    border: 1px solid #bbb;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #666;
    display: inline-block;
    float: left;
    font-weight: 700;
    height: 20px;
    margin: 1px 6px 0 0;
    padding: 1px 0 10px
}

.mt-control-nav ul li.active,.widget-tabs li.active {
    background: #eee;
    background: -moz-linear-gradient(top,#fff 0,#eee 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#eee));
    background: -webkit-linear-gradient(top,#fff 0,#eee 100%);
    background: -o-linear-gradient(top,#fff 0,#eee 100%);
    background: -ms-linear-gradient(top,#fff 0,#eee 100%);
    background: linear-gradient(to bottom,#fff 0,#eee 100%);
    border: 1px solid #bbb;
    border-radius: 5px;
    box-shadow: 0 2px 2px #999
}

.mt-control-nav a,.widget-tabs a {
    color: #666;
    display: block;
    padding: 6px 12px 1px 12px;
    text-shadow: #f0f0f0 1px 1px
}

.mt-control-nav ul li a:link,.mt-control-nav ul li a:visited {
    color: #666
}

.mt-control-nav ul .active a:link,.mt-control-nav ul .active a:visited,.mt-control-nav ul li a:hover,.widget-tabs .active a:link,.widget-tabs .active a:visited,.widget-tabs a:hover {
    color: #333
}

.mt-control-nav ul .active a:focus,.mt-control-nav ul li a:focus,.widget-tabs .active a:focus,.widget-tabs a:focus {
    color: #912b1d
}

.mt-control-nav ul li a:hover,.widget-tabs a:hover {
    text-decoration: none!important
}

.mt-control-nav ul .active a:hover,.widget-tabs .active a:hover {
    color: #000
}

.widget-tabs #widget-comments {
    background: url(/skins/styles/cedar/images/icons.png?_=c0e0093e3cc0d996d7e5084c159571c3_b3V0c3lzdGVtcy5taW5kdG91Y2gudXM=:site_5563) 7px -6080px no-repeat
}

.widget-tabs #widget-files {
    background: url(/skins/styles/cedar/images/icons.png?_=c0e0093e3cc0d996d7e5084c159571c3_b3V0c3lzdGVtcy5taW5kdG91Y2gudXM=:site_5563) 7px -6199px no-repeat
}

.widget-comments,.widget-files {
    padding: 20px 10px 10px
}

.widget-tabs span {
    display: none
}

.mt-control-nav .active .arrow,.widget-tabs .active span {
    background: url(/skins/styles/cedar/images/icons.png?_=c0e0093e3cc0d996d7e5084c159571c3_b3V0c3lzdGVtcy5taW5kdG91Y2gudXM=:site_5563) 0 -6419px no-repeat;
    display: block;
    height: 10px;
    margin: 5px auto 0;
    position: relative;
    width: 14px;
    z-index: 1
}

.mt-control-nav .active .arrow {
    background-position: 0 -6419px;
    margin-top: 0
}

.idf {
    margin: 10px 0 0;
    min-height: 100px;
    padding: 0;
    width: 100%
}

#idf-reports {
    float: right;
    margin: 0 15px 0 0;
    padding: 7px 0;
    text-align: right
}

#idf-reports span {
    background: url(/skins/styles/cedar/images/icons.png?_=c0e0093e3cc0d996d7e5084c159571c3_b3V0c3lzdGVtcy5taW5kdG91Y2gudXM=:site_5563) right -547px no-repeat;
    color: #666;
    font-size: .9em;
    font-weight: 700;
    padding-right: 15px
}

#idf-reports ul {
    background: #fff;
    margin: 9px 0 0 -45px;
    overflow: hidden
}

#idf-reports li {
    background: 0 0;
    border: 0;
    border-radius: 0;
    clear: both;
    display: block;
    float: none;
    height: auto;
    margin: 0;
    padding: 0
}

#idf-reports a {
    color: #333;
    display: block;
    font-size: .9em;
    font-weight: 400;
    padding: 5px 8px;
    text-align: left;
    text-shadow: none;
    width: 90%
}

#idf-reports a:hover {
    color: #912b1d
}

.guide-content {
    margin-top: 10px;
    min-height: 120px;
    overflow: auto;
    padding: 5px;
    width: 100%
}

.admin-action {
    float: right;
    margin: 0 20px -.5em 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: right;
    width: 95%;
    z-index: 2
}

.mt-idf-topic-item {
    border-bottom: 1px solid #eaeaea;
    color: #333;
    font-size: 1.5em;
    font-weight: 400;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 10px
}

.mt-idf-topic-item a {
    color: #333;
    margin-left: 5px;
    word-wrap: break-word
}

.mt-idf-topic-item:focus {
    color: #912b1d;
    outline: #30b3f6 dotted 1px
}

.mt-idf-topic-item a:focus,.mt-idf-topic-item a:hover {
    color: #912b1d
}

.user-guide-contents .empty {
    padding-left: 14px
}

.user-guide-contents .empty a {
    margin-left: 0
}

.user-guide-contents .collapsed,.user-guide-contents .expanded {
    background: url(/skins/styles/cedar/images/expand-collapse.png?_=c0e0093e3cc0d996d7e5084c159571c3_b3V0c3lzdGVtcy5taW5kdG91Y2gudXM=:site_5563) 1px 8px no-repeat;
    cursor: pointer
}

.user-guide-contents .expanded {
    background-position: -867px 8px
}

.topic-description {
    margin: 5px 0 0 15px;
    padding: 0
}

.hide-topic {
    display: none
}

.show-topic {
    display: block
}

.mt-idf-topic-subpages {
    display: none
}

.mindtouch-content .user-guide-contents li {
    margin-bottom: 1em
}

.mt-idf-subtopic-container ul {
    margin: 5px 0 0 16px;
    overflow: hidden;
    padding-left: 0
}

.mindtouch-content .mt-idf-subtopic-container li {
    background: url(/skins/styles/cedar/images/icons.png?_=c3e42f7f95ba70ed07a47c8ed2bf83f2_b3V0c3lzdGVtcy5taW5kdG91Y2gudXM=:site_5563) -4px -4925px no-repeat;
    float: left;
    margin: .25em 18px .25em 0;
    padding: 0;
    width: 97%
}

.mt-idf-subtopic-container li a {
    display: block;
    font-weight: 700;
    padding-left: 20px
}

.sub-topic-expand {
    color: #333;
    display: block;
    margin: 2px 0 0 16px
}

.sub-topic-expand:hover {
    color: #912b1d
}

.mindtouch-content .recentchanges {
    color: #333;
    margin: 0 10px 10px;
    padding: 10px 0 0
}

.mindtouch-content .recentchanges li {
    margin-left: 20px;
    padding-bottom: 10px
}

.mindtouch-content .recentchanges .recentchanges-datetitle {
    border-bottom: 1px solid #eaeaea;
    font-size: 1.5em;
    font-weight: 400;
    margin: 10px 0 15px;
    padding: 0
}

.recentchanges-update {
    color: #666
}

.new-kb {
    float: right;
    margin: 2px 5px 0 0
}

.mt-kb-empty-content {
    background: 0 0;
    clear: both;
    margin: 10px 0 0;
    padding: 0;
    width: 100%
}

#mindtouch-kb {
    margin-top: 10px
}

#mindtouch-kb .mindtouch-content {
    overflow: hidden;
    padding-bottom: 20px
}

#mindtouch-kb {
    border: 0;
    color: #333
}

#mindtouch-kb h3 {
    color: #333;
    font-size: 1.5em;
    font-weight: 700;
    margin: 15px 0;
    padding: 6px 0 0
}

#mindtouch-kb .half,#mindtouch-kb .left {
    float: left;
    margin-left: 26px;
    width: 44%
}

#mindtouch-kb .left {
    clear: both
}

#mindtouch-kb .right {
    float: right;
    margin-right: 26px;
    width: 44%
}

#mindtouch-kb .full {
    margin-left: 26px
}

#mindtouch-kb ol,#mindtouch-kb ul {
    padding-left: 0
}

.mindtouch-content .full li,.mindtouch-content .half li,.mindtouch-content .left li,.mindtouch-content .right li {
    line-height: 1.2em;
    margin-bottom: 1em
}

#mindtouch-kb .count {
    color: #bbb;
    font-size: .6em;
    font-weight: 400;
    letter-spacing: .5px
}

.hideAll,.showAll {
    color: #333;
    cursor: pointer
}

.hideAll:hover,.showAll:hover {
    color: #912b1d
}

.container {
    margin-right: auto;
    margin-left: auto;
    width: 980px
}

.row {
    margin-left: -28px
}

[class*=span] {
    margin-left: 28px;
    min-height: 1px;
    float: left
}

.span12 {
    width: 980px
}

.span10 {
    width: 812px
}

.span9 {
    width: 728px
}

@media (min-width: 768px) and (max-width:979px) {
    .span9 {
        width:538px
    }
}

@media (min-width: 4200px) {
    .span9 {
        width:870px
    }
}

.span8 {
    width: 644px
}

.span7 {
    width: 560px
}

.span6 {
    width: 476px
}

.span4 {
    width: 308px
}

.span3 {
    width: 224px
}

.span2 {
    width: 140px
}

.span1 {
    width: 56px
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

@media (max-width: 767px) {
    body {
        padding-left:20px;
        padding-right: 20px
    }

    .container {
        width: auto
    }

    .row {
        margin-left: 0
    }

    [class*=span] {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .span12 {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    div.title-container .page-title {
        margin-left: 0
    }

    div.title-container .search {
        margin-left: 0
    }
}

@media (min-width: 768px) and (max-width:979px) {
    .row {
        margin-left:-20px
    }

    .row:after,.row:before {
        display: table;
        content: "";
        line-height: 0
    }

    .row:after {
        clear: both
    }

    [class*=span] {
        float: left;
        min-height: 1px;
        margin-left: 20px
    }

    .container,.navbar-fixed-bottom .container,.navbar-fixed-top .container,.navbar-static-top .container {
        width: 724px
    }

    .span12 {
        width: 724px
    }

    .span10 {
        width: 600px
    }

    .span8 {
        width: 476px
    }

    .span7 {
        width: 414px
    }

    .span6 {
        width: 352px
    }

    .span4 {
        width: 228px
    }

    .span3 {
        width: 166px
    }

    .span2 {
        width: 104px
    }

    .span1 {
        width: 42px
    }

    .offset2 {
        margin-left: 144px
    }

    .offset3 {
        margin-left: 280px
    }

    div.title-container {
        padding-left: 0;
        padding-right: 0
    }

    div.title-container .page-title {
        margin-left: 30px
    }

    div.title-container .search {
        margin-left: 30px
    }
}



.offset1 {
    margin-left: 112px
}

.row-fluid .offset1 {
    margin-left: 11.428571428571429%
}

.row-fluid .offset1:first-child {
    margin-left: 8.571428571428571%
}

@media (min-width: 768px) and (max-width:979px) {
    .offset1 {
        margin-left:82px
    }

    .row-fluid .offset1 {
        margin-left: 11.32596685082873%
    }

    .row-fluid .offset1:first-child {
        margin-left: 8.56353591160221%
    }
}

@media (min-width: 4200px) {
    .offset1 {
        margin-left:130px
    }

    .row-fluid .offset1 {
        margin-left: 11.11111111111111%
    }

    .row-fluid .offset1:first-child {
        margin-left: 8.547008547008547%
    }
}

.search-wrapper .mt-field,.search-wrapper .ui-dform-fieldset {
    border: 0;
    padding: 0;
    margin: 0
}

.search-wrapper label.mt-inputredirect-label.ui-dform-label {
    display: none
}

.search-wrapper form input {
    display: inline-block;
    box-sizing: border-box;
    height: 30px;
    width: 100%;
    float: none;
    margin-bottom: 0;
    line-height: 20px;
    font-size: 14px;
    background-color: #3c3c3c;
    color: #fff;
    box-shadow: none;
    border-width: 0;
    border-color: #3c3c3c;
    border-right: 0;
    border-radius: 4px;
    vertical-align: middle;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}

.search-wrapper form input:hover {
    border-width: 0
}

.search-wrapper form button,.search-wrapper form button.ui-button:hover {
    position: relative;
    display: table-cell;
    float: right;
    height: 30px;
    width: 31px;
    margin-top: -30px;
    line-height: 20px;
    box-shadow: none;
    background: url(//www.outsystems.com/CommunityBaseTheme/img/icons.png?21461) no-repeat transparent;
    background-position: 0 -1164px;
    background-color: #3c3c3c;
    border-color: #3c3c3c;
    border-left: 0;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    text-indent: -9999px;
    color: #555
}

.search-wrapper.inverted form input {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #999
}

.search-wrapper.inverted form button,.search-wrapper.inverted form button.ui-button:hover {
    background-color: #fff;
    border-color: #ccc
}

.search-wrapper input.submit {
    background: url(//www.outsystems.com/CommunityBaseTheme/img/icons.png) 0 -1164px no-repeat;
    border: none;
    box-shadow: none;
    height: 30px;
    line-height: 20px;
    width: 31px;
    text-indent: -9999px;
    display: table-cell;
    float: left;
    text-transform: capitalize;
    font-size: 0
}

.fixed-header-bump {
    margin-top: 50px
}

.elm-user-pro-member .mt-quick-search-container .mt-button {
    color: #778385
}

@media (max-width: 979px) {
    .partner-mobile a:link {
        content:"Partner"
    }
}

@media (max-width: 767px) {
    body {
        padding-left:0;
        padding-right: 0
    }

    .all-content-wrapper {
        margin-top: 15px;
        padding-left: 5px;
        padding-right: 5px
    }

    .elm-header-notice.fixed {
        top: 4em
    }

    .elm-header {
        margin-top: 50px
    }
}

.elm-fixed-header {
    position: relative!important;
    z-index: 0
}

.elm-header-global-nav.elm-nav {
    background-color: transparent;
    border-top: 0;
    border-bottom: 0;
    margin-top: 1em
}

.elm-header-global-nav .mt-breadcrumbs li:first-child {
    display: none
}

.elm-header-hierarchy .mt-hierarchy {
    border-width: 1px
}

.elm-header-global-nav .elm-hierarchy-trigger,.elm-header-global-nav .elm-hierarchy-trigger:active:active,.elm-header-global-nav .elm-hierarchy-trigger:focus,.no-touch .elm-header-global-nav .elm-hierarchy-trigger:hover {
    background-color: #fff;
    color: #788;
    margin: 0;
    width: 1.4em;
    padding: 0 0 0 .2em;
    line-height: 1.4em;
    height: 1.45em
}

.elm-header-global-nav .mt-breadcrumbs {
    background-color: #fff;
    margin: 0 0 0 .5em;
    border-color: #788
}

.elm-header-global-nav a,.elm-header-global-nav a:visited,.mt-breadcrumbs a span,.mt-breadcrumbs a:visited span,.mt-breadcrumbs li:after {
    color: #788
}

.elm-content-container img {
    border: 2px solid #efefef;
    box-shadow: 2px 2px 2px 0 rgba(93,93,93,.5);
    height: auto!important
}

.mt-carousel img,.mt-sortable-listings-container img {
    border-width: 0;
    box-shadow: none
}

.ui-table tr:nth-child(even),.ui-table tr:nth-child(even) td,tr:nth-child(even),tr:nth-child(even) td {
    background: #fff;
    border-top: 1px solid #ddd
}

.no-touch .ui-table tr:hover,.no-touch .ui-table tr:hover td,.no-touch tr:hover,.no-touch tr:hover td {
    background: #f3fbff
}

.mt-toc-content {
    display: block
}

#mt-toc-container button.mt-toggle:before {
    display: none
}

#mt-toc-container button.mt-toggle {
    pointer-events: none;
    cursor: default
}


.os-note {
    background: #fcfcfc;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #333;
    margin: 0px 0 1em 0;
    min-height: 20px;
    padding: 8px 10px 0px 36px;
    position: relative;
}

.os-note p {
    margin-block-start: 0px !important;
    margin-bottom: 8px !important;
    line-height: 21px !important;
}

.os-note li,
.os-note p {
    font-size: 14px !important;
}

.os-note ul {
    margin-bottom: 8px !important;
}

.os-info {
    background-color: #f2f8fc;
    border-color: #aed3ec;
    overflow: hidden;
}

.os-info p,
.os-info li {
    color: #39414A !important;
}

.os-info:before {
    content: '\e6f8';
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #08c;
    font-variant: normal;
    text-decoration: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 10px;
    left: 10px;
}

.os-warning {
    background: #fff8f7;
    border-color: #d04437;
}

.os-warning p {
    color: #0a141e !important;
}

.os-warning:before {
    content: '\e6f5';
    text-decoration: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 10px;
    left: 10px;
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #c62104
}

.ui-table tr:nth-child(odd),.ui-table tr:nth-child(odd) td,tr:nth-child(odd),tr:nth-child(odd) td {
    background: #fff;
    border-top: 1px solid #ddd
}

header.mt-content-header {
    display: none
}

[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer
}

[data-tooltip]:after,[data-tooltip]:before {
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}

[data-tooltip]:before {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 7px;
    width: 160px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    background-color: rgba(51,51,51,.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 14px;
    line-height: 1.2
}

[data-tooltip]:after {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 5px solid rgba(51,51,51,.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0
}

[data-tooltip]:hover:after,[data-tooltip]:hover:before {
    visibility: visible;
    opacity: 1
}

body.columbia-draft nav.elm-nav.elm-header-notice.ux-policy dl dd {
    font-size: 11.6px
}

nav.elm-nav.elm-header-notice.ux-policy {
    border: none
}

nav.elm-nav.elm-header-notice.ux-policy.private,nav.elm-nav.elm-header-notice.ux-policy.public,nav.elm-nav.elm-header-notice.ux-policy.semi-private,nav.elm-nav.elm-header-notice.ux-policy.unlisted {
    color: #363636
}

nav.elm-nav.elm-header-notice.ux-policy.semi-private,nav.elm-nav.elm-header-notice.ux-policy.unlisted {
    background: #ff9800;
    border: 1px solid #ff9800
}

nav.elm-nav.elm-header-notice.ux-policy.private {
    background: #e57373;
    border: 1px solid #e57373
}

nav.elm-nav.elm-header-notice.ux-policy.public {
    background: #dcedc8;
    border: 1px solid #dcedc8
}

nav.elm-nav.elm-header-notice.ux-policy dl dd {
    font-size: 12px;
}

nav.elm-nav.elm-header-notice.ux-policy .mt-notice-controls {
    font-size: 13px;
}

nav.elm-nav.elm-header-notice.ux-policy .mt-notice-controls a {
    color: #363636;
    font-weight: 700;
}


/* MENU - START */

/* MENU - START --- os-portal.css overrides */
.OSInline {
    display: inline-block;
    vertical-align: top;
}

.Mobile,
.mobile-display,
.mobile-search {
    display: none;
}
.mobile-align {
    text-align: right;
}

.ProfileMenu {
    text-align: left;
    margin-left: -105px;
    position: absolute;
    top: 56px;
    z-index: 11;
    box-shadow: 0 5px 18px rgba(0, 0, 0, .18);
    border-top: none;
    width: 170px;
    background: #FFF;
}
.ProfileMenu .osicon-arrow-triangle-up:before {
    position: absolute;
    top: -8px;
    left: 126px;
}
.rectangleMessage {
    width: 32px;
}
@-moz-document url-prefix() {
    .rectangleMessage {
        width: 44px;
    }
}
.pointer img {
    border: 2px solid transparent;
    transition: all 300ms ease;
}
.pointer img.mvp-color {
    border-color: unset;
}
.DropdownActive {
    background-color: transparent;
}
.DropdownActive img.header-headshot,
.DropdownActive img.mvp-color {
    background-color: #fff;
    border: 2px solid #fff;
}
.header-headshot {
    margin: 7px 8px 8px 8px;
    border-radius: 50%;
    height: 34px;
    width: 34px;
}
.mvp-name .mvp_badge,
.mvp-name .mvp_label {
    background-repeat: no-repeat;
    display: inline-flex;
    margin-left: 10px;
    text-indent: -9999px;
}
.mvp-color {
    color: #f08c00;
}
.mvp-border {
    border: 2px solid;
}
.mvp-border.image-header {
    border-radius: 50%;
}
.mvp-border.image-profile {
    border-radius: 10%;
}
.mvp-name {
    display: inline-flex;
}
.mvp-name .mvp_badge {
    background-image: url(//www.outsystems.com/cms_backoffice/assets/20170609153232/mvp-badge);
    background-size: 20px;
    width: 24px;
    height: 28px;
}
.mvp-name .mvp_label {
    background-image: url(//www.outsystems.com/cms_backoffice/assets/20170609150249/mvp-label);
    width: 40px;
    height: 14px;
    margin-top: 3px;
}
/* MENU - STOP --- os-portal.css overrides */

/* MENU - START -- ReferenceTheme.PortalThemeV1.css */
div.Header-UserAvatar {
    padding-top: 11px;
    width: 25px;
}
.testclas,
div.Header-UserInfo {
    border-bottom: 2px solid #e7eced;
    line-height: 1;
    padding-top: 15px;
}
div.Header-UserInfo {
    color: #3F536E;
    cursor: default;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 15px;
    padding-left: 20px;
    position: relative;
}
div.Header-ButtonContainer {
    text-align: right;
    padding-top: 0;
    width: auto
}
div.Header-Button {
    float: left;
    display: block;
    width: 25px;
    height: 25px;
    margin-left: 2px;
    padding-top: 18px;
    text-align: right
}

a.header-account-settings {
    border-radius: 100px;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    height: 38px;
    margin-top: 11px;
    padding-top: 9px;
    text-align: center;
    transition: all 300ms ease;
    width: 38px;
}
a.header-account-settings:hover {
    background-color: #2F3030;
    border-radius: 100px;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    height: 38px;
    margin-top: 11px;
    padding-top: 9px;
    text-align: center;
    transition: all 300ms ease;
    width: 38px;
}
.header-icon {
    text-indent: -5000em;
    overflow: hidden;
    width: 20px;
    height: 16px;
    margin-left: 11px;
    display: inline-block;
}
.header-icon-message {
    background: url(//www.outsystems.com/CommunityBaseTheme/img/headericons.png?28785) -1px -20px no-repeat;
}
.header-icon-message-notification {
    background: url(//www.outsystems.com/CommunityBaseTheme/img/headericons.png?28785) -22px -20px no-repeat;
}
.header-icon-settings {
    border: 1px solid #3b3737;
    border-radius: 4px;
    padding: 2px;
    background: url(//www.outsystems.com/CommunityBaseTheme/img/headericons.png?28785) -41px -1px no-repeat;
}
.header-icon-logout {
    background: url(//www.outsystems.com/CommunityBaseTheme/img/headericons.png?28785) -63px -20px no-repeat;
    margin-left: 6px;
}
/* MENU - STOP -- ReferenceTheme.PortalThemeV1.css */


@keyframes searchloading {
    to {transform: rotate(360deg);}
}
.header {
    font-family: myriad-pro, Helvetica, Arial, sans-serif;
    font-size: 14px;
}
.header_store {
    background: url(//www.outsystems.com/CommunityBaseTheme/img/bgheader.png?v2&28785) repeat-x;
}

.header-bar-top {
    background-color: #000;
    height: 60px;
}
.header-bar-bottom {
    background-color: #fff;
    border-bottom: 2px solid #ECEFF1;
    height: 40px;
}
.header-bar-bottom:empty {
    display: none;
}

.header_store {
    height: 56px;
}
.header-small {
    height: 57px;
}
.header-logo {
    padding: 19px 0;
}
.header-logo a {
    background-image: url(//www.outsystems.com/PortalTheme/NewOSLogoRed.svg);
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 110px;
    display: block;
    height: 22px;
    margin-top: 0;
    width: 110px;
}
.no-svg .header-logo a {
    background-image: url(//www.outsystems.com/PortalTheme/img/NewOSLogoRed.png?28791);
}
.header-logo a img {
    display: block;
}
.header-info {
    color: #BABABA;
    display: inline-block;
    margin-left: 0;
    width: auto;
}
.header-logged-out {
    height: 100%;
    line-height: 60px;
    margin-left: 10px;
}
.header-logged-out a:link,
.header-logged-out a:visited {
    position: relative;
}
.header-logged-out a.login span:before,
.header-logged-out a.login:hover span:before {
    content: "";
    display: inline-block;
    height: 15px;
    left: -20px;
    position: absolute;
    top: 0;
    width: 15px;
}
.header-logged-out a:hover {
    color: #e6e6e6;
}
.header-logged-out a.login span:before {
    background: url(//www.outsystems.com/CommunityBaseTheme/img/icons.png?1355333302&28785) -67px -461px no-repeat;
}
.header-logged-out a.login:hover span:before {
    background: url(//www.outsystems.com/CommunityBaseTheme/img/icons.png?28785) -67px -480px no-repeat;
}
.header-siteswitcher {
    background-color: #444;
    -moz-box-shadow: 0 3px 6px #000;
    -webkit-box-shadow: 0 3px 6px #000;
    box-shadow: 0 3px 6px #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 3, Direction = 180, Color ='#000000')";
    font-size: 12px;
    height: 20px;
    text-align: center;
}

.header-all-content {
    display: table;
    width: 100%;
}
.header-logo-container {
    display: table-cell;
    vertical-align: top;
    width: 190px;
}
.menu-entries {
    display: table-cell;
    text-align: center;
    vertical-align: top;
}
.header-right-content {
    display: table-cell;
    text-align: right;
    vertical-align: top;
    width: 190px;
}


.Application_Menu,
.Header_Menu {
    display: none;
    white-space: nowrap;
}
.Menu_TopMenuActive {
    border-bottom: none;
}
.Menu_TopMenu {
    margin: 0;
}
.Menu_TopMenu [class^=fa] {
    margin-right: 8px;
}
.Menu_TopMenu a,
.Menu_TopMenu a:link,
.Menu_TopMenu a:visited {
    color: #9B9B9B;
    display: inline-block;
    min-height: 50px;
    line-height: 50px;
    padding: 0 20px;
    text-decoration: none;
    text-shadow: none;
}
.Menu_TopMenu .MenuMobileLine {
    border-bottom: 1px solid #eee;
    display: inline-block;
    min-height: 50px;
    line-height: 50px;
    padding: 0 20px;
    text-align: left;
    width: 100%;
}
.Application_Menu .MenuMobileLine a,
.Application_Menu .MenuMobileLine a:link,
.Application_Menu .MenuMobileLine a:visited {
    border: 0;
    color: #0088CC;
    height: auto;
    line-height: auto;
    padding: 0;
    width: auto;
}
.Application_Menu .MenuMobileLine a:hover {
    color: #00699B;
}
.Menu_TopMenu:hover,
.Menu_TopMenu:hover a [class^=fa],
.Menu_TopMenuActive a:link [class^=fa],
.Menu_TopMenuActive a:visited [class^=fa],
a.Menu_SubMenuItem:hover [class^=fa],
a.Menu_SubMenuItemActive:link [class^=fa],
a.Menu_SubMenuItemActive:visited [class^=fa] {
    text-decoration: none;
}
.Menu_TopMenuActive .Menu_DropDownArrow {
    border-top-color: #555;
}
.Menu_DropDownArrow {
    right: 13px;
}
.menu-close {
    display: block;
}
a.Menu_SubMenuItem,
a.Menu_SubMenuItem:hover,
a.Menu_SubMenuItem:link,
a.Menu_SubMenuItem:visited {
    background-color: #747474;
    border-bottom: 1px solid #555;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #C4C4C4;
    height: auto;
    margin: 0;
    padding: 7px 20px;
}
.header-glued-bar,
.menu-back,
.menu-close {
    background-color: #fff;
    top: 0;
}
.MenuSlider_Toggler,
.Menu_TopMenuActive a:link,
.Menu_TopMenuActive a:visited,
a.Menu_SubMenuItem:hover,
a.Menu_SubMenuItemActive:link,
a.Menu_SubMenuItemActive:visited {
    color: #333;
    font-weight: 700;
}
.menu-close {
    height: 37px;
    left: 0;
    padding-left: 10px;
    padding-top: 13px;
    position: absolute;
    width: 35px;
}
.menu-back {
    height: 100%;
    overflow: hidden;
    padding: 0;
    width: 100%;
    z-index: 99;
}
.header-glued-bar {
    display: none;
    height: 50px;
    left: 0;
    position: fixed;
    right: 0;
}
.Menu_TopMenus {
    background: inherit;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 20px 20px 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.Menu_DropDownButton {
    display: inline-block;
    transition: all 300ms ease;
}
.Menu_DropDownButton.open {
    z-index: 210;
}

.Menu_DropDownButton.open .Menu_TopMenu {
    background-color: #E1E1E1;
    cursor: pointer;
    position: relative;
    z-index: 210;
}

.Menu_DropDownArrow {
    position: relative;
}
.Menu_DropDownArrow:after,
.Menu_DropDownArrow:before {
    background-color: #646464;
    content: "";
    height: 1px;
    position: absolute;
    -ms-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    width: 4px;
}
.Menu_DropDownArrow:after {
    right: -6px;
    -ms-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
}
.Menu_DropDownButton.open .Menu_DropDownArrow:before {
    -ms-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
}
.Menu_DropDownButton.open .Menu_DropDownArrow:after {
    -ms-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}
.Menu_DropDownPanel {
    background-color: #fff;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
    display: none;
    list-style: none;
    margin: -1px 0 0 -1px;
    position: absolute;
    z-index: 200;
}
.Menu_DropDownPanel a,
.Menu_DropDownPanel a:link,
.Menu_DropDownPanel a:visited {
    background: 0 0;
    border-radius: 0;
    border-width: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    clear: both;
    color: #9B9B9B;
    display: block;
    font-size: 13px;
    height: 26px;
    line-height: 2em;
    margin: 0;
    min-width: 140px;
    padding: 12px 35px;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    white-space: nowrap;
}
.Menu_DropDownPanel a:focus,
.Menu_DropDownPanel a:hover {
    text-decoration: none;
}
.MenuSlider_IsOpen {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.MenuSlider_Toggler {
    background: #000 url(//www.outsystems.com/PortalTheme/icon_menu_white.svg) no-repeat;
    background-position: center;
    background-size: 23px;
    color: #000;
    display: none;
    height: 21px;
    padding: 14px;
    position: absolute;
    right: 5px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    top: 0;
    width: 18px;
}
.no-svg .MenuSlider_Toggler {
    background-image: url(//www.outsystems.com/PortalTheme/img/icon_menu_white.png?28791);
}
.MenuSlider_IsOpen .MenuSlider_Toggler {
    background: #000 url(//www.outsystems.com/PortalTheme/icon_cross_white.svg) no-repeat;
    background-position: center 16px;
    background-size: 18px;
}
.no-svg .MenuSlider_IsOpen .MenuSlider_Toggler {
    background-image: url(//www.outsystems.com/PortalTheme/img/icon_cross_white.png?28791);
}
div.Menu_DropDownPanel a,
div.Menu_DropDownPanel a:link,
div.Menu_DropDownPanel a:visited {
    height: auto;
}
div.Application_Menu div.Menu_DropDownPanel a,
div.Application_Menu div.Menu_DropDownPanel a:link,
div.Application_Menu div.Menu_DropDownPanel a:visited {
    display: block;
}
.pointer {
    cursor: pointer;
}
.top-menu-item a {
    color: #fff;
    display: inline-block;
    font-weight: 500;
    height: 60px;
    line-height: 60px;
    padding: 0 15px;
    transition: all 300ms ease;
}
.top-menu-item a:hover {
    background-color: rgba(255,255,255,0.2);
    color: #fff;
    text-decoration: none !important;
}
.drop .item,
.drop .item-last {
    padding-top: 2px;
    padding-bottom: 2px;
}
.top-menu-item.active a {
    background-color: #fff;
    color: #1F282D;
    position: relative;
}
.top-menu-item.no-submenu.active a:before {
    background: #CC2200;
    bottom: 0px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}
.menu-wrapper {
    text-align: center;
}
.menu-item,
.menu-item a {
    color: #949FA3;
    display: inline-block;
    font-weight: 600;
    transition: all 300ms ease;
}
.menu-item a .fa-fw {
    display: none;
}
.menu-item {
    font-size: 14px;
    padding: 0 15px;
}
.menu-item.active {
    border-bottom: 2px solid #CC2200;
    padding: 0 15px;
}
.menu-item.active a,
.menu-item.active a.menu-academy-overview,
.menu-item.active a.menu-download,
.menu-item.active a.menu-faq,
.menu-item.active a.menu-forge,
.menu-item.active a.menu-forums,
.menu-item.active a.menu-home,
.menu-item.active a.menu-ideas,
.menu-item.active a.menu-ipp,
.menu-item.active a.menu-isv,
.menu-item.active a.menu-knowledgebase,
.menu-item.active a.menu-leaderboard,
.menu-item.active a.menu-licensing,
.menu-item.active a.menu-portal,
.menu-item.active a.menu-sizing,
.menu-item.active a.menu-support,
.menu-item.active a.menu-training {
    color: #1F282D;
}
.menu-item a:hover {
    color: #333;
    text-decoration: none!important;
}
.menu-item.active a:before,
.menu-item.active a:hover:before {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
.menu-placeholder {
    height: 40px;
    line-height: 40px;
    margin-top: 0px;
}
.top-menu-item {
    display: inline-block;
    text-align: center;
}
.top-menu-item.small-entry {
    width: auto;
}
.top-menu-arrow,
.top-menu-home,
.top-menu-learn {
    border: 0 solid #fff;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
}
.mobile-menu-user {
    color: #7A878B;
    vertical-align: middle;
}
.MenuRow {
    border-bottom: 1px solid #e7eced;
    color: #3F536E;
    font-family: myriad-pro;
    font-size: 12px;
    line-height: 21px;
    padding: 9px;
}
.MenuRow:hover {
    background-color: #E7ECED;
}

.searchview {
    background-color: rgba(31,40,45,0.7);
    bottom: 0;
    height: auto;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: visibility 500ms, opacity 500ms ease-out;
    visibility: hidden;
    width: 100%;
    z-index: 19;
    
}
.Page.with-search {
    height: 100vh;
    overflow-x: auto;
}
.with-search  .searchview-small-container,
.with-search .searchview {
    opacity: 1;
    visibility: visible;
}
.searchview-small-container {
    display: table;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 0;
    transition: visibility 500ms, opacity 500ms ease-out;
    visibility: hidden;
    z-index: 20;
}
.searchview-content {
    border-radius: 3px;
    margin-right: 55px;
    width: 690px;
}
.searchview-close {
    background: transparent url(//www.outsystems.com/PortalTheme/icon_cross_white.svg) no-repeat;
    background-position: center;
    background-size: 18px;
    color: #fff;
    cursor: pointer;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)';
    filter: alpha(opacity=100);
    height: 25px;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 17px;
    -webkit-transition: opacity .2s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .2s cubic-bezier(.645, .045, .355, 1);
    width: 25px;
    z-index: 3;
}
.no-svg .searchview-close {
    background-image: url(//www.outsystems.com/PortalTheme/img/icon_cross_white.png?28791);
}
.with-search .searchview-close {
    visibility: visible;
}
.with-search .search-mobile-wrapper {
    visibility: hidden;
}
.searchform-wrapper {
    background-color: #1F282D;
    box-sizing: border-box;
    margin-left: 19px;
    width: 100%;
}
input[type=search].searchform-input {
    background-color: #1F282D;
    border-radius: 0;
    border: none!important;
    box-shadow: none;
    box-sizing: border-box;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    height: 60px;
    letter-spacing: normal;
    line-height: 1.375;
    margin: 0;
    outline: 0;
    padding: 0 0 0 50px;
    width: 100%;
}
input[type=search].searchform-input:focus {
    border: none;
    box-shadow: none;
}
.searchform-submit[disabled] {
    opacity: 1;
    cursor: default;
    background-color: transparent;
/* DAVIDE override
    margin-left: 10px;
    margin-top: 10px;
*/
}
/* START - SEARCH IN EVALUTATION GUIDE AND PAGE HEADERS */
input.searchform-submit[disabled],
input.searchform-submit[disabled]:hover {
    position: absolute;
    z-index: 1;
    top: 5px;
    left: 0;
    width: 30px!important;
    height: 25px;
    cursor: pointer;
    background: url(//www.outsystems.com/CommunityBaseTheme/img/icons.png) 0 -1164px!important;
    background-repeat: no-repeat;
    background-color: #3c3c3c;
    -webkit-transition: opacity .2s cubic-bezier(.645,.045,.355,1);
    transition: opacity .2s cubic-bezier(.645,.045,.355,1);
    border: none!important;
    background-color: transparent
}
/* END - SEARCH IN EVALUTATION GUIDE AND PAGE HEADERS */

.searchform-submit {
    background: transparent url(//www.outsystems.com/PortalTheme/icon_search_white.svg) no-repeat;
    background-position: center;
    background-size: 20px;
    border: none;
    color: #fff;
    font-size: 16px;
    height: 22px;
    left: 34px;
    pointer-events: none;
    position: absolute;
    top: 19px;
    width: 22px;
    z-index: 1;
}
.no-svg .searchform-submit {
    background-image: url(//www.outsystems.com/PortalTheme/img/icon_search_white.png?28791);
}
.header-bar-top .searchform-submit.searchloading {
    animation: searchloading .6s linear infinite;
    background: transparent url(//www.outsystems.com/PortalTheme/icon_loading_white.svg) no-repeat;
    background-position: center;
    background-size: 23px;
    height: 23px;
    width: 23px;
}
.no-svg .searchform-submit.searchloading {
    background-image: url(//www.outsystems.com/PortalTheme/img/icon_loading_white.png?28791);
}
.no-touch .with-search input[type=submit]:hover,
input[type=submit].searchform-submit-trigger,
.searchform-submit-trigger {
    display: none;
}
.search-container {
    position: absolute;
    background: url(//www.outsystems.com/CommunityBaseTheme/img/bgheader.png?28785) left top repeat-x #444;
}
.search-container input {
    height: 49px;
    width: 100%;
    border: 0;
    background-color: transparent;
    color: #FFF;
    font-size: 18px;
    box-shadow: none;
    margin-bottom: 0;
}
.search-container input[type=text]:focus {
    box-shadow: none;
}
.search-wrapper input.search {
    border-right: 0;
    width: 194px;
    box-sizing: border-box;
    height: 30px;
    color: #999;
    font-size: 13px;
    float: left;
}
.search-wrapper input.search,
.search-wrapper input.searchBig {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.search-wrapper input.searchBig {
    width: 500px;
    box-sizing: border-box;
    height: 30px;
    color: #999;
    font-size: 13px;
    float: left;
}
.search-wrapper input.submit {
    background: url(//www.outsystems.com/CommunityBaseTheme/img/icons.png?28785) 0 -1164px no-repeat;
    border: 1px solid #CCC;
    box-shadow: none;
    height: 30px;
    line-height: 20px;
    width: 31px;
    text-indent: -9999px;
    display: table-cell;
    float: left;
    text-transform: capitalize;
    font-size: 0;
}
.homepage-block-title,
.newpost-form-label,
.oscertified-ribbonText,
.osretired-ribbonText,
.popup-header,
.profile-more-details-title,
.profile-pictureUpload-label,
.sideblock-header,
.topic-header-actions,
a.btn,
a.link-tab {
    text-transform: uppercase;
}
.inpage-search-search-wrapper {
    display: flex;
    float: right;
}
input[type=submit].inpage-search-btn {
    font-size: 14px;
    line-height: 20px;
    margin-left: -30px;
    border: 1px solid transparent;
    background: url(//www.outsystems.com/CommunityBaseTheme/img/icons.png?28785) 0 -1162px no-repeat;
    color: transparent;
    width: 30px;
}
input[type=search].inpage-search-input {
    margin: 0;
    padding-right: 40px;
}
.search-mobile-wrapper {
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.small-search {
    height: 38px;
    margin-top: 11px;
    position: relative;
    width: 38px;
}
.search-wrapper .small-search input.search {
    background-color: #3C3C3C;
    border-color: #3C3C3C;
    color: #FFF;
    width: 75px;
    float: none;
    margin-bottom: 0;
    box-shadow: none;
}
.search-wrapper .small-search input.submit {
    background: transparent url(//www.outsystems.com/PortalTheme/icon_search_white.svg) no-repeat;
    background-position: center;
    background-size: 20px;
    border: none;
    border-radius: 100px;
    float: right;
    height: 38px;
    width: 38px;
}
.no-svg .search-wrapper .small-search input.submit {
    background-image: url(//www.outsystems.com/PortalTheme/img/icon_search_white.png?28791);
    background-size: 20px;
}
.search-wrapper .small-search input.submit:hover {
    background-color: #2F3030;
}
.search-wrapper .small-search input.submit:focus {
    outline-color: transparent;
}


.link-default {
    text-transform: uppercase;
}

.float-right {
    float: right;
}


@media screen and (max-width: 979px) {
    .Page.with-search {
        height: auto;
        overflow-x: hidden;
    }
    .Page.with-search .searchform-wrapper {
        margin-left: 0;
    }
    
    .mobile-notdisplay {
        display: none;
    }
    
    .header {
        height: 50px;
        position: fixed;
        top: 0;
        right: 0;
        transition: top 300ms ease-out;
        width: 100%;
        z-index: 20;
    }
    .header-bar-top .container {
        width: 100%;
    }
    .header.header-hide {
        top: -50px;
    }
    .header-logo {
        padding: 0;
        opacity: 1;
        transition: all 150ms ease;
        visibility: visible;
    }
    .Page.with-search .header-logo {
        opacity: 0;
        visibility: hidden;
    }
    .header-logo a:link {
        background-position: 20px center;
        height: 36px;
        margin: 0;
        padding-top: 14px;
        padding-left: 20px;
        width: 140px;
    }
    .header-bar-top {
        height: 50px;
    }
    .header-bar-bottom {
        display: none;
    }
    .header-right-content {
        display: block;
        float:right;
        margin-right: 50px;
        padding-right: 0;
        text-align: left;
        width: 50px;
    }
    
    .row-fluid.bottom-nav {
        padding: 0 10px;
        width: auto;
    }
    
    .searchview {
        bottom: 0;
        left: 0;
        opacity: 0;
        overflow: hidden;
        position: fixed;
        right: 0;
        top: 0;
        transition: visibility 500ms, opacity 500ms ease-out;
        visibility: hidden;
    }
    .with-search .searchview {
        opacity: 1;
        visibility: visible;
    }
    .MenuSlider_IsOpen .Page.with-search .searchview {
        right: 54px;
        width: calc(100% - 55px);
    }
    .Page.with-search .searchview {
        right: 0;
        width: 100%;
    }
    .searchform-wrapper {
        background-color: transparent;
        margin-left: 0;
    }
    .search-mobile-wrapper {
        position: static;
        width: auto;
    }
    input[type=search].searchform-input {
        background-color: #000;
        height: 50px;
        padding: 0 0 0 60px;
        width: 50%;
    }
    .searchform-submit {
        display: none;
    }
    input[type=submit].searchform-submit-trigger,
    .searchform-submit-trigger {
        background: transparent url(//www.outsystems.com/PortalTheme/icon_search_white.svg) no-repeat;
        background-position: center;
        background-size: 20px;
        border: 0;
        color: transparent;
        display: block;
        height: 50px;
        left: 0;
        position: absolute;
        top: 0;
        width: 60px;
        z-index: 1;
    }
    .no-svg input[type=submit].searchform-submit-trigger,
    .no-svg .searchform-submit-trigger {
        background-image: url(//www.outsystems.com/PortalTheme/img/icon_search_white.png?28791);
    }
    input[type=submit].searchform-submit-trigger.searchloading,
    .searchform-submit-trigger.searchloading {
        animation: searchloading .6s linear infinite;
        background: transparent url(//www.outsystems.com/PortalTheme/icon_loading_white.svg) no-repeat;
        background-position: center;
        background-size: 23px;
        height: 23px;
        left: 18px;
        top: 13px;
        width: 23px;
    }
    .no-svg input[type=submit].searchform-submit-trigger.searchloading,
    .no-svg .searchform-submit-trigger.searchloading {
        background-image: url(//www.outsystems.com/PortalTheme/img/icon_loading_white.png?28791);
    }
    .searchview-small-container {
        display: block;
        overflow: hidden;
        right: 49px;
        transition: width 300ms ease-out;
        width: 62px;
    }
    .Page.with-search .searchview-small-container {
        opacity: 1;
        visibility: visible;
        width: calc(100% - 49px);
    }
    .Page.with-search-out-transition .searchview-small-container {
        opacity: 1;
        visibility: visible;
    }
    .searchview-small-container a {
        display: none;
    }
    .Page.with-search .searchview-small-container a {
        display: block;
    }
    .searchview-content {
        width: 100%;
    }
    .Page.with-search .searchview-close,
    .searchview-close {
        top: 12px;
        right: 12px;
    }
    .MenuSlider_IsOpen .Page.with-search .searchview-close {
        display:none;
    }
    .menu-entries {
        display: none;
    }
    
    .small-search {
        margin-top: 6px;
    }

    .login-info-wrapper {
        display: none;
    }

    .Application_Menu,
    .MenuSlider_IsOpen .content-layout-simplify {
        height: 100%;
        overflow: hidden;
    }
    .MenuSlider_Toggler {
        display: inline-block;
    }
    .Menu_Container {
        margin-bottom: 44px;
        width: 100%;
    }
    .Application_Menu {
        display: block;
        position: fixed;
        right: -110%;
        top: 50px;
        width: 100%;
        -webkit-transition: all .3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -moz-transition: all .3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -ms-transition: all .3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -o-transition: all .3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition: all .3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        -moz-perspective: 1000;
        -ms-perspective: 1000;
        perspective: 1000;
    }
    .LeftMenu .Application_Menu {
        left: -270px;
    }
    .MenuSlider_IsOpen .Application_Menu {
        right: 0;
        z-index: 2;
    }
    .MenuSlider_IsOpen .LeftMenu .Application_Menu {
        left: 0;
    }
    .MenuSlider_IsOpen select {
        z-index: 0;
    }
    .Application_Menu .Menu_TopMenu {
        width: 100%;
        border: 0;
        margin: 0;
        padding: 0;
    }
    .Application_Menu .Menu_DropDownButton,
    body>div.Application_Menu .Menu_DropDownButton {
        display: block;
        position: relative;
    }
    .Application_Menu a,
    .Application_Menu a:link,
    .Application_Menu a:visited {
        display: inline-block;
        width: 100%;
        border: 0;
        border-bottom: 1px solid #eee;
        box-sizing: border-box;
        font-size: 14px;
    }
    .Application_Menu .Menu_DropDownButton.open a,
    .Application_Menu .Menu_DropDownButton.open a:link,
    .Application_Menu .Menu_DropDownButton.open a:visited {
        border-bottom: 0;
    }
    
    .Application_Menu .Menu_DropDownButton.open .Menu_TopMenu a,
    .Application_Menu .Menu_DropDownButton.open .Menu_TopMenu a:link,
    .Application_Menu .Menu_DropDownButton.open .Menu_TopMenu a:visited {
        color: #333;
        font-weight: 700;
    }
    
    .Application_Menu .Menu_DropDownButton.open a:hover {
        color: #333;
    }
    
    .Application_Menu .Menu_DropDownPanel {
        background-color: #EBEBEB;
        border-bottom: 0;
        border: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0;
        padding: 20px 0;
        position: static;
    }
    .Application_Menu .Menu_DropDownPanel a,
    .Application_Menu .Menu_DropDownPanel a:link,
    .Application_Menu .Menu_DropDownPanel a:visited,
    .test {
        border: 0;
        padding: 4px 0 4px 50px;
    }
    .Application_Menu .Menu_DropDownPanel a.active {
        color: #333;
    }
    .Application_Menu .Menu_DropDownArrow {
        position: absolute;
        right: 40px;
        top: 24px;
    }
    
    .Application_Menu .MenuMobileLine {
        border-bottom: 1px solid #eee;
        height: 50px;
        line-height: 50px;
        padding: 0 20px;
        text-align: left;
    }
    
    .header-icon-logout {
        margin-left: -5px!important;
        margin-right: 15px!important;
    }
    .MenuSlider_Toggler_Overlay {
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: fixed;
        display: none;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    }
    .MenuSlider_IsOpen .MenuSlider_Toggler_Overlay {
        display: block;
    }
    .header-hero-wrapper {
        min-width: 0;
    }
    .header-icon-message {
        margin-right: 9px;
        margin-left: 0px;
    }
    .header-icon-settings {
        border: 0px;
        border-radius: 0px;
        padding: 0px;
        margin-right: 13px;
        margin-left: -4px;
    }
}

/* MENU - STOP */