body {
    font-family: 'Roboto', sans-serif, arial;
    background-color: #ffffff ;
}
/**
 * table style reset: Style as divs;
 */
table,
tbody,
th,
td,
tr {
    display: block;

}
/**
 * Font reset
 */
table,
tbody,
th,
td,
tr,
div,
input,
h1,h2,h3,
li{
    color: #777777;
    font-size: 1rem;
}

input[type=text],
input[type=password] {
    box-sizing : border-box;
}
/*vendor specific support*/
input::placeholder { color: #B9B8B8; }
input:-ms-input-placeholder { color: #B9B8B8 !important;}
input::-webkit-input-placeholder { color: #B9B8B8; }
/*

*/
html{ /*Controls sizing of all REM values*/
    font-size: 16px;
}
.hidden {
    display: none!important;
}
/**
 *  END OF STYLE RESET
 */
tr.toplinks {
    text-align: center;
}
.toplinks > td {
    line-height: 0;
}
.toplinks a {
    display: block;
    /*width: 100%;*/
    background-color: #ffffff;
    padding: 0.7rem;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 1px 1px 0;

}
.toplinks a,
.toplinks a:visited,
.toplinks a:active {
    color: #6c5198; /* MILLNET COLOR, DO CUSTOMER COLOR HERE*/
}
.toplinks a:hover {
    background-color: #f4f4f4;
}
table.toplinks,
table.mainlinks {
    background-color: #fff;
}
table.mainlinks,
tr.mainlinks,
tr.mainlinks td,
tr.mainlinks td a {
    display: block;
}
tr.mainlinks td:first-child {
    background: linear-gradient(to bottom, #eee,white,white);
    padding-top: 0.5rem;
}
tr.mainlinks td:last-child {
    padding-bottom: 0.5rem;
    background: linear-gradient(to bottom, white,white, #eee);
}
tr.mainlinks td a {
    min-width: 15rem;
    text-decoration: none;
    color: #777777;
    padding: 6px 15px;
    margin: 0.1rem auto;
    text-align: left;
    font-size: 0.8rem;
    border-bottom: 1px solid lightgray;
}
.mainlinks span.mainlink-text {
    height: 1.5rem;
    margin-top: -1rem;
    display: inline-block;
    vertical-align: middle;
    padding-left: 1rem;
}
tr.mainlinks td a:hover {
    color:#333;
}
tr.mainlinks td a img {
    width: 30px;
    height: 30px;
    opacity: 0.5;
}
tr.mainlinks td a:hover:hover img {
    opacity: 1;
}
tr.mainlinks td.currentPage a img {
    opacity: 1;
}
table.mainlinks {
    height:0;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}
#menu-toggle-hidden:checked ~table.mainlinks {
    height:auto;
    visibility: visible;
    opacity: 1;
    border-bottom: 1px solid black;
}
.menu-toggler {
    display: block;
    padding: 0.7rem 0;
    text-transform: uppercase;
    color: #555;
    text-align: left;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    cursor: pointer;
}
.menu-icon {
    height: 30px;
    width: 30px;
    margin-left: 15px;
    vertical-align: middle;
}
.menu-toggler:hover {
    background-color: #eee;
}
table.responsive-table {
    /*padding: 1rem;*/
}
table.responsive-table th {
    padding: 0.3rem 0;
}
.wrapper-div div.info-text {
    padding: 0.3rem 0;
}
/*
        RAF
 */
#overDiv {
    background-color: lightblue;
    box-shadow: 3px 3px 3px rgba(1,1,1,0.3);
    border-radius: 5px;
    padding: 1rem;
}
.mtradcompanylogo {
	margin: 0 auto;
	display: block;
}
.mtradcolumnleft,
.mtradcust,
.mtradname,
.mtradlocality,
.mtraddate,
.mtraddate,
.mtradinfotable,
.mtradparagraphtext,
.mtradparagraphcaption,
.mtradappendixcaption,
.mtradappendix {
    /*margin: 0 1rem;*/
    /*width: 750px;*/
    max-width: 100%;
}
.raf_content {
    padding-bottom: 3rem;
}
/*
    BACKROUND ICONS
 */
.login-header-icon,
.wrapper-div-icon[mtr-data="RAF_STATIC_APPLICATION_HEADER"],
.wrapper-div-icon[mtr-data="RAF_STATIC_PERSON_HEADER"],
.wrapper-div-icon[mtr-data="RAF_STATIC_ACCOUNT_HEADER"] {
    background-size: 100%;
    background-position: top right;
    background-repeat: no-repeat;
    position: absolute;
    right: 1rem;
    top: 1rem;
    opacity: 0.1;
    float:right;
    width: 3rem;
    height: 3rem;
}
.login-header-icon {
    background-image: url('../../images/svg/sign-in.svg');
}
.wrapper-div-icon[mtr-data="RAF_STATIC_PERSON_HEADER"] {
    background-image: url('../../images/svg/account-info.svg');
}
.wrapper-div-icon[mtr-data="RAF_STATIC_ACCOUNT_HEADER"] {
    background-image: url('../../images/svg/account-info.svg');
}
.wrapper-div-icon[mtr-data="RAF_STATIC_APPLICATION_HEADER"] {
    background-image: url('../../images/svg/form.svg');
}
span.icon-upload {
    background-repeat: no-repeat;
    background-image: url('../../images/svg/upload.svg');
    height: 0.9rem;
    width: 1rem;
    display: inline-block;
    margin-left: -1rem;
    margin-right: 1rem;
}
.loading span.icon-upload {
    background-image: url('../../images/anim-circle-small-bw.gif'); /*TODO change to svg and css animation */
}
.raf_form .raf_header,
.raf_desc {
    padding: 1rem;
    margin: auto 5px;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
    background-color: #ffffff;
}

.raf_form .raf_header {
    border: 1px solid #ccc;
    font-size: 1.4rem;
}
.login-header > .raf_header {
    background: 0;
}

.raf_form > div.raf_login,
.rafa_form > div.rafa_login,
.raf_extauth .raf_extauth,
.register-info-text,
.loginext,
.loginsite h2,
.wrapper-div {
    font-size: 1rem;
    color: #777;
    background-color: #ffffff;
    padding: 1rem;
    margin: 1rem 5px 1rem 5px;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
    border: 1px solid #ccc;
}
.register-info-text,
.loginext,
.raf_extauth .raf_extauth,
.wrapper-div {
    margin-bottom: 2rem;
    margin-top: 0;
    position: relative;
}
.loginsite h2 {
    margin: 0 5px;
}
.textbox {
    padding: 0.5rem;
}
.textbox div {
    font-size: 0.8rem;
}

.raf_content input[type="checkbox"] {
    width: auto;
    width: 2rem;
}
.raf_tab select {
    width: 100%;
    height: 2rem;
    font-size: 1rem;
    color: #777;
}
.raf_tab tr {
    /*margin: 0.5rem;*/
    padding: 0.5rem 1rem 0.5rem 1rem;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
}
.raf_tab .header-row {
    box-shadow: initial;
    height: 2rem;
}
.header-row div {
    font-size: 1.4rem;
}
.raf_content .raf-file-item {
    
}
.fileupload-info-text {
    margin-bottom: 1rem;
    margin-top: 0.5rem;
    font-style: italic;
    font-size: 0.9rem;
}
tr.appendix-list-entry td:nth-child(1),
.raf_content .raf-file-item .filename::before{
    border-radius: 1rem;
    width: 7px;
    height: 7px;
    margin-left: -14px;
    content: " ";
    display: block;
    position: absolute;
    background: #999;
    margin-top: 6px;
}
tr.appendix-list-entry td:nth-child(1) { /* profile page's file list*/
    margin-left: 6px;
    padding: 0;
    margin-top: 12px;
}
.raf_content .raf-file-item .filename.new-file::before{
    background: #00CC66;
}
tr.appendix-list-entry td:nth-child(2),
.raf_content .raf-file-item .filename {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: auto;
    padding: 0.3rem;
    padding-left: 1.2rem;
}
tr.appendix-list-entry:nth-of-type(2n+3),
.raf_content .raf-file-item:nth-of-type(2n) {
    background: white;
}
tr.appendix-list-entry:nth-of-type(2n-1),
.raf_content .raf-file-item:nth-of-type(2n-1) {
    background: #fafafa;
}
.raf_content .file-wrapper a {
    text-decoration: none;
    word-wrap: inherit;
    display: inline-block;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
}
tr.appendix-list-entry,
.raf_content .raf-file-item {
    border: 1px solid #aaa;
    margin-top: -1px;
    display: flex;
}
.raf_content .raf-file-item > div{
    height: 2rem;
    vertical-align: middle;
    box-sizing: border-box;
    display:inline-block;
}
tr.appendix-list-entry td:nth-child(3),
.raf_content .raf-file-item .file-buttons {
    padding: 0.2rem;
    border-left: 1px solid lightgray;
    width: 30px;
    min-width: 30px;
}
/*tr.appendix-list-entry td:nth-child(3) a {
    margin: 0 auto;
}*/
tr.appendix-list-entry td:nth-child(3) img,
.raf_content .raf-file-item .file-buttons img {
    height: 20px;
    width: 1rem;
    cursor: pointer;
    display: block;
    margin: 3px auto;
}

.raf_content img.file-item-icon {
    float:right;
}

.wrapper-div h1 {
    font-size: 1.4rem;
    font-weight: normal;
    padding-bottom: 0.5rem
}
.register-info-text h2,
.wrapper-div h2 {
    font-size: 1.4rem;
    font-weight: normal;
    padding-top: 0.5rem;
    padding-top:1rem;
}
.wrapper-div h3 {
    font-size: 1.2rem;
    font-weight: normal;
    padding-top:1rem;
    padding-bottom: 0.5rem
}
.wrapper-div > div {
    padding: 0.3rem;
    position: relative;
}
.wrapper-div > div > div{
    padding: 0.3rem;
}
.wrapper-div div.profiletext {
    padding: 0.3rem 0;
}
input.informrequired,
select.informrequired {
    background-image: url("../../images/svg/obligatory_grey.svg");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center right 1rem;
    background-size: 1.5rem;
}
img.reqmarker {
    position: relative;
    margin-top: -1.6rem;
    float: right;
    margin-right: 1.5rem;
    width:1rem;
    height:1rem;
    opacity: 0.6;
}
.h20, .h10 {
    display: none;
}
.bodyColumn {
    margin: 1rem 0;
}
/*
    mtrMessage, feedback from form posts
 */
.mtrMessage,
.raf_message {
    background-color: #ffffff;
    box-shadow: 3px 3px 3px rgba(1,1,1,0.3);
    color:#777;
    padding:1rem;
    margin: 0 5px;
    border: 1px solid #ccc;
    display: none;
}
.mtrMessage .head,
.raf_message div.error h2,
.raf_message div.notice h2 {
    color: #777777;
    font-weight: normal;
    font-size: 1.5rem;
    padding: 1rem 1rem 0 1rem;
    background-color: #d6f5ff;
    border-radius: 5px 5px 0 0;
    box-shadow: 3px 3px 3px rgba(1,1,1,0.3);
}
.raf_message div h2 img {
    padding-right:1rem;
    width: 1rem;
}
.raf_message div.error > div,
.raf_message div.notice > div {
    padding:1rem;
    background-color: #d6f5ff;
    box-shadow: 3px 3px 3px rgba(1,1,1,0.3);
}
.mtrMessage .msgs,
.raf_message > div.error ul,
.raf_message > div.notice ul{
    padding:1rem;
    background-color: #d6f5ff;
    border-radius: 0 0 5px 5px;
    box-shadow: 3px 3px 3px rgba(1,1,1,0.3);
}
.mtrMessage li,
div.error li.error,
div.notice li.notice {
    padding: 0.3rem;
    border-radius: 5px;
    margin: 0.3rem 2rem;
    color:#777;
}

.mtrMessage li:before,
div.error li.error:before,
div.notice li.notice:before {
    content:'';
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    margin-left: -2rem;
    margin-top:-2px;
    border-radius: 5px;
    border: 1px solid #333;
}

.mtrMessage .notice li:before,
div.error li.error:before,
div.notice li.error:before {
    background-color: #add8e6;
}
.mtrMessage .fatal li:before {
    background-color: #fde0e0;
}

.mtrMessage.msg-error, .raf_message {
    position: fixed;
    bottom: 5px;
    z-index: 999;
}
/*
    User registration
 */
.bodyColumn > h1 {
    font-size: 1.7rem;
    padding: 0.3rem 1rem;
    font-weight: normal;
    background-color: #ffffff;
    box-shadow: 3px 3px 3px rgba(1,1,1,0.3);
    border: 1px solid #ccc;
    margin: auto 5px;
}
.disc a {
    color: #6c5198;
    text-decoration: none;
    text-transform: uppercase;
    padding:0.3rem;
    line-height: 2rem;
}
.info-box {
    padding: 1rem;
    line-height: 1.3rem;
}
td.account-status-label,
td.account-status {
    display: inline-block;
    padding: 0.8rem 0.3rem 0.3rem 0.3rem;
}
td.label-td {
    padding: 0.8rem 0.3rem 0.3rem 0.3rem;
}
.save-buttons-pair input[type="button"]{
    /*width: 45%;*/
}
/*
    FORM: TOP LOGIN
 */
.raf_login .raf_header { /* LOGIN HEADER NEEDS OVERWRITES OF .raf_form .raf_header*/
    padding: 0 0 0.5rem 0;
    margin: auto 5px;
    box-shadow: initial;
}
.raf_login input,
.rafa_login input,
.raf_content input,
#raf_jscanvas input,
.raf_content input[type="text"],
.wrapper-div input {
    width: 100%;
    height: 2rem;
    font-size: 1rem;
    padding: 0 1rem 0 1rem;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.raf_content input[type="checkbox"],
#raf_jscanvas input[type="checkbox"],
.wrapper-div input[type="checkbox"] {
    width: 2rem;
    vertical-align: middle;
}
.raf_login label,
.rafa_login label,
.raf_conent label {
    font-size: 1.2rem;
}
.raf_login input[type="button"],
.raf_login input[type="submit"],
.wrapper-div input[type="submit"],
input[type="button"]
 {
    text-transform: uppercase;
    background-color: #ffffff;
    color: #6c5198;
    cursor: pointer;
}
.disabled-button {
    color: #885fb280 !important;
    cursor: initial !important;
}
.user-info {
    background-color: #d6f5ff;
    box-shadow: 3px 3px 3px rgba(1,1,1,0.3);
    border-radius: 0.2rem;
    margin: 0 0.3rem;
}
.login-info > div > div {
    padding-top: 0.3rem;
}
.raf_desc {
    padding: 1rem 1rem 1rem 2rem;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
    background-color: #ffffff;

}
/*
    Warnings and help texts
    
    Wild card selectors should probably be replaced with propper class from html-generating server code
 */
div[id$='_rafErrorText'] {/*WILD CARD SELECTOR TO TARGET ALL WRAPPERS OF ERROR TEXT*/
    padding:0;
    margin:0;
}
.rafErrorText {
    position: absolute;
    right:0;
    font-size: 0.8rem;
    color:red;
    margin-top: -0.7rem; /*COUNTERS PADDING SO SHOULD BE BALANCED*/
}
td > .rafErrorText {
    margin-top: 0; /*This targets error text on person.tmpl.jsp */
}
#pinfoform div[id$='-helptext'],
div[id$='_refHelp'] { /*WILD CARD SELECTOR "ENDS WITH" TO TARGET ALL WRAPPERS OF HELP TEXT*/
    position: absolute;
    padding: 1rem;
    left: 50%;
    z-index: 99999;
    background: lightblue;
    max-width: 50%;
    bottom: 3.5rem;
    border-radius: 0.3rem;
}
div#raf_cvletter_refHelp {
    bottom: 0.2rem;
}
#pinfoform div[id$='-helptext'] {
    /*position: relative;*/
}
.rafHelp {
    /*position: absolute;
    padding:0.3rem;
    margin-top: -5rem;
    z-index: 99999;
    background: lightblue;*/
}
.rafHelp:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50px;
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: lightblue transparent;
    display: block;
    width: 0;
}
/*
    Work Request Area // wrarea

 */
#raf_wrarea_label, #raf_wrcity_label {
    font-size: 1.4rem
}
#raf_wrarea_tr .raflabel, #raf_wrcity_tr .raflabel{
    min-height: 4rem; /* HEIGHT TO PREVENT CONTENT TO MOVE WHEN REQUIRMENT WARNING IS INSERTED */
}
div[id^=raf_wr] {
    background-color: #f7f7f7;
    padding: 0.1rem;
}
div[id^=raf_wr] input[type="checkbox"] {
    display: none;
}
div[id^=raf_wr] input[type="checkbox"]~ label {
    display: block;
    margin-left: 4rem;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 0.4rem;
    animation-duration: 0.3s;
    cursor:pointer;
    user-select:none;
}
div[id^=raf_wr] input[type="checkbox"]~ label:before {
    content: "";
    width:1.8rem;
    height: 0.5rem;
    display: block;
    position: absolute;
    margin: 0.5rem 0 0 -2.5rem;
    background-color: #aaa;
    border-radius: 2px;
}
div[id^=raf_wr] input[type="checkbox"]:checked~ label:before {
    background-color: #6c5198;
}
div[id^=raf_wr] input[type="checkbox"]:checked ~ label{
    text-decoration: underline;
}
div[id^=raf_wr] input[type="checkbox"]~ label span.checkbox-toggle {
    width: 1rem;
    height: 1rem;
    background-color: #555;
    border-radius: 0.5rem;
    position: absolute;
    margin-left: -2.5rem;
    margin-top: 0.25rem;
    animation-name: wrarea_label_deselect;
    animation-duration: 0.5s;
}
div[id^=raf_wr] input[type="checkbox"]:checked~ label span.checkbox-toggle {
    margin-left:-1.5rem;
    animation-name: wrarea_label_select;
    animation-duration: 0.5s;

}
.edge-date-clear {
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: -10px;
    top: 0.7rem;
    user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
}
@keyframes wrarea_label_select {
    0% {margin-left: -2.5rem;}
    100% {margin-left: -1.5rem;}
}
@keyframes wrarea_label_deselect {
    0% {margin-left: -1.5rem;}
    100% {margin-left: -2.5rem;}
}
/**
 * Account information
 *
 */
