/* Minification failed. Returning unminified contents.
(139,26): run-time error CSS1030: Expected identifier, found '['
(139,31): run-time error CSS1031: Expected selector, found '='
(139,31): run-time error CSS1025: Expected comma or open brace, found '='
 */
.btn-primary{background:#fff;border-color:#ccc;color:#333}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.disabled,.btn-primary[disabled=disabled],.btn-primary[disabled],.btn-primary[disabled]:hover,.btn-primary[disabled]:focus,.btn-primary[disabled]:active,.btn-primary.disabled:hover,.btn-primary.disabled:focus,.btn-primary.disabled:active,.btn-primary.disabled.active{background:#ebebeb;border-color:#adadad;color:#333}.button-wrapper a.btn-primary,.button-wrapper a.btn-primary:link,.button-wrapper a.btn-primary:visited,.button-wrapper a.btn-primary:focus,.button-wrapper a.btn-primary:hover,.button-wrapper a.btn-primary:active,div.btn-primary>a,a.btn.btn-primary{color:#333}
.themeBorderBackgroundColor1{border:1px solid #f5f5f5;}.themeBorderBackgroundColor2{border:1px solid #c2c2c2;}body{color:#333232;background-color:#f8f8f8;font-family:'Roboto',arial,sans-serif;font-size:16px;line-height:145%;}.abou-body{background-color:#fff;box-shadow:2px 2px 8px rgba(0,0,0,.1);min-height:80vh;margin-top:20px;}.abou-content-width{max-width:835px;width:100%;}p{padding:5px 0 25px 0;max-width:70ch;margin-bottom:0;}h1,.h1{font-family:'Roboto',"Arial","Helvetica",sans-serif;color:#333232;font-size:35px;line-height:125%;font-weight:700;font-style:normal;padding:35px 0 10px 0;max-width:70ch;-ms-word-wrap:break-word;word-wrap:break-word;}h2,.h2{font-family:'Roboto',"Arial","Helvetica",sans-serif;color:#333232;font-size:30px;line-height:125%;font-weight:700;font-style:normal;padding:15px 0 10px 0;max-width:70ch;-ms-word-wrap:break-word;word-wrap:break-word;}h3,.h3{font-family:'Roboto',"Arial","Helvetica",sans-serif;color:#333232;font-size:24px;line-height:125%;font-weight:500;font-style:normal;padding:10px 0 5px 0;max-width:70ch;-ms-word-wrap:break-word;word-wrap:break-word;}h4,.h4{font-family:'Roboto',"Arial","Helvetica",sans-serif;color:#333232;font-size:20px;line-height:125%;font-weight:400;font-style:normal;padding:10px 0 5px 0;max-width:70ch;-ms-word-wrap:break-word;word-wrap:break-word;}h5,.h5{font-family:'Roboto',"Arial","Helvetica",sans-serif;color:#333232;font-size:18px;line-height:125%;font-weight:400;font-style:normal;padding:0 0 0 0;max-width:70ch;-ms-word-wrap:break-word;word-wrap:break-word;}h6,.h6{font-family:'Roboto',"Arial","Helvetica",sans-serif;color:#333232;font-size:16px;line-height:145%;font-weight:500;font-style:normal;padding:0 0 0 0;max-width:70ch;-ms-word-wrap:break-word;word-wrap:break-word;}legend{margin-bottom:5px;border:0;font-weight:bold;color:#333232;font-family:'Roboto',arial,sans-serif;font-size:16px;line-height:145%;max-width:70ch;}.field-question-block>label,.radio>label,.checkbox>label,.aspNetDisabled>label{max-width:70ch;}a:link{color:#00e;text-decoration:underline;}a[role="button"],a.eserviceButton{text-decoration:none;}a:visited{color:#551a98;}.greyBoxMobileArea{background:#f5f5f5;}.bread-crumbs ul{color:#333232;}.menugroup .MenuGroupServices tbody tr:nth-child(odd){background:#f5f5f5;}.menugroup .MenuGroupServices .header th{font-weight:normal;line-height:145%;padding-bottom:5px;}.editCitizenInfo .citizeninfofield,.editCompanyInfo .citizeninfofield{background:#f5f5f5;}.howItWorks .howItWorksTable ul li{border-top:1px solid #ddd;}.howItWorks .howItWorksTable ul li a{color:#333232;}.mycasesdetail .basicInfoPanel{background:#f5f5f5;color:#333;}.mycasesdetail .field-row{background:#f5f5f5;}.mycasesdetail .fileTable ul li{border-top:1px solid #ddd;}.mycasesdetail .historyTable ul li.rowDetails{background:#f5f5f5;}.mycasesdetail a.toggle-details .glyphicon{color:#333232;}.historyTable ul li.rowDetails:hover div{color:#333232;}.responsiveTable ul li{border-top:1px solid #ddd;}.responsiveTable ul li a{color:#333232;}.egovpastcasesdisplayfield .headline{border-bottom:2px solid #ddd;}.egovpastcasesdisplayfield li{border-bottom:1px solid #ddd;}.egovpastcasesdisplayfield li .glyphicon{color:#333232;}.egovpastcasesdisplayfield .description{background:#f5f5f5;border-top:1px solid #ddd;}.summary ol li>h3{border-bottom:1px solid #ddd;}.summary dl dt,.summary dl dd{border-top:1px solid #ddd;}.summaryInfoText{color:#333;}.summaryFooterText{background:#f5f5f5;}.tooltip-container>.openToolTipDialog{display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;position:relative;top:1px;}.tooltip-container>.openToolTipDialog:before{content:"";}.tooltip-container>.openToolTipDialog{padding-left:0;color:#333;}.tooltip-container>.openToolTipDialog:hover,.tooltip-container>.openToolTipDialog:focus{text-decoration:none;color:#333;}.tooltip,.popover{font-family:'Roboto',arial,sans-serif;}.faqlist .QuickSearchAreaFaqList,.helpandfaq .QuickSearchArea{background:#f5f5f5;color:#333;}.faqlist dl dt,.faqlist dl dd{border-top:1px solid #ddd;}.ui-progressbar,.ui-progressbar.ui-widget.ui-widget-content{border:1px solid #f5f5f5;}.ui-progressbar .ui-progressbar-value,.ui-progressbar.ui-widget.ui-widget-content .ui-progressbar-value{background:#f5f5f5;color:#333;}.table thead>tr>th,.table tbody>tr>th,.table tfoot>tr>th,.table thead>tr>td,.table tbody>tr>td,.table tfoot>tr>td{border-top:1px solid #ddd;}.table thead>tr>th{border-bottom:2px solid #ddd;}.headline{border-bottom:1px solid #ddd;}.panel-default{border:1px solid #ddd;}.panel-default>.panel-heading{background-color:#f5f5f5;border-color:#ddd;}.serviceDocumentList .panel-default{border:0;box-shadow:none;}.serviceDocumentList .panel-body{padding:0;}.egovpastcasesdisplayfield .answers{color:#333232;}.egovpastcasesdisplayfield .answerHeader,.egovpastcasesdisplayfield .passedTimeHeader{background:#f5f5f5;}.servicecontent .field-row,.add-case-attachment .field-row{background:#f5f5f5;}div.btn>a{color:#333232;}.warningBorder{border:1px solid #ffa500;}.success{color:#008000;}.failed,.validationError,.validation-message,.pageValidator .glyphicon-warning-sign{color:#d10000;}.validation-error-label{font-weight:normal;margin-bottom:0;margin-top:2px;}.error .field-question label{color:#333232;}.error .field-input label{color:#333232;}.error .popover-content{color:#333232;}.error .pre-field-content{color:#333232;}.button-wrapper a,.button-wrapper a:link,.button-wrapper a:visited,.button-wrapper a:focus,.button-wrapper a:hover,.button-wrapper a:active{color:#333;}.headline,.serviceDocumentList .headline,.faqlist .headline,.howItWorks .headline,.myCaseList .headline,.mycasesdetail .headline,.mycasesdetail thead th,.myQueueList .headline,.mypayments thead,.faq-table thead,.menugroup .MenuGroupServices .header{font-family:'Roboto',"Arial","Helvetica",sans-serif;font-size:16px;line-height:20px;font-weight:normal;font-style:normal;}.glyphicon.glyphicon-play{color:#008000;}.glyphicon-remove{color:#d10000;}body.logout #Main-Content>h1.pageHeadline{color:#333;}body.logout div.logout p{color:#333;}.global-content,.maintenance-message{background:#fbf2d0;color:#333232;}.abou-modal-content{overflow:hidden;border:0;}.abou-modal-success .abou-modal-header{background-color:#1fad4d;}.abou-modal-success .abou-modal-header h2{color:#fff;}.abou-modal-error .abou-modal-header{background-color:#e31925;}.abou-modal-error .abou-modal-header h2{color:#fff;}.leaflet-container,.leaflet-control-zoom-in,.leaflet-control-zoom-out{font-family:'Roboto',arial,sans-serif;}.ui-menu .ui-menu-item a{color:#333232;font-family:'Roboto',arial,sans-serif;font-size:16px;line-height:145%;}@media(max-width:767px){.mycases .caseTable ul li{background:#f5f5f5;border-top:medium none;}.mycases .caseTable ul li a{color:#333;}.mycases .caseTable ul li:hover a{color:#333;}.howItWorks .howItWorksTable ul li{background:#f5f5f5;border-top:medium none;}.howItWorks .howItWorksTable ul li a{color:#333;}.mycasesdetail .historyTable ul li{background:#f5f5f5;color:#333;border-top:medium none;}.responsiveTable ul li{background:#f5f5f5;border-top:medium none;}.responsiveTable ul li a{color:#333;}.egovpastcasesdisplayfield .basicInfo{background:#f5f5f5;}}
.mypayments thead th{background:#e2ebf1;color:#333 !important;}.mycasesdetail thead th{background:#e2ebf1;color:#333 !important;}.responsiveTable .headline{background:#e2ebf1;color:#333 !important;}.summary ol li>h3{border-bottom:none;}.egovpastcasesdisplayfield .headline{border-bottom:none;}.headline{border-bottom:none;}.headline+div ul li:first-child{border-top:none;}.headline+dl.faq-list dt,.headline+dl.faq-list dd{border-top:none;}.summary h3+dl dt:first-child,.summary h3+dl dt:first-child+dd{border-top:none;}table.table tbody>tr:first-child>td{border-top:none;}table.table thead>tr>th{border-bottom:none;}
.field-row.row {
    margin-left: 0;
    margin-right: 0;
}

.field-row {
    margin-bottom: 10px;
    -ms-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    padding: 10px 0;
}

.egovdropdownfield .helptext,
.egovcheckboxfield .helptext,
.egovradiobuttonfield .helptext,
.egovlistboxfield .helptext,
.dropdownselect2field .helptext,
.attestfield .helptext {
    padding: 5px;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4 {
    margin-top: 0;
}

.greyBoxArea h1,
.greyBoxArea h2,
.greyBoxArea h3,
.greyBoxArea h4,
.greyBoxMobileArea h1,
.greyBoxMobileArea h2,
.greyBoxMobileArea h3,
.greyBoxMobileArea h4,
.servicePageHeaderSection h1,
.servicePageHeaderSection h2,
.servicePageHeaderSection h3,
.servicePageHeaderSection h4 {
    margin: 0;
}

.mainContentPanel {
    margin-bottom: 20px;
}

.page-content {
    margin: 20px 0;
}

.pre-field-content {
    margin-bottom: 10px;
}

.post-field-content {
    margin-top: 10px;
    float: left;
}

    .pre-field-content p:last-child,
    .post-field-content p:last-child {
        padding-bottom: 0;
    }

.field-row .validation-message {
    margin-top: 10px;
    padding-left: 51%;
}

.field-row-block .post-field-content {
    margin-bottom: 0;
}

.add-row-list-field .validation-message {
    padding-left: 0;
}

.greyBoxArea,
.greyBoxMobileArea {
    padding: 10px;
}

.stepusercontrollerwrapper {
    display: inline-block;
    width: 100%;
}

.thankYou .greyBoxMobile {
    padding: 20px 15px;
}

.contentPage {
    display: block;
    margin-top: 15px;
}

.ui-datepicker-trigger {
    cursor: pointer;
}

div.btn > a:hover {
    text-decoration: none;
}

.mainText {
    margin: 20px 0;
}

.stepUserController {
    margin: 5px 0;
}

.requiredlegend {
    margin: 10px 0;
}

.ui-autocomplete {
    max-height: 300px;
    overflow: scroll;
}

.serviceintroduction .button-wrapper {
    margin-top: 15px;
}

.greyBoxArea,
.greyBoxMobileArea,
.leftArea {
    -ms-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.radio,
.checkbox,
.aspNetDisabled:has(input[type=radio]),
.aspNetDisabled:has(input[type=checkbox]) {
    margin-top: 5px;
    margin-bottom: 5px;
}

.greyBoxMobileArea {
    margin: 15px 0 0 0;
    padding: 15px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

    .greyBoxMobileArea h3 {
        margin-top: 5px;
    }

.noNavigationHack {
    background: none;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1029;
}

    .noNavigationHack .loadHack {
        background: none repeat scroll 0 0 #ACADAC;
        border: 3px solid #898989;
        -ms-border-radius: 5px;
        border-radius: 5px;
        height: 100px;
        width: 100px;
        margin: 40px auto auto;
        -ms-opacity: 0.7;
        opacity: 0.7;
    }

        .noNavigationHack .loadHack .loadGif {
            margin: 0 auto;
            margin-top: 33%;
            display: block;
        }


.cancelled .button-wrapper {
    float: right;
}

.breadCrumbs {
    display: none;
}

    .breadCrumbs ul {
        padding-left: 0;
        margin-top: 10px;
    }

        .breadCrumbs ul li {
            display: inline;
        }

.summary ol li {
    margin-top: 40px;
    clear: left;
}

    .summary ol li:first-child {
        margin-top: 0;
    }

.summary dl {
    overflow: hidden;
    margin-top: 0;
}

    .summary dl dt,
    .summary dl dd {
        line-height: 1.42857;
        padding: 8px;
        vertical-align: top;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }

    .summary dl dt {
        width: 40%;
        float: left;
        clear: left;
        font-weight: normal;
    }

    .summary dl dd {
        width: 60%;
        float: left;
    }

    .summary dl dt h3 {
        padding-top: 16px;
    }

.summary ol li > h3 {
    padding: 8px;
    line-height: 1.42857;
}

.summary .multiple-signature-field {
    margin: -9px;
}

    .summary .multiple-signature-field dl {
        margin: 0;
    }

.summary .fullWidth,
.rows-column-summary-table {
    width: 100%;
    table-layout: fixed;
}

    .rows-column-summary-table td {
        vertical-align: top;
    }

    .rows-column-summary-table th {
        vertical-align: bottom;
    }

.summary .rows1 th {
    width: 100%;
}

.summary .rows2 th {
    width: 50%;
}

.summary .rows3 th {
    width: 33.33333%;
}

.summary .rows4 th {
    width: 25%;
}

.summary .rows5 th {
    width: 20%;
}

.summaryInfoText {
    padding: 10px;
    border-radius: 0;
    border: none;
}

    .summaryInfoText .alert-warning-icon {
        margin-right: 10px;
    }

.summaryFooterText {
    padding: 10px 10px;
    margin-top: 20px;
}

    .summaryFooterText p {
        margin: 0;
    }

.summary .greyboxdiv {
    display: none !important;
}

.fileUploadField2AnswerTable {
    margin-bottom: 10px;
}

    .fileUploadField2AnswerTable td {
        vertical-align: top;
    }

@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

.hidden,
.display-none {
    display: none !important;
}

.clear,
.clearer {
    border: none;
    padding: 0;
    line-height: 0;
    margin: 0;
    height: 0;
    clear: both;
}

img {
    max-width: 100%;
    height: auto;
}

iframe {
    border: none;
}

input[type="button"], 
input[type="submit"], 
input[type="image"], 
button, 
.openToolTipDialog {
    cursor: pointer;
}




.faqlist .headline {
    font-weight: bold;
    overflow: hidden;
}

    .faqlist .headline div {
        padding: 8px;
    }

.faqlist dl {
    overflow: hidden;
    margin-top: 0;
}

    .faqlist dl p {
        margin: 0;
    }

    .faqlist dl dt,
    .faqlist dl dd {
        padding: 8px;
    }

    .faqlist dl dt {
        clear: left;
    }

.faqlist .prefix {
    display: none;
}

.faqlist .QuickSearchAreaFaqList .button-wrapper,
.helpandfaq .QuickSearchArea .searchButton {
    display: block;
    margin-top: 10px;
    text-align: right;
}

.faqlist .QuickSearchAreaFaqList,
.helpandfaq .QuickSearchArea {
    -ms-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    padding: 10px;
    margin: 20px 0;
}

.pageFaqListArea {
    margin-top: 20px;
}

.pageFaqList ul li {
    overflow: hidden;
    clear: left;
    display: block;
    margin-top: 10px;
}

    .pageFaqList ul li .faqQuestion {
        display: block;
        float: left;
        width: 90%;
        cursor: pointer;
        font-weight: bold;
    }

    .pageFaqList ul li .glyphicon {
        float: right;
        cursor: pointer;
    }

    .pageFaqList ul li .faqAnswer {
        margin-top: 10px;
        clear: left;
        overflow: hidden;
    }

@media (max-width:767px) {
    .faqlist dl dd {
        border-top: none !important;
    }
}

.mycases .caseTable a {
    color: #333232;
}

.mycasesdetail .basicInfoPanel {
    padding: 10px;
    margin-bottom: 20px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

    .mycasesdetail .basicInfoPanel .row {
        margin-bottom: 5px;
    }

        .mycasesdetail .basicInfoPanel .row:last-child {
            margin-bottom: 0;
        }

    .mycasesdetail .basicInfoPanel .glyphicon-hand-left {
        padding-left: 10px;
    }

.mycasesdetail .actionPanel {
    padding: 10px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 20px;
}

    .mycasesdetail .actionPanel .actionBlock {
        margin-bottom: 20px;
    }

        .mycasesdetail .actionPanel .actionBlock:last-child {
            margin-bottom: 0;
        }

        .mycasesdetail .actionPanel .actionBlock .approveCheckBox {
            margin-bottom: 0;
        }

        .mycasesdetail .actionPanel .actionBlock .error {
            margin-bottom: 15px;
        }


.mycasesdetail .actionButton {
    margin-top: 10px;
    text-align: right;
}

.mycasesdetail .actionInfo {
    margin-top: 5px;
}

.mycasesdetail .decisionPdfRow {
    margin: 10px 0;
}

.mycasesdetail .field-row {
    margin-bottom: 10px;
    -ms-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    padding: 10px 0;
}

.mycasesdetail .supplement .supplement-comment {
    display: block;
    margin-bottom: 5px;
    margin-top: 15px;
}

.mycasesdetail div.btn {
    padding: 5px 12px;
}

.mycasesdetail .headline {
    overflow: hidden;
}

    .mycasesdetail .headline div {
        display: block;
        float: left;
        padding: 8px;
    }

.mycasesdetail .fileTable {
    overflow: hidden;
    margin-top: 0;
}

    .mycasesdetail .fileTable ul li {
        clear: left;
        overflow: hidden;
    }

        .mycasesdetail .fileTable ul li div {
            padding: 8px;
            -ms-word-wrap: break-word;
            word-wrap: break-word;
        }

            .mycasesdetail .fileTable ul li div a {
                -ms-word-wrap: break-word;
                word-wrap: break-word;
            }

.currentQueuesTable ul li {
    overflow: hidden;
}

.historyTable {
    overflow: hidden;
    margin-top: 0;
}

    .historyTable ul li {
        clear: left;
        overflow: hidden;
    }

        .historyTable ul li div,
        .currentQueuesTable ul li div {
            line-height: 1.42857;
            padding: 8px;
        }

            .historyTable ul li div.historyExpand {
                padding: 0;
            }

        .historyTable ul li a.toggle-details {
            display: block;
            width: 100%;
            padding: 8px;
            text-align: center;
        }

            .historyTable ul li a.toggle-details:focus {
                outline: none;
            }

            .historyTable ul li a.toggle-details.display-none {
                display: none;
            }

            .historyTable ul li a.toggle-details .glyphicon {
                font-size: 10px;
            }

        .historyTable ul li.rowDetails dl {
            margin-bottom: 0;
        }

            .historyTable ul li.rowDetails dl dd {
                margin-bottom: 10px;
            }

        .historyTable ul li.rowDetails .historyDetailsLabel {
            font-weight: bold;
        }


.mycasesdetail .goBack {
    margin-top: 20px;
}

    .mycasesdetail .goBack .glyphicon {
        margin-right: 3px;
    }

@media (max-width:767px) {
    .mycasesdetail .historyTable ul li {
        -ms-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
        clear: left;
        margin-bottom: 10px;
        overflow: hidden;
        padding: 8px 0;
    }

    .mycasesdetail .basicInfoPanel .row {
        margin-bottom: 10px;
    }

    .mycasesdetail .historyTable div {
        padding: 0 8px;
    }

        .mycasesdetail .historyTable div.historyComment {
            font-style: italic;
        }

        .mycasesdetail .historyTable div.historyDate {
            font-weight: bold;
        }

    .historyTable ul li a.toggle-details {
        padding: 0 8px;
    }
}

.mobileTopMenu .mobileMenuBar {
    cursor: pointer;
    display: block;
    padding: 10px;
    position: absolute;
    right: 0;
    top: -47px;
}

.mobileTopMenu .glyphicon {
    margin-right: 5px;
}

.mobileTopMenu .mobileNav {
    width: 100%;
}

    .mobileTopMenu .mobileNav ul {
        padding: 0;
        width: 100% !important;
    }

        .mobileTopMenu .mobileNav ul li {
            float: left;
        }

.mobileTopMenu .mobileMenuChoices {
    width: 100%;
    margin-top: 9px;
    -ms-border-radius: 0;
    border-radius: 0;
    border: none;
    text-align: center;
}

.pageHeader .topContainer .mobileTopMenu .mobileMenuChoices .pageMenu {
    float: none;
    padding-left: 0;
}

.pageHeader .topContainer .mobileTopMenu .mobileMenuChoices ul li {
    width: 100%;
    display: block;
}

.pageHeader .topContainer .mobileTopMenu .mobileMenuChoices .pageMenu li a,
.pageHeader .topContainer .mobileTopMenu .mobileMenuChoices .pageMenu > li > a,
.pageHeader .topContainer .mobileTopMenu .mobileMenuChoices .pageMenu li span,
.pageHeader .topContainer .mobileTopMenu .mobileMenuChoices .pageMenu > li > span,
.mobileMenuLink,
.mobileLogout {
    padding: 3px 20px;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    font-size: 16px;
}

.mobileTopMenu .mobileMenuChoices li a:hover,
.mobileTopMenu .mobileMenuChoices > li > a:hover,
.mobileTopMenu .mobileMenuChoices li span:hover,
.mobileTopMenu .mobileMenuChoices > li > span:hover {
    text-decoration: none;
}

.mobileTopMenu .dropdown-menu > li.headline {
    margin-top: 20px;
}

    .mobileTopMenu .dropdown-menu > li.headline > a {
        font-weight: bold;
        font-size: 15px;
        line-height: 1.42857;
    }

.mobileTopMenu .citizenBlock {
    margin-bottom: 10px;
}

.menugroupImages,
.menugroupImagesAndLabels {
    margin: 15px -15px 0;
}

    .menugroupImages ul,
    .menugroupImagesAndLabels ul {
        overflow: visible;
        display: inline-block;
        margin-bottom: 10px;
    }

        .menugroupImages ul li,
        .menugroupImagesAndLabels ul li {
            margin: 0;
        }
            .menugroupImages ul li h2,
            .menugroupImagesAndLabels ul h2{
                /*margin: 0 0 15px 0;*/
                margin: 0;
                padding-bottom: 5px;
            }

            .menugroupImages ul li a,
            .menugroupImagesAndLabels ul li a {
                padding-bottom: 10px;
            }

            .menugroupImages ul li div p,
            .menugroupImagesAndLabels ul li div p {
                margin: 0;
                padding: 0;
            }

            .menugroupImages ul li div p + p,
            .menugroupImagesAndLabels ul li div p + p {
                margin-top: 10px;
                
            }

.menugroup .menugroupHead {
    margin-bottom: 10px;
}

    .menugroup .menugroupHead .text {
        padding-left: 20px;
        padding-right: 20px;
    }

    .menugroup .menugroupHead img {
        width: 100%;
    }

.menugroup .panel-heading {
    padding: 0;
}

    .menugroup .panel-heading h4 {
        padding: 10px 15px;
        max-width: none;
    }

    .menugroup .panel-heading a:focus {
        display: inline-block;
        width: 100%;
        outline: none;
    }

.menugroup .panel-heading .panel-title .glyphicon {
    float: right;
    padding-right: 20px;
}

.menugroup .panel-heading .accordion-toggle .panel-title .glyphicon.glyphicon-chevron-up,
.menugroup .panel-heading .accordion-toggle.collapsed .panel-title .glyphicon.glyphicon-chevron-down {
    display: block;
}

.menugroup .panel-heading .accordion-toggle .panel-title .glyphicon.glyphicon-chevron-down,
.menugroup .panel-heading .accordion-toggle.collapsed .panel-title .glyphicon.glyphicon-chevron-up {
    display: none;
}

.menugroup .MenuGroupServices tbody td {
    padding-bottom: 11px;
    padding-top: 11px;
}

.menugroup .panel.panel-default {
    overflow: visible;
}

table.MenuGroupServices a.pdflink,
table.MenuGroupServices a.pdf-link {
    background: url(/Content/Images/pdf.png) no-repeat;
    background-position-x: 62px;
}

table.MenuGroupServices a.docxlink,
table.MenuGroupServices a.doclink {
    background: url(/Content/Images/docx.png) no-repeat;
    background-position-x: 62px;
}

table.MenuGroupServices a.pptxlink,
table.MenuGroupServices a.pptlink {
    background: url(/Content/Images/pptx.png) no-repeat;
    background-position-x: 62px;
}

table.MenuGroupServices a.xlsxlink,
table.MenuGroupServices a.xlslink {
    background: url(/Content/Images/xlsx.png) no-repeat;
    background-position-x: 62px;
}

table.MenuGroupServices .blankettColumn a.externallink {
    background: url(/Themes/BaseTheme/Images/externallink3.png) no-repeat;
    background-position-x: 62px;
}

table.MenuGroupServices a.htmllink {
    background: url(/Themes/BaseTheme/Images/externallink3.png) no-repeat;
    background-position-x: 62px;
}


@media (max-width: 767px) {

    .menugroup .MenuGroupServices tbody td {
        display: block;
    }
}


.howItWorks .headline {
    overflow: hidden;
}

    .howItWorks .headline div {
        display: block;
        float: left;
        padding: 8px;
    }

.howItWorks .howItWorksTable {
    overflow: hidden;
    margin-top: 0;
}

    .howItWorks .howItWorksTable ul li {
        clear: left;
        overflow: hidden;
    }

        .howItWorks .howItWorksTable ul li a {
            line-height: 1.42857;
            padding-top: 8px;
            padding-bottom: 8px;
            display: block;
            overflow: hidden;
        }

            .howItWorks .howItWorksTable ul li a div {
                float: left;
                padding-left: 8px;
                padding-right: 8px;
            }

                .howItWorks .howItWorksTable ul li a div .glyphicon {
                    float: right;
                    font-size: 10px;
                    padding-right: 10px;
                    padding-top: 3px;
                    vertical-align: top;
                }

            .howItWorks .howItWorksTable ul li:hover a {
                text-decoration: none;
            }

.serviceDocumentList .blankettColumn > a {
    display: block;
}

.pagecontent a.pdflink,
.pagecontent a.pdf-link {
    background: url(/Content/Images/pdf.png) no-repeat right center;
    padding-right: 20px;
}

.pagecontent a.docxlink,
.pagecontent a.doclink {
    background: url(/Content/Images/docx.png) no-repeat scroll 1% 68%;
}

.pagecontent a.pptxlink,
.pagecontent a.pptlink {
    background: url(/Content/Images/pptx.png) no-repeat;
}

.pagecontent a.xlsxlink,
.pagecontent a.xlslink {
    background: url(/Content/Images/xlsx.png) no-repeat;
}

.pagecontent a.externallink {
    background: url(/Themes/BaseTheme/Images/externallink3.png) no-repeat right 0;
    padding-right: 20px;
}

.pagecontent a.htmllink {
    background: url(/Themes/BaseTheme/Images/externallink3.png) no-repeat right 0;
    padding-right: 20px;
}

#relativeStepControl {
    position: relative;
}

#stepControlContainer {
    margin: 5px 0;
}

.ui-progressbar .ui-progressbar-value {
    margin: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

.relativeStepControlText {
    float: right;
    font-size: 14px;
    line-height: 1.42857;
}

.ui-widget-header {
    border: none;
}
.globalnavigation-wrapper {
    width: 100%;
}

.main_nav {
    height: 100%;
    width: 100%;
}

    .main_nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        max-width: 100%;
    }

        .main_nav ul li {
            float: left;
            -ms-word-wrap: break-word;
            word-wrap: break-word;
        }

    .main_nav a {
        display: block;
        padding: 5px 10px;
        font-size: 1.1em;
    }

.tooltippedHeader {
    display: flex;
    flex-direction: row;
    -o-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-start;
    vertical-align: bottom;
}
    .tooltippedHeader .badge {
        margin-top: -6px;
    }

    .tooltippedHeader .tooltip-container {
        margin-top: 6px;
        margin-left: 10px;
    }

.tooltippedHeader.centered {
    -o-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.tooltip-container {
    display: inline-block;
    cursor: pointer;
    margin-left: 5px;
}

    .tooltip-container .openToolTipDialog {
        -ms-border-radius: 4px;
        border-radius: 4px;
        padding-left: 16px;
        padding-top: 2px;
    }

.tooltip-container .openToolTipDialog {
    padding: 0;
    border: none;
    background: inherit;
}

.popover-title {
    display: none;
}

@media (max-width:767px) {
    .tooltippedHeader.fullRow {
        -o-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .tooltippedHeader .badge {
        margin-top: -4px;
    }

    .tooltippedHeader .tooltip-container {
        margin-top: 8px;
    }

    .tooltip-container .openToolTipDialog {
        font-size: 2em;
    }
}
.egovmultiplesignaturelistfield .field-input > div {
    margin-bottom: 10px;
}


.egovmultiplesignaturelistfield .validation-message.glyphicon-warning-sign:before {
    margin-right: 5px;
}

.egovcaseselectorfield.field-row .validation-message {
    padding-left: 15px;
}


.egovradiobuttonfield table,
.egovcheckboxfield table {
    width: 100%;
}

    .egovradiobuttonfield table tr td,
    .egovcheckboxfield table tr td {
        padding-right: 10px;
        float: left;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }

.egovradiobuttonfield span.aspNetDisabled,
.egovcheckboxfield span.aspNetDisabled {
    display: block;
    position: relative
}

    .egovradiobuttonfield span.aspNetDisabled input,
    .egovcheckboxfield span.aspNetDisabled input {
        display: block;
        position: absolute;
    }

    .egovradiobuttonfield span.aspNetDisabled label,
    .egovcheckboxfield span.aspNetDisabled label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: not-allowed;
    }

.egovradiobuttonfield table.rowCount2 td,
.egovcheckboxfield table.rowCount2 td {
    width: 50%;
}

.egovradiobuttonfield table.rowCount3 td,
.egovcheckboxfield table.rowCount3 td {
    width: 33.333%;
}

.egovradiobuttonfield table.rowCount4 td,
.egovcheckboxfield table.rowCount4 td {
    width: 25%;
}

.egovradiobuttonfield table.rowCount5 td,
.egovcheckboxfield table.rowCount5 td {
    width: 20%;
}

.egovradiobuttonfield table.rowCount6 td,
.egovcheckboxfield table.rowCount6 td {
    width: 16.666%;
}

.egovdatechooserfield input[type=date].hasDatepicker {
    float: left;
    margin-right: 4px;
    width: 80%;
}

/*Fixar text i datumfält i Edge och FF*/
@supports (-ms-ime-align: auto) {
    input[type=date] {
        line-height: 0;
    }
}

@supports (-moz-appearance:none) {
    input[type=date] {
        line-height: 15px;
    }
}

.serving-row {
    float: left;
    padding-right: 3px;
}

    .serving-row label {
        display: block;
    }

    .serving-row input {
        width: 150px;
    }

        .serving-row input.short-input {
            width: 100px;
        }

.serving-staff-field {
    margin-top: 20px;
}

dd.serving-staff-field {
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 25px;
}

.summary dl .serving-staff-field dl {
    margin-left: 0;
}

.summary table.serving-staff-field thead th {
    background: none;
    width: 10em;
    text-align: left;
}

.serving-staff-field dl dt {
    width: 200px;
    margin: 0px;
    font-weight: bold;
}

.serving-staff-field dl dd {
    width: 100px;
    margin: 0px;
    font-weight: bold;
}

dd.serving-staff-field dl + dl dd,
dd.serving-staff-field dl + dl dt {
    font-weight: normal;
}

.serving-staff-field .field-question {
    float: none;
}

    .serving-staff-field .field-question span {
        float: none;
    }

.add-row-list-field table {
    clear: both;
}

.servicecontent .field-row.egovpastcasesdisplayfield {
    background: none;
    margin: 0 -15px;
}

.egovpastcasesdisplayfield {
    padding: 30px 0;
}

    .egovpastcasesdisplayfield .field-question label {
        font-weight: normal;
        font-size: 16px;
    }

    .egovpastcasesdisplayfield li {
        list-style: none;
        overflow: hidden;
        background: none;
        margin: 0;
        padding: 0;
    }

    .egovpastcasesdisplayfield ul {
        overflow: hidden;
        padding-left: 0;
        float: left;
        width: 100%;
        margin-top: 0;
    }

    .egovpastcasesdisplayfield .headline > div,
    .egovpastcasesdisplayfield .description,
    .egovpastcasesdisplayfield .basicInfo > .row > div {
        padding: 8px;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }

        .egovpastcasesdisplayfield .basicInfo > .row > div.descriptionExpand,
        .egovpastcasesdisplayfield div.clear {
            padding: 0;
        }

    .egovpastcasesdisplayfield .descriptionExpand a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 8px;
        text-align: center;
    }

    .egovpastcasesdisplayfield .glyphicon {
        font-size: 10px;
    }

.mainformdiv .egovpastcasesdisplayfield ul li,
.mainformdivwide .egovpastcasesdisplayfield ul li {
    margin: 0;
}

.egovreservationfield table tbody tr td > input {
    margin-right: 7px;
    margin-top: 0;
    vertical-align: middle;
}

.egovreservationfield table tbody tr td > label {
    margin-bottom: 5px;
    margin-top: 5px;
    min-height: 20px;
    font-weight: normal;
}

.field-row.egovnavigationbuttonfield {
    background: none;
}

    .field-row.egovnavigationbuttonfield .button-wrapper {
        float: right;
    }


.field-row.arcgismapfield {
    background: none;
}

.arcgismap {
    width: 100%;
    height: 100%;
}

.field-row.egoviframefield {
    background: none;
}

.attestfield .select2-container .select2-choice abbr {
    right: 30px;
    top: 10px;
}

.dropdownselect2field .select2-container .select2-choice abbr {
    right: 30px;
    top: 10px;
}

.dropdownselect2field .field-input .select2-container-disabled a {
    cursor: not-allowed;
}

.queuefield span.aspNetDisabled {
    margin-bottom: 5px;
    margin-top: 5px;
    display: block;
}

.queuefield .aspNetDisabled > label {
    display: inline;
    padding-left: 6px;
}

@media (max-width:767px) {
    .add-row-list-field {
        overflow-x: auto;
    }

        .add-row-list-field > th, td:not(:last-child) {
            min-width: 80px;
        }

    .ReservationField2Wrapper table.table-condensed {
        width: 100%;
    }

        .ReservationField2Wrapper table.table-condensed > th, .ReservationField2Wrapper table.table-condensed td {
            min-width: 0;
        }

    .ReservationField2Wrapper .datepicker.datepicker-inline {
        width: auto;
    }

    .scroll-indicator {
        position: absolute; /* Set the position to absolute for the scroll indicator */
        top: 10px;
        right: 10px;
        bottom: 0;
        height: 35px;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        background-color: rgba(0, 0, 0, 0.7); /* Customize the background color of the scroll indicator */
        color: #fff; /* Customize the color of the scroll indicator text */
        padding: 10px;
    }

        .scroll-indicator .glyphicon {
            top: -1px;
        }

    .egovpastcasesdisplayfield .basicInfo,
    .egovpastcasesdisplayfield .description {
        padding: 8px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        margin-bottom: 10px;
    }

    .egovpastcasesdisplayfield .field-input .description {
        clear: left;
        overflow: hidden;
        padding: 8px;
        border: none;
    }

    .egovpastcasesdisplayfield .field-input .headline > div,
    .egovpastcasesdisplayfield .field-input .basicInfo > .row > div {
        padding: 0 15px;
    }

    .egovpastcasesdisplayfield .field-input .descriptionExpand a {
        padding: 0;
    }

    .egovpastcasesdisplayfield .field-input .answer1 {
        font-weight: bold;
    }

    .egovpastcasesdisplayfield .field-input li,
    .egovpastcasesdisplayfield .field-input .headline {
        border: none;
    }

    .egovemailfield.field-row .validation-message {
        padding-left: 0;
    }
}

.expanderHeader {
    font-weight: 700;
    margin-top: 5px;
}

.photoBox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.add-case-attachment .uploadBlock div.uploadRules {
    font-size: 0.85em;
    font-style: italic;
    margin-top: 5px;
}

.add-case-attachment .button-wrapper {
    float: right;
}

.add-case-attachment .uploadSuccessMessage {
    margin-bottom: 10px;
}

.buttonrow {
    margin-top: 25px;
    text-align: center;
}


    .buttonrow .genericThemeNextAndBackButtonsColumn1 {
        text-align: right;
        padding-right: 7px;
    }

    .buttonrow .genericThemeNextAndBackButtonsColumn2 {
        text-align: left;
        padding-left: 7px;
    }

        .buttonrow .topRow{
            min-height: 53px;
        }

    .buttonrow .button-wrapper {
        display: block;
        margin-bottom: 14px;
    }

    .buttonrow .eservicebackbutton,
    .buttonrow .eservicenextbutton {
        font-size: 1.1em;
    }

        .buttonrow .eservicebackbutton .glyphicon {
            margin-right: 3px;
        }

        .buttonrow .eservicecancelbutton .glyphicon,
        .buttonrow .eservicesavebutton .glyphicon,
        .buttonrow .eservicenextbutton .glyphicon {
            margin-left: 3px;
        }

    .buttonrow .nextbuttonlink .glyphicon {
        margin-left: 5px;
    }

.SummaryPage .buttonrow .eservicenextbutton {
    font-size: 1em;
}


.queuesettings .queueCasesTable {
    margin-top: 20px;
}

    .queuesettings .queueCasesTable .headline {
        overflow: hidden;
    }

        .queuesettings .queueCasesTable .headline div {
            display: block;
            float: left;
            padding: 8px;
        }

    .queuesettings .btn {
        float: right;
    }


    .queuesettings .queueCasesTable ul li {
        clear: left;
        overflow: hidden;
    }

        .queuesettings .queueCasesTable ul li > a,
        .queuesettings .queueCasesTable ul li div.queueRow {
            line-height: 1.42857;
            padding-top: 8px;
            padding-bottom: 8px;
            display: block;
            overflow: hidden;
            color: #333;
        }

            .queuesettings .queueCasesTable ul li > a div,
            .queuesettings .queueCasesTable ul li div.queueRow div {
                float: left;
                padding-left: 8px;
                padding-right: 8px;
            }

        .queuesettings .queueCasesTable ul li div .glyphicon {
            font-size: 12px;
            padding-left: 10px;
            padding-top: 2px;
            vertical-align: top;
        }

        .queuesettings .queueCasesTable ul li:hover a {
            text-decoration: none;
        }


@media (max-width:767px) {
    .queuesettings .queueCasesTable ul li {
        -ms-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
        clear: left;
        margin-bottom: 10px;
        overflow: hidden;
    }

        .queuesettings .queueCasesTable ul li .serviceName,
        .queuesettings .queueCasesTable ul li .queueName {
            font-weight: bold;
        }
}



.pageValidator .glyphicon.glyphicon-warning-sign.hidden,
.validation-message .glyphicon.glyphicon-warning-sign.hidden {
    display: inline !important;
    margin-right: 4px;
    visibility: visible !important;
}

.pageValidator {
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin: 20px 0 10px;
    padding: 10px 15px;
    border: 1px solid #D3D3D3;
}

    .pageValidator label {
        font-size: 18px;
        font-weight: normal;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .pageValidator > ul {
        padding-left: 20px;
    }

.greyboxheading a {
    color: #333232;
    text-decoration: none;
}

.greyboxheading .collapsed .glyphicon.glyphicon-chevron-down,
.greyboxheading .glyphicon.glyphicon-chevron-up {
    display: inline;
    float: right;
}

.greyboxheading .glyphicon.glyphicon-chevron-down,
.greyboxheading .collapsed .glyphicon.glyphicon-chevron-up {
    display: none;
}

.greyboxheading {
    min-height: 1em;
    font-size: 20px;
    line-height: 18px;
}

.greyboxcontent {
    border-top: 1px solid #dddddd;
    padding-top: 10px;
}

textarea {
    max-width: 100%;
    resize: vertical;
}

.field-block {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.empty-row {
    display: none;
}

.field-block > .row {
    margin-top: 15px;
}

    .field-block > .row:first-child {
        margin-top: 0;
    }

.horizontal-input .radio,
.horizontal-input .checkbox {
    margin-top: 0;
}

td.checkbox,
td.radio {
    margin-top: 0;
    margin-bottom: 0;
}

.quickLinks {
    overflow-wrap: break-word;
}

/*#region pageHeader*/
.quick-nav {
    text-align: center;
}

#Quick-Navigation {
    position: absolute;
    text-decoration: none;
    text-transform: uppercase;
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: -1;
}

    #Quick-Navigation:focus,
    #Quick-Navigation:active {
        -ms-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        position: static;
        display: inline-block;
        padding: 15px;
        -ms-transition: transform 0.3s;
        -o-transition: transform 0.3s;
        -webkit-transition: transform 0.3s;
        transition: transform 0.3s;
    }

/*#region New header*/
#Header-search {
    background-color: #333232;
}

    #Header-search .search-service {
        display: flex;
        -ms-align-items: center;
        -o-align-items: center;
        -webkit-align-items: center;
        align-items: center;
        -o-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        height: 60px;
        margin-bottom: 0;
    }

    #Header-search .search-input-wrapper {
        width: 100%;
        color: #333232;
        background-color: #ffffff;
        height: 40px;
    }

    #Header-search .search-input {
        border: none;
        height: 100%;
        font-size: 18px;
        box-shadow: none;
        line-height: 21px;
    }

    #Header-search .search-button a {
        color: #333232;
        font-size: 18px;
        line-height: 21px;
    }

