@media (max-width: 767.98px) {
    #wrapwrap.c_trial_wrap > header.o_header_affix {
      display: none;
    }
  }
  
  #wrapwrap.c_trial_wrap > footer, #wrapwrap.c_trial_wrap > footer.o_footer_effect {
    z-index: 0;
  }
  
  #wrapwrap.c_trial_wrap .c_translate_animate_wrap > * {
    transform: translateY(20px);
    transition: all 0.8s cubic-bezier(0.55, 0, 0.1, 1) 0s;
    transform-origin: 50% 100%;
    opacity: 0;
    transform: scale(0.9) translateY(20px);
  }
  
  #wrapwrap.c_trial_wrap .c_translate_animate_wrap.o_visible > * {
    transform: translateY(0px);
    opacity: 1;
  }
  
  #wrapwrap.c_trial_wrap .subscription-widget-container {
    position: relative;
  }
  
  #wrapwrap.c_trial_wrap .subscription-widget-container:before {
    content: "";
    display: block;
    opacity: 0.5;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: auto;
    bottom: auto;
    right: 0;
  }
  
  #wrapwrap.c_trial_wrap .subscription-widget-container .material-design-form input:not(.btn), #wrapwrap.c_trial_wrap .subscription-widget-container .material-design-form select {
    background-color: white;
  }
  
  #wrapwrap.c_trial_wrap .subscription-widget-container .quotes_side_panel {
    position: absolute;
    justify-content: center;
    align-items: center;
    right: 0;
    height: 100%;
  }
  
  #wrapwrap.c_trial_wrap .subscription-widget-container .quote {
    max-width: 500px;
  }
  
  #wrapwrap.c_trial_wrap .subscription-widget-container .quote .original_post:not(.commented) .text {
    font-size: .8rem;
  }
  
  #wrapwrap.c_trial_wrap .subscription-widget-container .quote .comment .text {
    font-size: .8rem;
  }
  
  #wrapwrap.c_trial_wrap .subscription-widget-container .quote .post.rounded, #wrapwrap.c_trial_wrap .subscription-widget-container .quote .post.img-rounded {
    border-radius: .25rem !important;
  }
  
  #wrapwrap.c_trial_wrap .subscription-widget-container .quote .post .text {
    font-size: 1.2rem;
  }
  
  #wrapwrap.c_trial_wrap .subscription-widget-container .quote .author {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
  }
  
  #wrapwrap.c_trial_wrap .subscription-widget-container .quote .author img {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    overflow: hidden;
  }
  
  #wrapwrap.c_trial_wrap .choose-app-step {
    animation: fadeUp 1s ease;
  }
  
  #wrapwrap.c_trial_wrap .choose-app-list {
    transition: margin-left 0.3s;
  }
  
  #wrapwrap.c_trial_wrap .choose-app-list > .row, #wrapwrap.c_trial_wrap .form-horizontal .choose-app-list > .form-group, .form-horizontal #wrapwrap.c_trial_wrap .choose-app-list > .form-group {
    margin-left: -8px;
    margin-right: -8px;
  }
  
  #wrapwrap.c_trial_wrap .choose-app-list > .row .app-category, #wrapwrap.c_trial_wrap .form-horizontal .choose-app-list > .form-group .app-category, .form-horizontal #wrapwrap.c_trial_wrap .choose-app-list > .form-group .app-category, #wrapwrap.c_trial_wrap .choose-app-list > .row .openerp_enterprise_pricing_app, #wrapwrap.c_trial_wrap .form-horizontal .choose-app-list > .form-group .openerp_enterprise_pricing_app, .form-horizontal #wrapwrap.c_trial_wrap .choose-app-list > .form-group .openerp_enterprise_pricing_app {
    padding-left: 8px;
    padding-right: 8px;
  }
  
  #wrapwrap.c_trial_wrap .choose-app-info-panel {
    transition: all .3s;
    z-index:10;
  }

  @media (max-width: 991.98px) {
    #wrapwrap.c_trial_wrap .choose-app-info-panel {
      position: sticky;
      bottom: 0;
      margin: 0 !important;
      padding: 0;
    }
  }
  
  #wrapwrap.c_trial_wrap .choose-app-info-panel .card-body, #wrapwrap.c_trial_wrap .choose-app-info-panel .panel-body, #wrapwrap.c_trial_wrap .choose-app-info-panel .well {
    padding: 15px;
  }
  
  @media (max-width: 991.98px) {
    #wrapwrap.c_trial_wrap .choose-app-info-panel .card-body, #wrapwrap.c_trial_wrap .choose-app-info-panel .panel-body, #wrapwrap.c_trial_wrap .choose-app-info-panel .well {
      padding-bottom: 30px;
    }
  }
  
  #wrapwrap.c_trial_wrap .choose-app-info-panel .card.affix, #wrapwrap.c_trial_wrap .choose-app-info-panel .affix.panel, #wrapwrap.c_trial_wrap .choose-app-info-panel .affix.well {
    position: fixed;
  }
  
  #wrapwrap.c_trial_wrap .choose-app-info-panel .card.affix .c_trial_ms_wrap, #wrapwrap.c_trial_wrap .choose-app-info-panel .affix.panel .c_trial_ms_wrap, #wrapwrap.c_trial_wrap .choose-app-info-panel .affix.well .c_trial_ms_wrap {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.35;
  }
  
  #wrapwrap.c_trial_wrap .choose-app-info-panel .card.affix .list-unstyled li, #wrapwrap.c_trial_wrap .choose-app-info-panel .affix.panel .list-unstyled li, #wrapwrap.c_trial_wrap .choose-app-info-panel .affix.well .list-unstyled li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    font-size: 0.85em;
    line-height: 1.25;
  }
  
  @media (max-width: 991.98px) {
    #wrapwrap.c_trial_wrap .choose-app-info-panel .card.affix, #wrapwrap.c_trial_wrap .choose-app-info-panel .affix.panel, #wrapwrap.c_trial_wrap .choose-app-info-panel .affix.well {
      position: relative;
      border-radius: 0;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
    }
    #wrapwrap.c_trial_wrap .choose-app-info-panel .card.affix .list-unstyled li, #wrapwrap.c_trial_wrap .choose-app-info-panel .affix.panel .list-unstyled li, #wrapwrap.c_trial_wrap .choose-app-info-panel .affix.well .list-unstyled li {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: inline-flex;
      font-size: 1em;
      width: 50%;
    }
  }
  
  @media (min-width: 992px) {
    #wrapwrap.c_trial_wrap .choose-app-info-panel .card.affix, #wrapwrap.c_trial_wrap .choose-app-info-panel .affix.panel, #wrapwrap.c_trial_wrap .choose-app-info-panel .affix.well {
      width: 210px;
    }
  }
  
  @media (min-width: 1200px) {
    #wrapwrap.c_trial_wrap .choose-app-info-panel .card.affix, #wrapwrap.c_trial_wrap .choose-app-info-panel .affix.panel, #wrapwrap.c_trial_wrap .choose-app-info-panel .affix.well {
      width: 255px;
    }
  }
  
  #wrapwrap.c_trial_wrap .s_appssection_box {
    width: auto;
    margin-bottom: 15px;
  }
  
  #wrapwrap.c_trial_wrap .s_appssection_box .oe-app {
    padding: 10px;
    margin: 0 5px;
  }
  
  #wrapwrap.c_trial_wrap .s_appssection_box .oe-app-label {
    font-size: 12px;
  }
  
  #wrapwrap.c_trial_wrap .s_appssection_box .oe-app-icon {
    border-radius: 4px;
    width: 75px;
    height: 75px;
    transition: transform 0.3 cubic-bezier(0.55, 0, 0.1, 1);
  }
  
  @media (prefers-reduced-motion: reduce) {
    #wrapwrap.c_trial_wrap .s_appssection_box .oe-app-icon {
      transition: none;
    }
  }
  
  .subscription-widget .oe-app {
    display: block;
  }
  
  .subscription-widget .s_appssection_box {
    display: inline-block;
    width: 95px;
  }
  
  .subscription-widget .form-headline {
    color: #875A7B;
  }
  
  .subscription-widget .error_message {
    color: red;
  }
  
  .subscription-widget .o_choose_app, .subscription-widget .chosen-app {
    display: inline-block;
    float: left;
    margin-right: 10px;
    width: 85px;
    height: 95px;
    cursor: pointer;
  }
  
  .subscription-widget .field-db-name-read-only {
    font-size: 12px;
    margin: 12px 0 0 0;
  }
  
  .subscription-widget .oe-app-label {
    white-space: nowrap;
  }
  
  .subscription-widget .oe-app-icon {
    height: 85px;
    width: 85px;
  }
  
  .material-design-form {
  }
  
  .material-design-form .group {
    position: relative;
    margin-top: 30px;
  }
  
  .material-design-form .o_form_inline {
    display: inline-block;
  }
  
  .material-design-form input[type="text"], .material-design-form input[type="password"], .material-design-form input[type="email"], .material-design-form input[type="tel"], .material-design-form input[type="number"], .material-design-form .material-design-input {
    display: block;
    padding: 0;
    border: none;
    border-bottom: 1px solid #777;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
    font-size: 1rem;
    outline: none;
    color: #444;
    background-color: #f9f9f9;
  }
  
  .material-design-form input[type="file"].material-design-input {
    font-size: initial;
    padding-left: 8px;
    padding-top: 4px;
  }
  
  .material-design-form input:disabled {
    color: #CCC;
    border-bottom: 1px solid #CCC;
  }
  
  .material-design-form input.o_input_inline {
    display: inline-block;
  }
  
  .material-design-form select {
    display: block;
    padding: 0;
    border: none;
    border-bottom: 1px solid #777;
    border-radius: 0;
    box-shadow: none;
    font-size: 1rem;
    color: #444;
    background-color: #f9f9f9;
    width: 100%;
  }
  
  .material-design-form select:focus {
    box-shadow: none;
  }
  
  .material-design-form select.o_input_inline {
    width: auto;
    max-width: 33%;
    display: inline-block;
  }
  
  .material-design-form .input-group-addon {
    border: 0;
    border-bottom: 1px solid #777;
    background-color: white;
    border-radius: 0;
  }
  
  .material-design-form .select-label {
    margin: 0;
    color: #AAA;
    font-size: 12px;
    font-weight: normal;
  }
  
  .material-design-form .has-error .select-label {
    color: #D9534F;
  }
  
  .material-design-form .has-error .input-control {
    border-bottom: 1px solid #D9534F;
  }
  
  .material-design-form .has-error textarea.input-control {
    border: 1px solid #D9534F;
  }
  
  .material-design-form label.moving-label {
    color: #AAA;
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 0px;
    top: 0px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
  }
  
  .material-design-form input:focus ~ label, .material-design-form input:valid ~ label, .material-design-form input ~ .group-label {
    top: -15px;
    font-size: 12px;
    color: #AAA;
  }
  
  .material-design-form .disabled-group .form-control:disabled, .material-design-form .disabled-group .o_wysiwyg_loader {
    color: #777;
    border: none;
  }
  
  .material-design-form .bar {
    position: relative;
    display: block;
    width: 100%;
  }
  
  .material-design-form .bar:before, .material-design-form .bar:after {
    content: '';
    height: 1px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #875A7B;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
  }
  
  .material-design-form .bar:before {
    left: 50%;
  }
  
  .material-design-form .bar:after {
    right: 50%;
  }
  
  .material-design-form input:focus ~ .bar:before, .material-design-form input:focus ~ .bar:after {
    width: 50%;
  }
  
  .material-design-form .highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
  }
  
  .material-design-form input:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
  }
  
  @-webkit-keyframes inputHighlighter {
    from {
      background: #875A7B;
    }
    to {
      width: 0;
      background: transparent;
    }
  }
  
  @-moz-keyframes inputHighlighter {
    from {
      background: #875A7B;
    }
    to {
      width: 0;
      background: transparent;
    }
  }
  
  @keyframes inputHighlighter {
    from {
      background: #875A7B;
    }
    to {
      width: 0;
      background: transparent;
    }
  }
  
  .loading-screen {
    min-height: 100%;
    transition: background 1.5s ease;
  }
  
  .loading-screen .c_typewrite_wrap {
    border-right: 0.08em solid white;
    -webkit-animation: 1s blink step-end infinite;
    animation: 1s blink step-end infinite;
  }
  