#raf_emailcircular_tr input[type="checkbox"] {
    position: absolute;
}
#raf_emailcircular_tr label {
    margin-left: 3rem;
    display: block;
    font-size: 0.9rem;
}
/*
    RAF CV, Appendix and extra questions
 */
#raf_appletter_label,
#raf_appappendix_label {
    font-size: 1.2rem
}
#raf_appletter,
#raf_cvletter {
    width: 100%;
}
.raf_hidden_fileelement {
    display: none;
}
.file-item-name {
    margin: 0 1rem 0 1rem;
}
.file-item-ok {
    margin-left: 1rem;
}
.file-item-remove {
    margin-left: 1rem;
}
#raf_appappendix_button,
#raf_cvappendix_button,
.upload-button {
    color: #6c5198;
    /*margin: 0 1rem;*/
    display: block;
    text-align: center;
    border: 0.5px solid #ccc;
    padding: 0.3rem;
    cursor: pointer;
}
input[type="file"]#photofile,
input[type="file"]#appfile {
    display: none;
}
label.fileIsSelected {
    border-color: green;
}
.raf_questions-label {
    font-size: 1.1rem;
}
/*
TEARMS OF SERVICE
 */
.wrapper-div.tos-wrapper {
    margin-bottom:0;
    padding-bottom: 2rem;
}
#raf_tos_tr label,
#raf_tos_tr a {
    font-size: 1rem;
}
.raf_buttons {
    padding: 0.3rem;
    margin:1rem;
}
input#raf_tos {
    position: absolute;
}
.tos_label_wrapper {
    margin-left: 3rem;
    /*transform: translateY(50%);*/
}
img#raf_tos_reqimg {
    float: none;
    position: static;
    margin:0;
}
/*

    APPLY BUTTON
 */