#Header-cookieinfo-container {
    background-color: #ffffff;
    text-align: center;
    padding: 18px 0;
}

    #Header-cookieinfo-container #Header-cookieinfo-text {
        margin: 10px;
        color: #2F2F2F;
    }

    #Header-cookieinfo-container button {
        margin: 10px;
    }

#Header-cookieinfo-text {
    display: inline-block;
}

#Header-cookieinfo-container a {
    color: #333232;
}

#Header-cookieinfo-container .abou-btn {
    color: #ffffff;
}

/*#region middle-header-area grid*/
.middle-header-area {
    display: flex;
    -ms-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    align-items: center
}

/*#endregion middle-header-area grid*/
.pageHeader {
    height: 90px;
    position: relative;
    display: flex;
    -ms-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

    .pageHeader .logo-container a {
        display: block;
    }

    .pageHeader .logo-container img {
        max-height: 60px;
        width: auto;
    }

    .pageHeader .user-name-container {
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        margin-left: 42%;
    }

    .pageHeader .user-initials-circle {
        padding: 7px 2px;
        -ms-border-radius: 50%;
        border-radius: 50%;
        min-width: 2em;
    }

.header-buttons {
    display: block;
    height: 90px; /*ska matcha .pageHeader*/
    width: 100%;
    border: none;
    -ms-border-radius: 0;
    border-radius: 0;
    font-size: 14px;
    line-height: 16px;
    outline-offset: 0;
}

a.header-buttons,
a.header-buttons-content {
    color: #333232;
    text-decoration: none;
}

.header-buttons-content {
    height: 100%;
    display: flex;
    -o-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    flex-direction: column;
    gap: 7px;
}

.script-button {
    margin-left: auto;
    padding-right: 15px;
    width: auto;
}

.script-image {
    height: 20px;
}

.script-label {
    font-weight: normal;
    cursor: pointer;
    margin-bottom: 0;
}

.header-search-button[aria-expanded="false"] .menu-open,
.header-menu-button[aria-expanded="false"] .menu-open {
    display: none;
}

.header-search-button[aria-expanded="true"] .menu-open,
.header-menu-button[aria-expanded="true"] .menu-open {
    display: inline;
}

.header-search-button[aria-expanded="true"] .menu-closed,
.header-menu-button[aria-expanded="true"] .menu-closed {
    display: none;
}

.header-divider {
    height: 3px;
}

.header-menu-wrapper {
    display: flex;
    -o-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

#Header-menu {
    position: relative;
    width: 190px;
}

    #Header-menu .dropdown-menu {
        padding: 0;
        margin: 0;
        border: none;
        -ms-border-radius: 0;
        border-radius: 0;
        width: 100%;
    }

    #Header-menu .header-menu-container {
        font-size: 14px;
        line-height: 19px;
        padding: 30px;
    }

    #Header-menu .loginButton {
        text-align: center;
        border: 1px solid;
        -ms-border-radius: 3px;
        border-radius: 3px;
        font-size: 14px;
        line-height: 19px;
    }

    #Header-menu .loginLink {
        text-transform: uppercase;
        padding: 7px 19px;
        display: block;
        color: #333232;
        background-color: white;
    }

    #Header-menu .quickLinks ul {
        margin-bottom: 0;
    }

    #Header-menu .quickLinks li,
    #Header-menu .header-mypage-link {
        margin: 0 0 20px 0;
    }

    #Header-menu .logged-in-user {
        font-size: 14px;
        line-height: 19px;
        margin-top: 15px;
        text-align: center;
    }

