@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: url("/static_resources/fonts/pt_sans/pt-sans-v12-latin-regular.eot");
    src: local(""),
      url("/static_resources/fonts/pt_sans/pt-sans-v12-latin-regular.eot?#iefix") format("embedded-opentype"),
      url("/static_resources/fonts/pt_sans/pt-sans-v12-latin-regular.woff2") format("woff2"),
      url("/static_resources/fonts/pt_sans/pt-sans-v12-latin-regular.woff") format("woff"),
      url("/static_resources/fonts/pt_sans/pt-sans-v12-latin-regular.ttf") format("truetype"),
      url("/static_resources/fonts/pt_sans/pt-sans-v12-latin-regular.svg#PTSans") format("svg")
}

@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    src: url("/static_resources/fonts/pt_sans/pt-sans-v12-latin-700.eot");
    src: local(""),
      url("/static_resources/fonts/pt_sans/pt-sans-v12-latin-700.eot?#iefix") format("embedded-opentype"),
      url("/static_resources/fonts/pt_sans/pt-sans-v12-latin-700.woff2") format("woff2"),
      url("/static_resources/fonts/pt_sans/pt-sans-v12-latin-700.woff") format("woff"),
      url("/static_resources/fonts/pt_sans/pt-sans-v12-latin-700.ttf") format("truetype"),
      url("/static_resources/fonts/pt_sans/pt-sans-v12-latin-700.svg#PTSans") format("svg")
}

/* Logotyp */
.trex-customer_logo {
    background: url('https://brom.azurewebsites.net/Assets/svg/BROM_logo_liggande.svg') no-repeat;
    height: 50px;
    width: 350px;
    margin-top: 30px;
    background-size: auto 42px;
    background-position: left center;
}

@media only screen and (max-width: 350px) {
    .trex-customer_logo {
        background: url('https://brom.azurewebsites.net/Assets/svg/brom/logo-icon.svg') no-repeat;
        height: 50px; width: 50px;
    }
}

body.trex {
    font-family: 'PT Sans',sans-serif;
}

legend.trex, .trex-form_steps {
    font-size: 21px;
    font-weight: bold;
    color: #202020;
}

/* Top meny & banner */
.trex-form_banner p {
    margin-top: 36px;
    font-size: 21px;
    color: #202020;
}

.trex-form_banner_wrapper {
    min-height: 128px;
    background: #ffff;
}

.trex-form_banner {
  color: white;
}

.trex-form_banner h1 {
  color: black;
  font-size: 1.6rem;
  font-weight: bold;
  top: 90%;
}


/* Meny */
.trex-form_tab_menu_state_label {
    background-color: #871161;
    margin-top: 36px;
    border-radius: 4px;
}

.trex-form_tab_menu_state:checked ~ .trex-form_tab_menu_container .trex-form_tab_menu_top {
    background-color: #871161;
}

.trex-form_tab_menu_state:checked ~ .trex-form_tab_menu_container .trex-form_tab_button_normal {
    background-color: #871161;
}

.trex-form_tab_menu_state:checked ~ .trex-form_tab_menu_container {
    background-color: #B4769F;
}


.trex-field_text_value {
    font-size: 16px;
}

.trex-block_info {
    font-size: 16px;
}

.trex-block_caption {
    word-break: break-word;
    font-size: 16px;
    font-weight: bold;
}

/*.trex-form_steps {
    font-size: 21px;
    color: #871161;
    font-weight: bold;
}*/

.trex-directive_text_caption {
    color: #262626;
    font-size: 18px;
}

.trex-directive_text, .trex-directive_text_short, .trex-directive_text_long {
    font-size: 16px;
}

.trex-directive_text_container {
    background: #EEEEEE;
}


/* Error */
.trex-form_error_content, .trex-review_error_content {
    border-top: none;
    border-bottom: none;
    background-color: #88123a !important;
}

.trex-error_text {
    font-size: 14px;
    color: #fff;
}

.trex-dynamic_error_message_holder {
    float: left;
    background: #88123a;
    color: #fff;
}

.trex-dynamic_error_message {
    font-size: 14px;
    color: #fff;
    padding: 10px;
    display: inline-block;
}

/* Knappar */


.trex-file_upload_section_button > span > button {
    font-family: PT Sans;
    background-color: #871161;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
}