.raf_buttons_app,
.raf_buttons_reg {
    padding:0;
    margin:0;
}
#raf_applybtn,
#raf_jscanvas input#raf_applybtn,
#raf_regbtn {
    color: #ffffff; /* WHITE TEXT SENSITIVE TO CUSTOMER COLLOR */
    background-color: #6c5198; /* MILLNET COLOR, DO CUSTOMER COLOR HERE*/
    text-transform: uppercase;
    cursor: pointer;
    height:4rem;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
}

/*
    Profile
*/
div.raf-required,
*:not(.wrapper-div) > div.profiletext {
    margin: 0 5px;
    background: #ffffff;
    box-shadow: 3px 3px 3px rgba(1,1,1,0.3);
    padding: 0.6rem 1rem;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
#pinfoform td{
    position: relative; /* Need for helptext's absolute positioning*/
}
.iconok {
    float:right;
    position: relative;
    right: 1rem;
    bottom: 1.4rem;
    width: 1rem;
}
.photo-td {
    position: relative;
}
#photoLimitationsText {
    position: absolute;
    width: 50%;
    right: 0px;
    bottom: 7rem;
    visibility: hidden;
    background: lightblue;
    color: rgb(119, 119, 119);
    padding: 1rem;
    border-radius: 5px;
    box-shadow: 3px 3px 3px rgba(1,1,1,0.3);
}
.wrapper-div td {
    padding: 0.3rem 0;
    position: relative;
}
tr.inner-wrapper-tr-start {
    border: 1px solid #aaa;
    padding: 0.5rem;
    margin: 0.3rem;
    margin-top: 1rem;
}
inner-wrapper-tr-end {

}
img.candidatephoto {
    display: block;
    padding: 0.3rem;
    margin: 0 auto;
}
#delphoto,
label[for="delphoto"] {
    margin-top:1rem;
    vertical-align: middle;
    display: inline-block;
}
.wrapper-div #letter {
    width: 100%;
    border-color: #aaa;
    box-sizing: border-box;
    color: #777;
    padding: 0.5rem;
}
.appendix-list-entry td{
    display: inline-block;
}
.tblctrllink img {
    width: 0.8rem;
}
input[type="file"].hiddenFileInput {
    display:none;
}
div.filePickerWrapper {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 25px;
    height: 28px;
    max-width: 400px;
    background-color: #f7f7f6;
    white-space: nowrap;
}
div.filePickerWrapper .fileLabel {
    cursor: pointer;
    /*width: 50px;*/
    height: 12px;
    display: inline-block;
    padding: 6px 10px;
    border: 1px solid #767676;
    border-radius: 25px;
    text-align: center;
    margin: 1px;
    margin-right: 6px;
    font-weight: bold;
    color: #ffffff; /*#6c5198;*/
    background-color: #6c5198;
    font-size: 12px;
    line-height: 14px;
}
div.filePickerWrapper .fileLabel:hover {
    border-color: #6c5198;
}
div.filePickerWrapper .fileName {
    display: inline-block;
    max-width: 250px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 15px;
    margin-right: 14px;
    white-space: nowrap;
    vertical-align: middle;
    padding-bottom: 2px;
    font-size: 12px;
    color: #333;
}
.appendix-table .appendix-list {
    margin-top: -1rem; /*UGLY HACK :)*/
}
/*
    Education
 */