.icon-container {
    height: 22px;
}

.my-page-span {
    margin-top: -7px;
}

/*#endregion New header*/
/*#region old header*/
.pageHeader .topContainer {
    margin-top: 30px;
    overflow: hidden;
}

    .pageHeader .topContainer .logoImage {
        width: auto;
    }

    .pageHeader .topContainer .pageMenu {
        padding-left: 15px;
    }

        .pageHeader .topContainer .pageMenu ul li {
            display: inline;
        }

            .pageHeader .topContainer .pageMenu ul li a {
                font-size: 16px;
                padding: 0 7px;
                white-space: nowrap;
            }

                .pageHeader .topContainer .pageMenu ul li a:first-child {
                    padding-left: 0;
                }

    .pageHeader .topContainer .abouHeaderBox {
        height: 30px;
        padding-left: 15px;
    }

    .pageHeader .topContainer .abouSearchService {
        padding-top: 5px;
        padding-left: 15px;
    }

        .pageHeader .topContainer .abouSearchService .form-group {
            margin-bottom: 0;
        }

    .pageHeader .topContainer .loginButton {
        clear: right;
        float: right;
        padding: 9px 35px 10px 35px;
        font-size: 18px;
        text-align: center;
        min-height: 50px;
        -moz-min-width: 160px;
        -ms-min-width: 160px;
        -o-min-width: 160px;
        -webkit-min-width: 160px;
        min-width: 160px;
        margin-bottom: 20px;
        margin-left: 5px;
    }

        .pageHeader .topContainer .loginButton.loggedIn {
            margin-bottom: 0;
            padding-bottom: 20px;
        }