@keyframes blink {
    from, to {
      border-right-color: transparent;
    }
    50% {
      border-right-color: white;
    }
  }
  
  @keyframes c_special_effects_explode {
    to {
      box-shadow: 11px -298px #ff1a00, 239px -9px #ff3300, -70px -90px #ff4d00, -53px 41px #ff6600, 229px -333px #ff8000, -179px 82px #ff9900, -183px 17px #ffb300, -3px 39px #ffcc00, -1px -24px #ffe600, -83px -264px yellow, 216px 73px #e6ff00, 249px -128px #ccff00, 124px -105px #b3ff00, -54px 70px #99ff00, -5px 19px #80ff00, 110px 64px #66ff00, -152px -361px #4dff00, -9px -363px #33ff00, 117px -414px #1aff00, -28px -413px lime, -220px 17px #00ff1a, 115px -106px #00ff33, 73px -39px #00ff4d, -165px -339px #00ff66, -95px 27px #00ff80, -131px 71px #00ff99, 71px -349px #00ffb3, -73px -140px #00ffcc, -196px 39px #00ffe6, -218px -343px cyan, 209px -45px #00e6ff, -176px -172px #00ccff, 206px -120px #00b3ff, -146px -329px #0099ff, 219px -364px #0080ff, 147px -189px #0066ff, 128px -141px #004dff, -45px -1px #0033ff, -77px -100px #001aff, -215px 15px blue, 77px -247px #1a00ff, -105px -224px #3300ff, -155px -139px #4d00ff, 0px -409px #6600ff, 87px 74px #8000ff, -160px -280px #9900ff, -191px -402px #b300ff, 221px -372px #cc00ff, 10px -394px #e600ff, -221px 30px magenta, 62px -23px #ff00e6, 152px -349px #ff00cc, 178px -413px #ff00b3, -217px -341px #ff0099, 91px -23px #ff0080, -64px 49px #ff0066, 10px -268px #ff004d, 157px -77px #ff0033, 91px -43px #ff001a, -216px -145px red;
    }
  }
  
  @keyframes c_special_effects_gravity {
    to {
      transform: translateY(200px);
      opacity: 0;
    }
  }
  
  @keyframes c_special_effects_flowing {
    0%, 19.9% {
      margin-top: 10%;
      margin-left: 40%;
    }
    20%, 39.9% {
      margin-top: 40%;
      margin-left: 30%;
    }
    40%, 59.9% {
      margin-top: 20%;
      margin-left: 70%;
    }
    60%, 79.9% {
      margin-top: 30%;
      margin-left: 20%;
    }
    80%, 99.9% {
      margin-top: 30%;
      margin-left: 80%;
    }
  }
  
  .loading-screen .c_special_effects {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
  }
  
  .loading-screen .c_special_effects:before, .loading-screen .c_special_effects:after {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    border-radius: 100%;
    box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff;
    animation: 0.8s c_special_effects_explode ease-out infinite backwards, 0.8s c_special_effects_gravity ease-in infinite backwards, 4s c_special_effects_flowing linear infinite backwards;
  }
  
  .loading-screen .c_special_effects:after {
    animation-delay: 1.25s, 1.25s, 1.25s;
    animation-duration: 1.25s, 1.25s, 6.25s;
  }
  
  .activate-contract-form .vertical-separator {
    margin: 0 auto;
    height: 150px;
    width: 1px;
    background-color: #CCC;
  }
  
  .oe_self_page input.form-control[type='number'] {
    width: 100%;
    text-align: center;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #777;
    color: black;
  }
  
  .oe_self_page select optgroup {
    background-color: #EEE;
  }
  
  .oe_self_page .card_placeholder {
    right: 10px;
    top: 32px;
  }
  
  .oe_self_page .oe_upgrade_invalid_vat {
    display: hidden;
  }
  
  .oe_payment_div {
    margin: 0;
    border: 1px solid gray;
  }
  
  .openerp_website_enterprise_table_container {
    position: relative;
  }
  
  .openerp_website_enterprise_table_container .openerp_website_enterprise_price_table {
    line-height: 2.4em;
    width: 100%;
  }
  
  .openerp_website_enterprise_table_container .openerp_website_enterprise_price_table td {
    padding: .5em 1em;
  }
  
  .openerp_website_enterprise_table_container .openerp_website_enterprise_price_table td:nth-child(2), .openerp_website_enterprise_table_container .openerp_website_enterprise_price_table tr:nth-child(n+1) {
    text-align: right;
    padding-left: 1em;
  }
  
  .openerp_website_enterprise_table_container .openerp_website_enterprise_price_table tr:nth-child(2) {
    line-height: 1.5em;
  }
  
  .openerp_website_enterprise_table_container .openerp_website_enterprise_price_table tr:last-child {
    background-color: #CCC;
  }
  
  .openerp_website_enterprise_table_container .oe_upgrade_payment_card input {
    padding: .33em !important;
  }
  
  .openerp_website_enterprise_table_container .field-card input:disabled {
    background-color: #EEE;
  }
  
  .openerp_website_enterprise_table_container .openerp_website_enterprise_table_spinner {
    position: absolute;
    height: 100%;
    width: 100%;
    display: none;
    background-color: #FFF;
    padding-top: 20%;
    text-align: center;
  }
  
  @media (max-width: 767.98px) {
    .o_support_banner {
      text-shadow: 0 0 6px black;
    }
  }
  
  @media (min-width: 992px) {
    .o_support_form .o_login_panel {
      margin-top: -50px;
    }
    .o_support_form #o_emergency_table.collapse {
      display: table-row-group !important;
    }
  }
  
  .o_support_form #o_emergency_table.show {
    display: table-row-group !important;
  }
  
  .o_support_form .form-control {
    color: #212529;
  }
  
  .o_support_form .o_infobox {
    line-height: 1.45;
    font-size: 14px;
    padding: 0 5px;
  }
  
  .o_support_form .o_infobox .o_infobox_title {
    font-size: 15px;
    margin: 0 -5px 5px;
  }
  
  .o_support_form textarea {
    resize: vertical;
  }
  
  .o_support_form .o_attachments .list-group-item input {
    line-height: 1;
    font-size: 13px;
    font-style: italic;
    color: #6c757d;
  }
  
  .o_support_form .o_attachments .list-group-item .o_less_attachments {
    color: rgba(108, 117, 125, 0.6);
  }
  
  .o_support_form .o_attachments .list-group-item .o_less_attachments:hover, .o_support_form .o_attachments .list-group-item .o_less_attachments:focus, .o_support_form .o_attachments .list-group-item .o_less_attachments.focus {
    color: #D9534F;
  }
  
  .o_support_form .o_attachments .list-group-item:first-child .o_less_attachments {
    display: none;
  }
  
  .o_support_form .o_attachments .list-group-item:not(.js_has_data) {
    background: none;
    box-shadow: none;
  }
  
  .o_support_form .o_attachments .list-group-item.js_has_data input {
    color: #343a40;
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
  }
  
  .o_support_form .o_attachments .list-group-item.js_has_data:first-child .o_less_attachments {
    display: block;
  }
  
  .o_support_form .o_attachments .list-group.js_has_data .list-group-item:first-child .o_less_attachments {
    display: block;
  }
  
  .o_support_form .fa.fa-remove {
    color: #D9534F;
  }
  
  .o_support_form .checkbox {
    padding: 0.375rem 0;
  }
  
  .o_support_form .checkbox input {
    vertical-align: middle;
  }