table#tblcompetence_areas th,
table#tblcompetence_areas tr:nth-child(1),
table.workexptables th,
table.workexptables tr:nth-child(1),
table#tbleducation th,
table#tbleducation tr:nth-child(1),
table.summary-table tr:nth-child(1),
table.summary-table th {
    display: none;
}
table#tblcompetences_areas tr:nth-child(n+1),
table.workexptables tr.firstline,
table#tbleducation tr.firstline {
    border-top: 1px solid #777;
}
table#tblcompetences_areas tr:nth-child(n+1),
table.workexptables tr.lastline,
table#tbleducation tr.lastline {
    border-top: 1px solid #777;
}
table#tblcompetences_areas td,
table.workexptables td,
table#tbleducation td {
    font-size: 0; /*HACK TO REMOVE WHITE SPACE */
}
table#tblcompetence_areas span,
table.workexptables span,
table#tbleducation span,
table.summary-table span {
    font-size: 0.8rem;
    display: inline-block;
    word-break: break-word;
}
table#tblcompetence_areas tr:nth-child(1) th,
table.workexptables tr:nth-child(1) th,
table#tbleducation tr:nth-child(1) th,
table#competence_tblflat tr:nth-child(1) th,
table#competence_language tr:nth-child(1) th {
    color:#777777;
    /*border-bottom: 1px solid #777;*/
    font-weight: bold;
}
table.workexptables .responsive-title,
table#tbleducation .responsive-title,
table.summary-table .responsive-title {
    display: inline-block;
    width: 8rem;
    font-weight: bold;
}
table.workexptables .desccell span.responsive-title {
    display: block;
    margin: 0.3rem 0;
    text-decoration: underline;
}
table.workexptables .formctrl,
table#tbleducation .formctrl {
    text-align: center;
    padding: 10px;
    margin-top: 10px;
}
table#tbleducation a.tblctrllink {
}
table.workexptables a.tblctrllink:before,
table#tbleducation a.tblctrllink:before {
    content: attr(title);
    text-transform: uppercase;
    color: #6c5198;
    border: 1px solid #6c5198;
    padding: 3px;
    font-size: 0.9rem;
}
table.workexptables .formctrl a,
table#tbleducation .formctrl a{
    text-decoration: none;
    width: 2rem;
    height: 2rem;
    margin-left: 5px;
}
table.workexptables .formctrl a img, 
table#tbleducation .formctrl a img {
    width: 0px; /* HACK TO REMOVE IMAGE*/
}
table.workexptables .lastline,
table#tbleducation .lastline {
    background: linear-gradient(to bottom, #ddd,#eee );
    height: 1rem;
}
table.language-select-table {
    margin: 1rem 0;
}
table.language-select-table th {
    display: none;
}
table.language-select-table td select {
    max-width: unset;
}
table#competence_tblflat tr:nth-child(n+2),
table#competence_language tr:nth-child(n+2),
table#tblcompetence_areas tr:nth-child(n+1) {
    border-top: 1px solid gray;
    padding-top: 3px;
}
table#competence_tblflat tr:nth-child(n+1):after,
table#competence_language tr:nth-child(n+1):after,
table#tblcompetence_areas tr:nth-child(n+1):after {
    display: block;
    background: linear-gradient(to bottom,#ddd,#eee);
    height: 1rem;
    content: " ";
    border-top: 1px solid gray;
}
table#competence_tblflat td,
table#competence_language td {
    min-width: 7rem;
}
table#tblcompetence_areas.summary-table span.indent-value {
    margin-left:0;
}
table#competence_tblflat.summary-table td,
table#competence_language.summary-table td {
    display: inline-block;
}
.cvformdiv h2 {
    padding: 0.5rem;
    border-bottom: 1px solid #777;
}
.cvformdiv .title-row {
    display:none;
}
.cvformdiv .responsive-title {
    display: block;
}
.cvformdiv .edu-section {
    margin-top: 1rem;
    margin-bottom: 2rem;
}
.cvformdiv .edu-label {
    margin-top: 0.5rem;
    margin-bottom: 0.2rem;
}
.cvformdiv select:not(.polyfilling),
.cvformdiv input[type="text"] {
    height: 2rem;
    width: 100%;
    color: #777777;
    border: 1px solid #777777;
}
.cvformdiv .rad-flexbox {
    display:flex;
}
.cvformdiv .rad-flex-1 {
    flex: 1;
}
.cvformdiv .rad-flex10px {
    flex: 0 0 10px;
}
.cvformdiv input[name^="eduextent"] {
    width: 50%;
}
.cvformdiv select[name^="eduextentunit"] {
    width: 30%;
}
.cvformdiv select[name^="wefromyear"],
.cvformdiv select[name^="wefrommonth"],
.cvformdiv select[name^="wetoyear"],
.cvformdiv select[name^="wetomonth"]{
    width: 6rem;
}