.pageHeader .navigationArea {
    width: 100%;
    position: absolute;
    overflow: hidden;
}

    .pageHeader .navigationArea.noHeaderImage {
        position: static;
    }

    .pageHeader .navigationArea .loggedInMenu {
        margin-bottom: 0;
    }

        .pageHeader .navigationArea .loggedInMenu li {
            display: inline-block;
        }

            .pageHeader .navigationArea .loggedInMenu li a {
                display: table-cell;
                padding: 13px 14px 13px;
                font-size: 18px;
                line-height: 1;
            }

                .pageHeader .navigationArea .loggedInMenu li a:hover,
                .pageHeader .navigationArea .loggedInMenu li a.active {
                }

            .pageHeader .navigationArea .loggedInMenu li .logoutButton {
                padding: 13px 49px;
                float: right;
            }
/*#endregion old header*/
/*#endregion Header*/

/*#region Body*/

.bodyWrapper {
    padding-bottom: 20px;
}

.leftAndMainArea {
    margin: 0px 0;
}

.blockpage .pageHeadline,
.contentPage .pageHeadline,
.thankYouPageHeadline .pageHeadline,
.summaryPageHeadline .pageHeadline,
.servicecontent .cancelHeadline {
    margin-top: 15px;
}

.serviceIntroduction .mainContentPanel ul {
    display: block;
    margin: 0 0 10px 0;
}