.trex-upload_wrapper_button, .trex-file_upload_button, .trex-submit_button, .trex-button_cancel_form_class, .trex-button_goto_prev_form_page_class, .trex-button_goto_next_form_page_class {
    font-family: PT Sans;
    background-color: #871161;
    border-radius: 4px;
    font-weight: bold;
}

    .trex-upload_wrapper_button:hover, .trex-file_upload_button:hover, .trex-submit_button:hover, .trex-button_cancel_form_class:hover, .trex-button_goto_prev_form_page_class:hover, .trex-button_goto_next_form_page_class:hover {
        background: #381e44;
        color: #fff;
        font-weight: bold;
    }


    .trex-upload_wrapper_button:hover, .trex-file_upload_button:hover, .trex-submit_button:hover, .trex-button_cancel_form_class:hover, .trex-button_goto_prev_form_page_class:hover, .trex-button_goto_next_form_page_class:hover {
        font-family: PT Sans;
        background-color: #B4769F;
        border-radius: 4px;
        font-weight: bold;
    }

    .trex-upload_wrapper_button:focus, .trex-file_upload_button:focus, .trex-submit_button:focus, .trex-button_cancel_form_class:focus, .trex-button_goto_prev_form_page_class:focus, .trex-button_goto_next_form_page_class:focus {
        font-family: PT Sans;
        background-color: #871161;
        border-radius: 4px;
        font-weight: bold;
    }

    .trex-upload_wrapper_button:active, .trex-file_upload_button:active, .trex-submit_button:active, .trex-button_cancel_form_class:active, .trex-button_goto_prev_form_page_class:active, .trex-button_goto_next_form_page_class:active {
        font-family: PT Sans;
        background-color: #381E44;
        border-radius: 4px;
        font-weight: bold;
    }

    .trex-upload_wrapper_button.disabled, .trex-upload_wrapper_button.disabled:hover, .trex-upload_wrapper_button[disabled], .trex-upload_wrapper_button[disabled]:hover, .trex-submit_button.disabled, .trex-submit_button.disabled:hover, .trex-submit_button[disabled], .trex-submit_button[disabled]:hover, .trex-file_upload_button.disabled, .trex-file_upload_button.disabled:hover, .trex-file_upload_button[disabled], .trex-file_upload_button[disabled]:hover, .trex-button_cancel_form_class.disabled, .trex-button_cancel_form_class.disabled:hover, .trex-button_cancel_form_class[disabled], .trex-button_cancel_form_class[disabled]:hover, .trex-button_goto_prev_form_page_class.disabled, .trex-button_goto_prev_form_page_class.disabled:hover, .trex-button_goto_prev_form_page_class[disabled], .trex-button_goto_prev_form_page_class[disabled]:hover, .trex-button_goto_next_form_page_class.disabled, .trex-button_goto_next_form_page_class.disabled:hover, .trex-button_goto_next_form_page_class[disabled] .trex-button_goto_next_form_page_class[disabled]:hover {
        background-color: #B4769F;
        color: #fff;
        font-weight: bold;
        opacity: 0.5;
    }


/* Google translate */
.trex-translator_plugin {
    height: auto;
    min-height: 20px;
    padding: 10px 0;
    background-color: #e3d2e0;
    color: #202020;
    font-weight: bold;
}


    .trex-translator_plugin .goog-logo-link {
        color: #202020;
    }


    .trex-translator_plugin .goog-te-gadget select {
        color: #202020;
        font-size: 16px;
    }

.goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active {
    font-size: 12px;
    font-weight: bold;
    color: #202020;
    text-decoration: none;
}

.trex-form_steps h2 {
  color: #000000;
}

.trex-paper_cell_caption {
	font-size: 0.6em;
	font-style: normal;
	line-height: 0.8em;
}

.trex-mandatory, .trex-block_mandatory {
  color: #ff0000;
}

.trex-main_instance_header_caption {
  color: black;
}

.trex-formtab_menu_wrapper > .menu_toggle:hover {
  background-color: #871161;
}

.trex-formtab_menu_wrapper > .trex-formtab_menu_dropdown > .trex-form_tab_button_normal:focus, .trex-formtab_menu_wrapper > .trex-formtab_menu_dropdown > .trex-form_tab_button_normal:hover {
  background-color: #871161;
}

.trex-formtab_menu_wrapper > .menu_toggle {
  background-color: #871161;
}

.trex-formtab_menu_wrapper > .trex-formtab_menu_dropdown > .trex-form_tab_button_normal {
  background-color: #871161;
}

.trex-formtab_menu_wrapper > .trex-formtab_menu_dropdown > .formtab_menu_top {
  background-color: #871161;
}

.trex-formtab_menu_wrapper > .trex-formtab_menu_dropdown > .trex-form_tab_button_selected:hover {
  background-color: #871161;
}

div.trex-block_info span.trex-block_info {
    left: 32%;
    max-width: 35%;
}

div.trex-block_info button.trex-block_info{
    right: 32%;
}

.trex-block_info_text_button::after {
  color: #871161;
}

div.trex-block_info span.trex-block_info {
  text-align: left;
}

@media only screen and (max-width: 900px) {
  /* For mobile phones: */
    .trex-customer_logo {
      margin-top:  1px;
    }
    
    .trex-form_banner h1 {
     margin-top: 30px;
    }
    
    .top_image {
      top: 50px;
    }
}