.cvformdiv table {
    max-width: 35rem;
    margin: 0 auto;
}
textarea[name="compdesc_sprak"],
textarea[name="compdesc_kunskaper"],
.table-header-row textarea,
.cvformdiv textarea {
    width:100%;
}
#otherworkexp textarea {
    width: 100%;
}
.wrapper-div textarea {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    font-family: Roboto, sans-serif;
    line-height: 2rem;
    padding: 1rem;
}

.competence-area-row {
    border-bottom: 1px solid #ccc;
}
.competence-area-row label {
    padding: 0 1rem;
}
.competence-area-row input[type="text"] {
    display: none;
    margin: 0.5rem 0 1rem 0;
}
.competence-area-row input[type="checkbox"]:checked ~ input[type="text"] {
    display: block;
}
.competence-driverslicense-table label {
    margin-left: 1rem;
}
.comptence-table,
.summary-table-light {
    display: table;
}
table.competence-driverslicense-table {
    width: 100%;
}
.comptence-table tr,
.summary-table-light td {
    display: table-row;
}
.comptence-table th,
.comptence-table td,
.summary-table-light td {
    display: table-cell;
}
.competence-driverslicense-table tr {
    display: inline-block;
    padding: 0 1rem;
}
.competence-driverslicense-table tr.block-row {
    display: block;
}
..competence-driverslicense-table tr.
.competence-driverslicense-table td.w10 {
    display: none;
}
.comptence-table > tbody > tr {
    display: block;
}
.comptence-table > tbody > tr[id^="domcomp"] > td{
    display:block;
}

.comptence-table td:nth-child(1) {
    padding-top: 0.5rem;
}
.competence-table a {
    text-decoration: none;
}
td.headline-row {
    font-size: 1.4rem;
    padding: 1rem 0;
}
table.responsive-expand-table img,
table.responsive-table img {
    width: 1rem;
    opacity: 0.5;
}
table.responsive-table select {
    width: 100%;
    height: 2rem;
    font-size: 1rem;
    max-width: 29rem;
    margin: 0 auto;
    display: block;
}
table.responsive-expand-table a,
table.responsive-table a {
    text-decoration: none;
    color: #777;
}
table.responsive-expand-table ul ul,
table.comptence-table table {
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    border-left: 5px solid #ccc;

}
table.responsive-expand-table ul ul,
table.comptence-table table td {
    display: block;

}
table.responsive-expand-table ul li{
    padding: 0.3rem;
}

.responsive-table .compleaf label {

}
span.comproot {
    margin-left: 0.5rem;
}
/**
 *    Work requests
 */