.servicecontent .cancel .buttonrow {
    margin-left: 115px;
}

.default .mainContentPanel {
    padding: 0;
}

.menugroup .mainContentPanel {
    padding: 0;
}

.MenuGroupServices {
    margin: 10px 0;
}

.editCitizenInfo,
.morewaysofcontact .greyBoxArea {
    background: #f5f5f5;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.newstartpageheaderleft {
    margin-bottom: 15px;
}

    .editCitizenInfo > h1,
    .editCitizenInfo h2,
    .morewaysofcontact .greyboxheading,
    .newstartpageheaderleft > h2 {
        margin: 0 15px;
        padding: 15px 0;
        line-height: 40px;
        font-size: 30px;
    }

    .editCitizenInfo h2,
    .morewaysofcontact .greyboxheading,
    .newstartpageheaderleft > h2 {
        border-bottom: 1px solid #d7d7d7;
    }


.morewaysofcontact .greyboxheading {
    margin: 0 5px;
}

    .morewaysofcontact .greyboxheading b {
        font-weight: normal;
    }

.morewaysofcontact .greyboxcontent {
    border-top: none;
}

.editCitizenInfo .citizeninfofield {
    margin: 0;
}

.servicecontent .page-fields .field-question {
    margin-left: 62px;
}

.editCitizenInfo .field-question,
.servicecontent .page-fields .field-question {
    text-align: right;
}

    .servicecontent .page-fields .field-question.genericFullWidth {
        text-align: left;
        margin-left: 0;
    }

.field-question-block.horizontal-question {
    text-align: right;
}

.calendarWrapper {
    min-width: 220px;
}

.bottomGoBack {
    margin-top: 20px;
}

.goBack .btn {
    color: #333333;
}

.myCaseList > h2 {
    padding-left: 8px;
}

.normalWeightLabel {
    font-weight: normal;
}

.textfieldvalidationmessage {
    font-weight: normal;
}

fieldset > .validation-message {
    padding-left: 0;
}

/*#endregion Body*/
/*#region Footer*/
.footer {
    border-top: solid 2px #31557F;
}

    .footer .footerWrapper {
        margin-top: 25px;
        max-width: 995px;
    }

    .footer .quickLinks ul li {
        margin: 5px 0;
    }

        .footer .quickLinks ul li:first-child {
            margin-top: 0;
        }

    .footer .genericThemeSocialMediaLinks ul li a {
        background: no-repeat scroll 0 0 / 50px 50px;

        padding: 34px 0 5px 55px;
        margin: 0 20px;
        display: block;
    }

        .footer .genericThemeSocialMediaLinks ul li a:first-child {
            margin-left: 0;
        }
/*#endregion Footer*/

.buttonrow.chooseIdpRow,
.buttonrow.chooseSignMethodRow {
    padding-top: 65px;
}