table.workreq-to-from {display: table;}
table.workreq-to-from tbody {display: table-row-group;}
/*table.workreq-to-from tr {display: table-row;}*/
table.workreq-to-from td {display: table-cell;}
table.workreq-to-from span {display: block;}
table.workreq-to-from input {width: auto;}
table.workreq-to-from td.label-cell {
    display: block;
    text-align: left;
}

table.work-avail-old select,
.workreq-locality-div select {
    width: 100%;
    height: 2rem;
    font-size: 1rem;
    color: #777777;

}

table.workreq-locality-list {display: table;}
table.workreq-locality-list tr {display:table-row;}
table.workreq-locality-list td {display:table-cell;}
.workreq-locality-add-table {
    border: 1px solid #ccc;
}
/*
    SUMMARY
*/
#summary-links li a{
    display: block;
    color: #6c5198;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0.3rem;
    font-size: 0.8rem;
}
td.contacttype {
    width: 8rem;
}
.summary-comment.italic {
    font-size: 0.8rem;
    font-style:italic;
}
.summary-section,
.summary-section td,
.summary-section li {
    font-size: 0.8rem;
}
div.summary-page.wrapper-div > h2 {
    padding: 0.3rem;
}
div.summary-section.summary-comment {
    background: #f5f3f3;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 1rem;
    padding-top: 0;
    margin-top: 1rem;
    margin: 1rem 5px;
}
div.summary-section.summary-comment h3 {
    padding-top: 1rem;
    font-weight: 500;
}
.wrapper-div > div.summary-section > div {
    padding: 0;
}
.summary-comment-text {
    line-height: 2rem;
    white-space: pre-line;
    word-break: break-word;
}
table.summary-table tr {
    /*border: 1px solid #ccc;*/
}
table.summary-table td {
    /*font-size: 0.8rem;*/
}
div.summary-section .indent-value {
    margin-left: 2rem;
    list-style: square outside none;
}
div.summary-section .indent-value:not(:empty) {
    display: list-item;
}
div.summary-section .formctrl {
    display: none;
}
div.summary-section.personal-letter > h3 {
    font-weight: 500;
}
div.summary-section.personal-letter {
    background: #f5f3f3;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 1rem;
    padding-top: 0;
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 2rem;
}
/*
    APPLICATIONS
 */

div.wrapper-div.applications-list a{
    color:#6c5198;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0.3rem;
    font-size: 0.8rem;
}
.mtradtable img {
    max-width: 100%;
}
.mtradtable .mtradcolumnleft {
    text-align: center;
}
.mtradtable .mtradname {
    font-size: 1.5rem;
}
.mtradtable .mtraddate { /*PUBLISHED*/
    padding: 0.3rem 0;
    padding-top: 1rem;
}
.mtradtable .mtraddate .datetitle {
    font-weight: bold;
}

table.mtradinfotable { /* TABLE META DATA CONTAINER*/
    display: table;
    width: 100%;
    margin-bottom: 1rem;
}
table.mtradinfotable tbody {
    display: table-row-group;
}
table.mtradinfotable tr {
    display: table-row;
}
table.mtradinfotable th,
table.mtradinfotable td {
    display: block;
    line-height: 1.2rem;
    padding: 0;
}
table.mtradinfotable th {
    font-weight: bold;
    padding-top: 1rem;
}
.mtradparagraphcaption {
    font-size: 1.5rem;
    padding: 0.3rem 0;
}
.mtradparagraphtext {
    font-size: 1rem;
    color: #777777;
    padding: 0.3rem 0;
}
.mtradparagraphtext p {
    padding: 0.3rem 0;
    color:  #777777;
}

h1.centered-fullspan-header {
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: 1rem 0;
}

h1.centered-fullspan-header > img {
    width: 22px;
    position: fixed;
    padding: 3px 0 0 5px;
}
.wrapper-div.apply-feedback {
    max-height: 95%;
    overflow-y: auto;
}
.wrapper-div.apply-feedback > div{
    line-height: 1.4rem;
    padding-top: 1rem;
}
.wrapper-div span.bold-span {
    font-weight: bold;
}
.wrapper-div .button-wrapper-right-aligned {
    text-align: right;
    padding-top: 1rem;
}
a.fat-link-button:hover {
    cursor:pointer;
}
.wrapper-div a.fat-link-button {
    color:  #6c5198;
    text-decoration: none;
    font-family: sans-serif;
    text-transform: uppercase;
    font-size: 0.9rem;
    margin: 1rem 1rem 0 1rem;
    display: inline-block;
}
.wrapper-div a.fat-link-button[disabled] {
    color: #ddd;
}
.wrapper-div a.fat-link-button.fat-link-filled {
    background-color: #6c5198;
    color: #ffffff;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    margin-left: 1rem;
    padding: 0.6rem 1rem;
}
.mtr-prompt-overlay {
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9998;
    padding-top: 0px;
}
.chb-toggle-wrapper {
    display: inline-block;
    position: relative;
    width: 1rem;
    height: 1rem;
}
.chb-toggle-wrapper.right-aligned {
    position: absolute;
    right: 2rem;
}
input[type="checkbox"].chb-toggle {
    display: none;
}
label.chb-toggle:before {
    content: "";
    width:1.8rem;
    height: 0.5rem;
    display: block;
    position: absolute;
    margin: 0.5rem 0 0 0;
    background-color: #aaa;
    border-radius: 2px;
    top:0;
    cursor: pointer;
}
input[type="checkbox"].chb-toggle:checked~ label.chb-toggle:before {
    background-color: #6c5198;
}
span.checkbox-toggle {
    width: 1rem;
    height: 1rem;
    background-color: #555;
    border-radius: 0.5rem;
    position: absolute;
    margin-top: 0.25rem;
    cursor: pointer;
    animation-name: anim_chb_deselect;
    animation-duration: 0.5s;
}
input[type="checkbox"].chb-toggle:checked~ label span.checkbox-toggle {
    margin-left: 1rem;
    animation-name: anim_chb_select;
    animation-duration: 0.5s;
}

/**
 * ANIMATIONS
 */