a.pickIdpButton,
a.pickSignMethodButton {
    width: 440px;
    text-decoration: none;
    border-radius: 0;
    font-size: 22px;
    height: 46px;
    max-width: 100%;
    line-height: 32px;
}

/*
    Lavinmeddelande
    och driftstoppsmeddelande
*/
.global-content,
.maintenance-message {
    display: flex;
    -o-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding-top: 10px;
}

.global-content-image,
.maintenance-message-image {
    text-align: center;
}

.global-content-text,
.maintenance-message-text {
    padding: 6px 15px 10px 15px;
}

    .global-content-text p,
    .maintenance-message-text p {
        margin-bottom: 0;
    }


/*Tacksidor*/

.paymentThankYouTable{
    margin-bottom: 20px;
}
@media (max-width:1199px) {
}

@media (max-width:991px) {

    .pageHeader .topContainer .loginButton {
        padding: 9px 20px 10px 21px;
        -moz-min-width: 132px;
        -ms-min-width: 132px;
        -o-min-width: 132px;
        -webkit-min-width: 132px;
        min-width: 132px;
    }

    .pageHeader .navigationArea .loggedInMenu li .logoutButton {
        float: right;
        padding: 13px 35px 13px 34px;
    }

    .contentPage .mainContentPanel {
        padding: 0;
    }

    .servicecontent .page-fields .field-question {
        margin-left: 50px;
    }
}

@media (max-width:767px) {

    /*New Header*/
    .pageHeader,
    .header-buttons {
        height: 80px;
    }

        .pageHeader .user-name-container {
            margin-left: auto;
        }

        .pageHeader .logo-container {
            height: auto;
            margin-left: 0;
        }

    .script-button {
        padding-right: 0;
    }

    .script-image {
        height: 33px;
    }

    .header-menu-wrapper {
        display: block;
    }

    #Header-menu {
        width: auto;
    }

        #Header-menu .header-menu-container {
            font-size: 18px;
            line-height: 21px;
            padding-bottom: 100vh
        }

        #Header-menu .loginButton {
            margin-left: auto;
            margin-right: auto;
            width: 100px;
        }

        #Header-menu .quickLinks li,
        #Header-menu .header-mypage-link {
            display: block;
            margin-bottom: 28px;
            text-align: center;
        }

    /*New Header*/
    .pageHeader {
        overflow: visible;
    }

        .pageHeader .topContainer {
            margin-top: 5px;
            overflow: visible;
        }

            .pageHeader .topContainer .leftDiv {
                text-align: center;
            }

            .pageHeader .topContainer .rightDiv {
                margin-top: 5px;
            }

            .pageHeader .topContainer .abouHeaderBox {
                padding-left: 0;
            }

            .pageHeader .topContainer .abouSearchService {
                padding-top: 0;
                padding-left: 0;
                margin: 5px 0;
            }

            .pageHeader .topContainer .loginButton {
                clear: none;
                float: none;
                padding: 9px 5px;
                margin-left: 0;
            }

                .pageHeader .topContainer .loginButton .loginLink {
                    font-size: 16px;
                    padding: 0;
                }

        .pageHeader .navigationArea .loggedInMenu li .logoutButton {
            padding: 13px 35px 16px 34px;
            float: none;
        }

        .pageHeader .navigationArea {
            text-align: center;
        }

            .pageHeader .navigationArea .loggedInMenu li a {
                padding: 15px 0;
                display: block;
                font-size: 16px;
            }

    .editCitizenInfo > h1,
    .editCitizenInfo .AlternativeAdressDiv > h2,
    .newstartpageheaderleft > h1 {
        margin: 0 10px;
    }

    .morewaysofcontact .greyboxheading {
        margin: 0;
    }

    .servicecontent .page-fields .field-question {
        margin-left: 0;
    }

    .editCitizenInfo .field-question,
    .servicecontent .page-fields .field-question {
        text-align: left;
        margin-right: 0;
    }

    .field-question-block.horizontal-question {
        text-align: left;
    }

    .servicecontent .mainContainer .page-fields {
        padding-right: 0;
    }

    .servicecontent .cancel .buttonrow {
        margin-left: 0;
    }

    .field-block .row {
        margin-top: 0;
    }

    .field-row-block {
        margin-bottom: 15px;
    }

    .field-row .validation-message {
        padding-left: 15px;
    }

    .horizontal-input .radio,
    .horizontal-input .checkbox {
        margin-top: 4px;
    }

    .editCitizenInfo > h1 {
        margin: 0 10px;
    }

    .logoLinkMobile {
        max-width: 25%;
        margin: 0 auto;
    }

        .logoLinkMobile .loginGlyph {
            width: 100%;
        }
}

@font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:url('/Content/fonts/Roboto/Standard/Roboto-Italic.ttf') format('truetype');}@font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:url('/Content/fonts/Roboto/Standard/Roboto-MediumItalic.ttf') format('truetype');}@font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:url('/Content/fonts/Roboto/Standard/Roboto-BoldItalic.ttf') format('truetype');}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url('/Content/fonts/Roboto/Standard/Roboto-Regular.ttf') format('truetype');}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:url('/Content/fonts/Roboto/Standard/Roboto-Medium.ttf') format('truetype');}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url('/Content/fonts/Roboto/Standard/Roboto-Bold.ttf') format('truetype');}