@keyframes anim_chb_select {
    0% {margin-left: 0rem;}
    100% {margin-left: 1rem;}
}
@keyframes anim_chb_deselect {
    0% {margin-left: 1rem;}
    100% {margin-left: 0rem;}
}
@keyframes redflash {
    0% {
        background-color: rgba(255,0,0,1);
    }
    100% {
        background-color:rgba(255,255,255,0));
    }
}
.anim-callattention {
    /*background-color: rgba(255,0,0,0);*/
    /* DISABLED FOR NOW
    animation-name: redflash;
    animation-duration: 1s;
    border-radius: 2rem;
    */
}
div#extauth { margin-left: auto; margin-right: auto; width:150px; }
div#extauth ul { }
#extauth li { width: 150px; margin-bottom: 5px; padding: 0; }
#extauth li a { display: block; height: 22px; width: 150px; text-indent: -9999px; overflow: hidden; margin-top:0.5rem;}
#extauth_fb { background: url('../../images/facebook_signin.png') 0 0; }
#extauth_ln { background: url('../../images/linkedin_signin2.png'); background-repeat: no-repeat;}
#extauth_tw { background: url('../../images/twitter_signin.png') 0 0; }

 @media only screen and (min-width : 768px) {
    /*.menu,*/
    .h20
    /*.raf_jscanvas*/
    /*,.bodyColumn
    ,.menu*/
    ,.bodyColumn > h1
    , .raf_message, .rafa_message
    , .register-info-text
    , .raf_form > div.raf_login, .rafa_form > div.rafa_login
    , .raf_header, .rafa_header
    , .raf_form .raf_header
    , .raf_desc, .rafa_desc
    , .wrapper-div
    , .raf_extauth .raf_extauth
    , .mtrMessage
    /*, .mtradtable tr*/
    {
        width: 750px;
        margin-left: auto;
        margin-right: auto;
        padding: 1rem;
    }
    div.raf-required,
    *:not(.wrapper-div) > div.profiletext {
        width: 750px;
        margin:0 auto;
    }
    #raf_wrarea_inputdiv input[type="checkbox"]~ label {
        width: 60%;
    }
    #raf_jscanvas input#raf_applybtn,
    #raf_regbtn,
    .loginsite h2,
    .loginext {
        width: 750px;
        padding: 1rem;
        margin-left: auto;
        margin-right: auto;
        display: block;
        box-sizing: content-box;
    }
    .raf_buttons_reg {
        padding:0;
    }
    .bodyColumn {
        max-width: 49rem;
    }
    .bodyTable,
    .bodyColumn,
    .menu {
        margin-left: auto;
        margin-right: auto;
    }
    .wrapper-div-wide {
        /*width: 80%;*/
    }
    .toplinks a {
        width: auto;
        display: inline-block;
        height: 1rem;
        vertical-align: middle;
    }
    .toplinks a img {
        margin-top: -1px;
    }
    table.mainlinks {
        height:auto;
        opacity: 1;
        visibility: visible;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
    }
    tr.mainlinks {
        text-align: center;
        display: inline-flex;
        width: 100%;
    }
    tr.mainlinks td.menusep {
        display: none;
    }
    tr.mainlinks td{
        display: inline-block;
        flex: 1 1 13%;
    }
    table.mainlinks td a {
        min-width: auto;
        display: inline-block;
        width: auto;
        border-bottom:0;
        padding: 1rem 0;
        height: auto;
    }
    table.mainlinks td a img {
        margin: 0 auto;
        display: block;
    }
    .mainlinks span.mainlink-text {
        padding-left: 0;
        margin-top: 0;
        height: auto;
    }
    tr.mainlinks td:first-child {
        padding-top: 0;
        padding-left: 1rem;
        background: linear-gradient(to right, #eee,white,white);
    }
    tr.mainlinks td:last-child {
        padding-right: 1rem;
        padding-bottom: 0;
        background: linear-gradient(to right, white,white, #eee);
    }
    #menu-toggle-hidden:checked ~table.mainlinks,
    #menu-toggle-hidden:unchecked ~table.mainlinks {
        height: auto;
        visibility: initial;
        opacity: 1;
    }
    .menu-toggler {
        display: none
    }
    .wrapper-div {
        margin: 0 auto 2rem auto;
    }
    /*
            APPLY FORM
     */
    .mtradcolumnleft,
    .mtradcust,
    .mtradlocality,
    .mtradname,
    .mtraddate,
    .mtraddate,
    .mtradinfotable,
    .mtradparagraphtext,
    .mtradparagraphcaption,
    .mtradappendixcaption,
    .mtradappendix
    {
        max-width: 750px;
        margin: 0 auto;
        /*background-color: #eee;*/
    }
    /*
        Education
     */
    table#tblcompetence_areas,
    table#competence_tblflat,
    table#competence_language,
    table.workexptables,
    table#tbleducation {
        margin: 0 auto;
        display: table;
        min-width: 30rem;
        width: 100%;
    }
    table.language-select-table {
        display: table;
        width: 100%;
    }
    table.language-select-table tbody {
        display: table-row-group;
    }
    table.language-select-table tr {
        display: table-row;
    }
    table.language-select-table tr:nth-child(even) {
        background-color: #f3f3f3;
    }
    table.language-select-table tr:nth-child(odd) {
        background-color: #f8f8f8;
    }
    table.language-select-table td,
    table.language-select-table th{
        display: table-cell;
        padding: 0.5rem;
        border: 1px solid #ccc;
    }
    table.language-select-table th {
        color: #888;
        font-weight: 500;
    }
    table.language-select-table select {
        max-width: unset;
    }
    table#tblcompetence_areas tbody,
    table#competence_tblflat.summary-table tbody,
    table#competence_language.summary-table tbody,
    table.workexptables tbody,
    table#tbleducation tbody {
        display:table-row-group;
    }
    table#tblcompetence_areas tr:nth-child(1),
    table#competence_tblflat tr:nth-child(1),
    table#competence_language tr:nth-child(1),
    table.workexptables tr:nth-child(1),
    table#tbleducation tr:nth-child(1) {
        color: #ddd;
    }

    table#tblcompetence_areas tr,
    table#tblcompetence_areas tr:nth-child(1),
    table#competence_tblflat tr,
    table#competence_tblflat tr:nth-child(1),
    table#competence_language tr,
    table.workexptables tr,
    table.workexptables tr:nth-child(1),
    table#tbleducation tr:nth-child(1),
    table#tbleducation tr{
        display: table-row;
        border-top:0;
    }
    table#tblcompetence_areas td,
    table#tblcompetence_areas th,
    table#competence_tblflat.summary-table td,
    table#competence_tblflat.summary-table th,
    table#competence_language.summary-table td,
    table#competence_language.summary-table th,
    table.workexptables th,
    table.workexptables td,
    table#tbleducation th,
    table#tbleducation td {
        display: table-cell;
        /*spec says 40px height. 20px + 2x10px padding = 40px cell height*/
        height: 20px;
        padding: 10px 15px;
        border: 1px solid #d0d0d0;
        background-color: #f8f8f8;
        font-size: 0.9rem;
        position: static;
    }
    table#competence_tblflat tr:nth-child(n+1):after,
    table#competence_language tr:nth-child(n+1):after,
    table#tblcompetence_areas tr:nth-child(n+1):after {
        content: unset;
    }
    table#tblcompetence_areas tr:hover td,
    table#competence_tblflat.summary-table tr:hover td,
    table#competence_language.summary-table tr:hover td,
    table.workexptables tr:hover td,
    table#tbleducation tr:hover td {
        background-color: #ececec !important; /*!important to not be lower priority than nth-child selector*/
    }
    table.workexptables td,
    table#tbleducation td {
        font-size: 0; /*HACK TO BE RID OF white space from &nbps; and <br>*/
    }
    table#tblcompetence_areas th:nth-child(1),
    table#competence_tblflat th:nth-child(1),
    table#competence_language th:nth-child(1),
    table.workexptables th:nth-child(1),
    table#tbleducation th:nth-child(1){
        border-radius: 5px 0 0 0;
    }
    table#tblcompetence_areas th:nth-last-child(1),
    table#competence_tblflat th:nth-last-child(1),
    table#competence_language th:nth-last-child(1),
    table.workexptables th:nth-last-child(1),
    table#tbleducation th:nth-last-child(1){
        border-radius: 0 5px 0 0;
    }
    table#tbleducation tr:nth-child(even) td:nth-child(even) {
        /*background-color: #dadada;*/
    }
    table#tbleducation span {
        display: inline-block;
        font-size: 0.8rem;
    }
    table#tbleducation tr:nth-child(2n+2) td,
    table#tblcompetence_areas.summary-table tr:nth-child(2n+2) td,
    table#competence_tblflat.summary-table tr:nth-child(2n+2) td,
    table#competence_language.summary-table tr:nth-child(2n+2) td {
        background-color: #f3f3f3;
    }
    table.striped tr:nth-child(4n-2) td{
        background-color: #f3f3f3;
    }
    table#tbleducation tr:nth-child(even) td.formctrl {
        /*background-color: #eee;*/
    }
    table.workexptables .formctrl,
    table#tbleducation .formctrl {
        text-align: left;
        width: 50px;
    }
    table#tblcompetence_areas span.responsive-title,
    table.workexptables span.responsive-title,
    .cvformdiv .responsive-title,
    table.workexptables .desccell span.responsive-title,
    table#tbleducation span.responsive-title,
    table.summary-table span.responsive-title {
        display: none;
    }
    table.workexptables a.tblctrllink:before,
    table#tbleducation a.tblctrllink:before {
        display: none;
        height: auto;
        width: auto;
        padding: 0.3rem;
        margin:0;
        /*display: block;*/
    }
    table.workexptables a.tblctrllink img,
    table#tbleducation a.tblctrllink img {
        width: 1rem;
        margin: 0.1rem;
    }
    table.workexptables tr.firstline,
    table#tbleducation tr.firstline {
        /*border-top: 0;*/
    }
    table.workexptables .lastline,
    table#tbleducation .lastline,
    table#tbleducation .secondline {
        display: none;
    }
    table#competence_tblflat tr:nth-child(n+1) td,
    table#competence_language tr:nth-child(n+1) td {
        font-size: 0.8rem;
    }
    table#competence_tblflat tr:nth-child(n+1):after,
    table#competence_language tr:nth-child(n+1):after {
        display: none;
    }
    table#tblcompetence_areas td,
    table#tblcompetence_areas th,
    table#competence_tblflat.summary-table td,
    table#competence_tblflat.summary-table th,
    table#competence_language.summary-table td,
    table#competence_language.summary-table th {
        width: 50%;
    }
    /*
            Work req
     */
    a.mtr-calenderpopup {display: initial;}
    table.workreq-to-from tr {display: table-row;}
    table.workreq-to-from td.label-cell {
        display: table-cell;
        text-align: right;
    }
    /*table.workreq-to-from span {display: inline;}*/
    .cvformdiv table {
        display: table;
    }
    /*
            
     */
    .cvformdiv tr,
    .cvformdiv .title-row {
        display: table-row;
    }
    .cvformdiv th,
    .cvformdiv td {
        display: table-cell;
    }
    .summary-photo {
        float:right;
    }
    div.summary-section .formctrl {
    display: table-cell;
    }
    table.responsive-expand-table ul ul,
    table.comptence-table table td {
        display: table-cell;

    }
    .comptence-table > tbody > tr[id^="domcomp"] {
        display: table-row;
    }
    .comptence-table > tbody > tr[id^="domcomp"] >td{
        display: table-cell;
    }
}

@media only screen and (max-width : 767px) {
    div.termsofservice {
        margin-left: 1rem;
        margin-right: 1rem;
    }
}

@media only screen and (min-width : 1200px) {
    /*.menu,*/
    .h20,
    /*.raf_jscanvas*/
    /*,.bodyColumn
    ,.menu*/
    .bodyColumn > h1,
    .raf_message, .rafa_message,
    .raf_form .raf_header,
    .raf_form > div.raf_login, .rafa_form > div.rafa_login,
    .raf_extauth .raf_extauth,
    .raf_header, .rafa_header,
    .raf_desc, .rafa_desc,
    .wrapper-div,
    .mtrMessage,
    /*.raf_buttons_app,*/
    #raf_jscanvas input#raf_applybtn,
    #raf_regbtn,
    .loginsite h2,
    .loginext
    , .register-info-text
    , .mtradtable tr
    {
        width: 1170px;
        margin-left: auto;
        margin-right: auto;
    }
    .bodyColumn {
        max-width:76rem;
    }
    div.raf-required,
    *:not(.wrapper-div) > div.profiletext {
        width: 1170px;
    }
}