@charset "utf-8";

/* CSS Document 
 Integrate Header-v2 and Main-v2
 */

#header {
    position: relative;
    top: 0;
    width: 100%;
    height: 70px;
    z-index: 1000000;
    padding-bottom: 0px;
    background-color: #fff202;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

#header .center-wrap {
    padding-top: 10px;
}

#header #nav-wrap {
    display: none;
    overflow: hidden;
    width: 105.5%;
    margin-top: -5px;
    margin-left: -6%;
    padding-right: 5%;
    vertical-align: top;
}

#header #nav-wrap.open {
    display: block;
}

#header ul {
    margin: 0;
    padding: 0;
    display: none;
}

#header ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    text-align: left;
    /*padding:6px;	*/
    border-bottom: 1px solid #ccc;
    opacity: 1;
    vertical-align: middle;
}

#header ul li a {
    color: #4d4d4f;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    text-decoration: none;
    line-height: 20px;
    /*border-radius: 5px !important;*/
    display: block;
    outline: none;
    margin-right: 0;
}

#header ul li a:hover {
    text-decoration: underline;
}

#header ul li a.button {
    color: #FFF;
}

#header ul li a.button:hover {
    text-decoration: none;
}

#header ul.small li a {
    padding: 10px;
    font-size: 14px;
    font-family: 'Montserrat';
    font-weight: 300;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    padding: 10px;
    padding-bottom: 18px;
    line-height: 20px;
    padding-left: 20px;
}

#logo {
    /*	background:url('img/utrechtpas_logo.png') no-repeat;	*/
    display: inline-block;
    width: 160px;
    height: 50px;
    margin-right: 10px;
    background-size: 146px;
    font-family: 'Montserrat';
    color: #4d4d4f !important;
    font-weight: normal;
    font-size: 15px;
    padding-top: 23px;
    padding-left: 60px;
    ;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

#header-left {
    position: absolute;
    top: 0;
    left: -1940px;
}

@media only screen and (min-width: 768px) {
    #header {
        position: relative;
        padding-bottom: 0px;
    }
    #header #nav-wrap {
        overflow: visible;
        width: auto;
        margin-left: 0;
        padding-right: 0;
        display: inline-block;
        margin-top: 0;
    }
    #header #nav-wrap.open {
        display: inline-block;
    }
    #header ul li {
        display: inline-block;
        text-align: left;
        margin-top: 4px;
        border: 0;
        padding: 0;
    }
    #header ul li a {
        font-size: 16px;
        margin-left: 10px;
        line-height: 20px;
        display: inline;
        border-radius: 5px !important;
    }
    #header.sub-menu #header ul li a {
        padding-bottom: 10px;
    }
    #header ul.small li a {
        font-family: 'Montserrat';
        font-size: 14px;
        font-weight: normal;
        padding: 10px;
        padding-top: 17px;
        padding-bottom: 15px;
        line-height: 20px;
        display: inline;
        border-radius: 5px !important;
    }
    #header.sub-menu ul.small li a {
        padding: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    /*    #header ul li a:hover{
	    background-color: transparent;
		text-decoration:underline;
    }*/
    #header ul.nav-left {
        display: block;
        margin-top: 0px;
        margin-left: 0px;
        width: auto;
        background: none;
    }
    #header.sub-menu ul.nav-left {
        margin-top: 12px;
    }
    #header ul.nav-right {
        position: relative;
        margin-left: 0px;
        width: auto;
        background: none;
        right: auto;
        top: 7px;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 0px;
        opacity: 1;
    }
    #header.sub-menu ul.nav-right {
        top: 20px;
    }
    #header ul.nav-right {
        position: absolute;
        right: 0;
    }
    #mobile-menu-btn {
        display: none;
    }
    #header ul li.hide-mobile {
        display: inline-block;
    }
    #header ul li.show-mobile {
        display: none;
    }
    #header ul.nav-mobile {
        display: none;
    }
    #header.sub-menu ul#user-nav {
        display: block;
    }
    .sub-menu #logo {
        margin-top: 0px;
    }
    #header ul#user-nav {
        background: none;
        position: absolute;
        top: 6px;
        right: 0;
        width: auto;
    }
    #user-nav li a,
    #user-nav li p {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
    }
    /*
    #header ul#user-nav li a{
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        margin:0;
        padding:0;
        margin-right:10px;
        text-transform:none;
    }
	*/
    #header ul#user-nav li {
        border: 0;
        display: inline-block;
    }
    /* #header ul#user-nav li a{
        display:block;
        text-decoration:none;	
        text-transform:uppercase;
        padding-left:20px;
        padding-right:5px;
        padding-top: 20px;
        padding-bottom:18px;
    
        color: #4d4d4f !important;
        
        font-family: 'Montserrat';
        font-size: 14px;
        font-weight:normal;
        width:auto;
        height:10px;
        background:none;
    }
    
    #header ul#user-nav li a:hover{
        text-decoration:underline;   
        background:none; 
    }
    */
}

.partner-portal .mx-layoutcontainer-left {
    width: 260px !important;
    position: relative;
    left: -85px;
    /*    background: #FFF url(img/menu-hoek-mendix.png) no-repeat top right;  */
    background-size: 100% auto;
}

.partner-portal .mx-navbar {
    position: relative;
    left: -40px;
}

.partner-portal .mx-navbar .nav>.mx-navbar-item {
    margin-bottom: 0;
}

.partner-portal .mx-navbar .nav>.mx-navbar-item>a {
    color: #4a4a49;
    font-family: 'Montserrat', 'Helvetica', 'OpenSans-Regular', Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    padding-top: 25px;
    padding-bottom: 25px;
}

.partner-portal .mx-navbar .nav>.mx-navbar-item>a:hover {
    background: none;
}

.partner-portal .endusername,
.partner-portal .formatstring {
    font-family: 'Montserrat' !important;
    font-weight: normal;
    font-size: 16px;
    margin-top: 6px;
}

.partner-portal .tbCheckActie .formatstring {
    font-family: 'Helvetica';
    font-size: 12px;
}

.partner-portal {
    background: #FFF;
}

.partner-portal ul {
    margin-left: 0;
    padding-left: 0;
}

.black {
    font-weight: bold;
    font-size: 50px;
    line-height: 50px;
    margin-top: 45px;
    margin-bottom: 45px;
}

#registratie-banner {
    margin-bottom: 50px;
}

#registratie-banner ol>li {
    padding-left: 18px;
    position: relative;
    left: -15px;
    color: #FFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 19px;
}

#registratie-banner ol>li:before {
    position: absolute;
    width: 28px;
    height: 28px;
    background: #E30613;
    content: "";
    border-radius: 28px;
    left: -27px;
    z-index: -1;
    top: 1px;
}

#registratie-banner ol>li h3 {
    color: #4a4a49;
    margin-bottom: 0px;
}

#registratie-banner ol>li p {
    color: #4a4a49;
}

#voordelen-banner {
    background: #f1fafd;
    padding-top: 35px;
    padding-bottom: 35px;
    margin-bottom: 50px;
}

#voordelen-banner h3 {
    font-size: 32px;
}

#voordelen-banner li {
    width: 400px;
    padding-left: 50px;
    margin-right: 100px;
    float: left;
    background: url(img/checkmark.png) left center no-repeat;
}

#voordelen-banner li p {
    font-size: 15px;
    line-height: 21px;
}

#adverteren-banner {
    background: #758ac4;
    height: 100px;
    margin-bottom: 50px;
}

#adverteren-banner .button,
#adverteren-banner h3 {
    position: absolute;
}

#adverteren-banner h3 {
    top: 34px;
    left: 100px;
}

#adverteren-banner .button {
    top: 25px;
    left: 690px;
}

.partner-portal-home footer {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #f1fafd;
}

.partner-portal-home footer p {
    font-size: 16px;
    line-height: 21px;
}

.partner-portal ul {
    list-style-image: none;
}

.partner-portal ul li {
    margin-top: 5px;
    margin-bottom: 5px;
}

#actie-header {
    background: #f1fafd;
    padding-bottom: 30px;
}

#actie-header h1 {
    font-size: 50px;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #4a4a49;
}

#actie-header ul {
    margin-left: 18px;
}

#actie-header ul li {
    font-size: 15px;
}

#actie-header p {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 0;
}

#actie-header h3 {
    font-size: 22px;
    margin-bottom: 10px;
    margin-top: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color: #4a4a49;
    border-top: 0;
    padding-top: 10px;
}

#actie-header img {
    margin-top: 70px;
}

.tbRegistratieHeader {
    margin-bottom: 60px;
}

.tbRegistratieHeader h1 {
    padding-left: 15px;
}

.tbRegistratieHeader td {
    padding: 0;
}

.partner-portal h3 {
    text-transform: uppercase;
}

.form-steps {
    background: #EE7203;
    color: #4a4a49;
    height: 80px;
    margin-bottom: 30px;
    margin-top: 80px;
}

.form-steps tr {
    display: block;
    width: 100%;
    height: 80px;
}

.form-steps td {
    position: absolute;
    height: 80px;
    padding: 0;
    padding-right: 65px;
    background: url(img/step-arrow-inactive.png) top right no-repeat;
    display: block;
    float: left;
}

.form-steps td {}

.form-steps td:nth-child(1) {
    width: 235px;
}

.form-steps td:nth-child(2) {
    width: 300px;
    left: 235px;
}

.form-steps td:nth-child(3) {
    width: 215px;
    left: 535px;
}

.form-steps td:nth-child(4) {
    width: 245px;
    left: 750px;
}

.form-steps td:nth-child(4) {
    background: none;
}

.form-steps label,
.form-steps a {
    font-family: 'Montserrat';
    padding-top: 27px;
    padding-bottom: 20px;
    padding-left: 30px;
    font-size: 20px;
    font-weight: 100;
    text-decoration: none;
}

.form-steps a {
    position: relative;
    top: 17px;
    padding-bottom: 27px;
    color: #3e3e3e;
    background: #EE7203;
}

.form-steps .step-a td:nth-child(1) label,
.form-steps .step-b td:nth-child(1) a,
.form-steps .step-c td:nth-child(1) a,
.form-steps .step-d td:nth-child(1) a,
.form-steps .step-b td:nth-child(2) label,
.form-steps .step-c td:nth-child(2) a,
.form-steps .step-d td:nth-child(2) a,
.form-steps .step-c td:nth-child(3) label,
.form-steps .step-d td:nth-child(3) a,
.form-steps .step-d td:nth-child(4) label {
    font-family: 'Montserrat';
    font-weight: bold;
    color: white;
    background-color: #E30613;
}

.form-steps .step-a td:nth-child(1),
.form-steps .step-b td:nth-child(1),
.form-steps .step-c td:nth-child(1),
.form-steps .step-b td:nth-child(2),
.form-steps .step-c td:nth-child(2),
.form-steps .step-c td:nth-child(3) {
    background: #E30613 url(img/step-arrow.png) top right no-repeat;
}

.form-steps .step-b td:nth-child(1),
.form-steps .step-c td:nth-child(1),
.form-steps .step-c td:nth-child(2),
.form-steps .step-d td:nth-child(4),
.form-steps .step-d td:nth-child(3),
.form-steps .step-d td:nth-child(1),
.form-steps .step-d td:nth-child(2) {
    background: #E30613 url(img/step-arrow-double.png) top right no-repeat;
}

.form-steps .step-d {
    background: #E30613;
}

.form-steps .step-b td:nth-child(1) a {
    background-color: #E30613;
    font-family: "Montserrat";
    font-weight: bold;
    padding-bottom: 26px;
    padding-top: 28px;
    top: 18px;
}

.form-steps .step-c td:nth-child(1) a,
.form-steps .step-c td:nth-child(2) a {
    background-color: #E30613;
    font-family: "Montserrat";
    font-weight: bold;
    padding-bottom: 26px;
    padding-top: 28px;
    top: 18px;
}

.form-steps .step-d td:nth-child(1) a,
.form-steps .step-d td:nth-child(2) a,
.form-steps .step-d td:nth-child(3) a {
    background-color: #E30613;
    font-family: "Montserrat";
    font-weight: bold;
    padding-bottom: 26px;
    padding-top: 28px;
    top: 18px;
}

.form-steps .mx-link {
    padding-top: 8px;
}

.partner-portal .header .mx-layoutcontainer-wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    /*max-width:1024px;	*/
}

.partner-portal .mx-layoutcontainer-middle {
    margin-bottom: 60px;
}

.partner-portal .mx-layoutcontainer-middle .mx-layoutcontainer-wrapper,
.partner-portal .mx-dataview-content {
    height: auto !important;
}

.partner-portal .mx-layoutcontainer-middle .mx-layoutcontainer-wrapper {
    width: 100%;
    padding: 0;
}

.partner-portal .mx-layoutcontainer-middle .mx-dataview {
    position: relative;
    width: 100%;
    margin: 0 auto;
    max-width: 1024px;
}

.partner-portal .tbActieReactie .mx-link {
    padding-top: 0;
}

.partner-portal .mx-templategrid-content-wrapper {
    display: block;
}

.partner-portal .mx-layoutcontainer-middle .mx-dataview .mx-dataview-content {
    overflow: initial;
    overflow: visible;
}

.partner-portal .sub-label {
    font-family: 'Arial';
    font-weight: bold;
    color: #A9A9A9;
    font-size: 11px;
    line-height: 18px;
    width: 80%;
}


/*

	Actie stap 1-a

*/


/*
.partner-portal #mxui_widget_TemplateGrid_0, .partner-portal #mxui_widget_TemplateGridItem_0{
	border:0;	
}

.partner-portal #mxui_widget_TemplateGrid_0 .mx-templategrid-item .mx-table{
	border:0;	
}

.partner-portal #mxui_widget_TemplateGrid_0 .mx-templategrid-item .mx-table p{
	margin-bottom:0;
	font-size:16px;	
}

.partner-portal #mxui_widget_TemplateGrid_0 .mx-templategrid-item .mx-table p:nth-child(even){
	margin-bottom:10px;	
}

.partner-portal #mxui_widget_TemplateGrid_0 .mx-templategrid-item{
	border-bottom:1px solid #eee;
	display:block;	
	margin-top:20px;
}
*/

.partner-portal #mxui_widget_TemplateGrid_0 .mx-templategrid-item:nth-child(1) .btn {
    background: 758ac4;
    margin-left: 0px;
}

.partner-portal #mxui_widget_TemplateGrid_0 .mx-templategrid-item:nth-child(1) p:nth-child(odd) {
    color: 758ac4;
    text-transform: uppercase;
}

.partner-portal #mxui_widget_TemplateGrid_0 .mx-templategrid-item:nth-child(1) p:nth-child(odd) a {
    text-transform: none;
}

.partner-portal #mxui_widget_TemplateGrid_0 .mx-templategrid-item:nth-child(2) .btn {
    background: #009640;
    margin-left: 0px;
}

.partner-portal #mxui_widget_TemplateGrid_0 .mx-templategrid-item:nth-child(2) p:nth-child(odd) {
    color: #009640;
}

.partner-portal #mxui_widget_TemplateGrid_0 .mx-templategrid-item:nth-child(4) .btn {
    background: #946aab;
    margin-left: 0px;
}

.partner-portal #mxui_widget_TemplateGrid_0 .mx-templategrid-item:nth-child(4) p:nth-child(odd) {
    color: #946aab;
}

.partner-portal #mxui_widget_TemplateGrid_0 .mx-templategrid-item:nth-child(3) .btn {
    background: #E30613;
    margin-left: 0px;
}

.partner-portal #mxui_widget_TemplateGrid_0 .mx-templategrid-item:nth-child(3) p:nth-child(odd) {
    color: #E30613;
}

.partner-portal #mxui_widget_TemplateGrid_0 .mx-templategrid-item:nth-child(5) .btn {
    background: #ec6608;
    margin-left: 0px;
}

.partner-portal #mxui_widget_TemplateGrid_0 .mx-templategrid-item:nth-child(5) p:nth-child(odd) {
    color: #ec6608;
}

.partner-portal #mxui_widget_TemplateGrid_0 .mx-templategrid-item .mx-table a {
    background: none !important;
    color: #E30613;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    margin-left: 0px !important;
}

.partner-portal #mxui_widget_TemplateGrid_1 .mx-templategrid-item:nth-child(1) .btn {
    background: 758ac4;
    margin-left: 20px;
}

.partner-portal #mxui_widget_TemplateGrid_1 .mx-templategrid-item:nth-child(1) p:nth-child(odd) {
    color: 758ac4;
    text-transform: uppercase;
}

.partner-portal #mxui_widget_TemplateGrid_1 .mx-templategrid-item:nth-child(1) p:nth-child(odd) a {
    text-transform: none;
}

.partner-portal #mxui_widget_TemplateGrid_1 .mx-templategrid-item:nth-child(2) .btn {
    background: #009640;
    margin-left: 20px;
}

.partner-portal #mxui_widget_TemplateGrid_1 .mx-templategrid-item:nth-child(2) p:nth-child(odd) {
    color: #009640;
}

.partner-portal #mxui_widget_TemplateGrid_1 .mx-templategrid-item:nth-child(3) .btn {
    background: #946aab;
    margin-left: 20px;
}

.partner-portal #mxui_widget_TemplateGrid_1 .mx-templategrid-item:nth-child(3) p:nth-child(odd) {
    color: #946aab;
}

.partner-portal #mxui_widget_TemplateGrid_1 .mx-templategrid-item:nth-child(4) .btn {
    background: #E30613;
    margin-left: 20px;
}

.partner-portal #mxui_widget_TemplateGrid_1 .mx-templategrid-item:nth-child(4) p:nth-child(odd) {
    color: #E30613;
}

.partner-portal #mxui_widget_TemplateGrid_1 .mx-templategrid-item:nth-child(5) .btn {
    background: #ec6608;
    margin-left: 20px;
}

.partner-portal #mxui_widget_TemplateGrid_1 .mx-templategrid-item:nth-child(5) p:nth-child(odd) {
    color: #ec6608;
}

.partner-portal #mxui_widget_TemplateGrid_1 .mx-templategrid-item .mx-table a {
    background: none !important;
    color: #E30613;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    margin-left: 0px !important;
}


/*.partner-portal #mxui_widget_MicroflowButton_19, .partner-portal #mxui_widget_MicroflowButton_20, .partner-portal #mxui_widget_MicroflowButton_21{
	position:relative;
	left: 230px;
    top: -55px;
	padding:28px;
	padding-top:16px;
	padding-bottom:16px;
	font-weight:bold;
}*/

.partner-portal .tgActieSoort {
    border: 0;
}

.partner-portal .tbActieSoort td:nth-child(4) .wgt-CKEditorViewerForMendixNode p {
    font-size: 11px;
    line-height: 18px;
    text-transform: uppercase;
    margin-left: 20px;
}

.partner-portal .tbActieSoort td:nth-child(4) .wgt-CKEditorViewerForMendixNode p:nth-child(odd) {
    font-weight: bold;
}

.partner-portal .tgActieSoort .mx-templategrid-item,
.partner-portal .tgActieSoort .mx-templategrid-item .mx-table {
    border: 0;
}

.partner-portal .tgActieSoort .mx-templategrid-item {
    background: #f1fafd;
    display: block;
    margin-bottom: 30px;
}

.partner-portal .tgActieSoort .mx-templategrid-row {
    display: block;
    cursor: pointer;
}

.partner-portal .tgActieSoort .wgt-CKEditorViewerForMendixNode {
    margin-top: 20px;
    margin-left: 20px;
}

.partner-portal .tgActieSoort .mx-dataview-content tbody tr:nth-child(1) td:nth-child(1) {
    width: 188px;
}

.partner-portal .tgActieSoort .wgt-CKEditorViewerForMendixNode p {
    margin-bottom: 0;
}

.partner-portal .tgActieSoort .wgt-CKEditorViewerForMendixNode p:nth-child(even) {
    margin-bottom: 10px;
    color: #8a8a8a;
}

.partner-portal .tgActieSoort {
    background: #FFF;
}

.partner-portal .tgActieSoort .mx-templategrid-item {
    vertical-align: top;
    width: 20% !important;
    padding-right: 5%;
    float: left;
    background: #FFF;
}

.partner-portal .tgActieSoort .mx-templategrid-item p {
    font-size: 11px;
    line-height: 18px;
}

.partner-portal .tgActieSoort .btn {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}


/*
.partner-portal #mxui_widget_TemplateGrid_0 #mxui_widget_TemplateGridItem_0 .mx-table p:nth-child(odd) strong span{
	color:758ac4 !important;
}

.partner-portal #mxui_widget_TemplateGrid_0 #mxui_widget_TemplateGridItem_1 .mx-table p:nth-child(odd) strong span{
	color:758ac4 !important;
}

.partner-portal #mxui_widget_TemplateGrid_0 #mxui_widget_TemplateGridItem_2 .mx-table p:nth-child(odd) strong span{
	color:758ac4 !important;
}
*/

.partner-portal .mx-layoutcontainer-middle .mx-layoutcontainer-wrapper:first-child {
    overflow: visible;
}


/*

	Actie stap 1-b

*/

.tbMaakActie {
    margin-bottom: 30px;
}

.partner-portal h3,
.tbMaakActie h2 {
    border-top: 1px solid #eee;
    margin-top: 30px;
    padding-top: 40px;
    font-size: 22px;
    font-family: 'Montserrat';
    color: #4a4a49;
}

.partner-portal #mxui_widget_DataView_3 {}

.partner-portal #mxui_widget_DataView_3 .mx-table p {
    margin-bottom: 0;
    font-size: 16px;
}

.partner-portal #mxui_widget_DataView_3 .mx-table p:nth-child(even) {
    margin-bottom: 10px;
}

.partner-portal .mx-listview {
    padding: 0;
}

.partner-portal .mx-listview-list li {
    border: 0;
    padding: 0;
}

.partner-portal .mx-dateinput button {
    background: #DCDCDC;
}


/*
.partner-portal #mxui_widget_MicroflowButton_9{
	margin-top:20px;
	margin-left:40px;
}
*/

.partner-portal .tbNextPreviousStep {
    background: #068BCE;
    margin-top: 70px;
    margin-bottom: 60px;
    min-height: 77px;
    display: block;
}

.partner-portal .tbNextPreviousStep tr td:nth-child(2) {
    width: 724px;
}

.partner-portal .tbNextPreviousStep .formatstring_widget {
    text-align: center;
}

.partner-portal .tbNextPreviousStep .btn {
    position: relative;
    top: 19px;
}

.partner-portal .tbNextPreviousStep .btn-default {
    background: #FFF;
    color: #4a4a49;
}

.partner-portal .tbNextPreviousStep .btn-primary {
    background: #E30613;
    color: #FFF;
}

.partner-portal .tbNextPreviousStep .btn-inverse {
    left: 30px;
}

.partner-portal .tbNextPreviousStep .mx-link {
    display: block;
    text-align: center;
    width: 100px;
    margin: 0 auto;
    padding: 0;
}

.partner-portal tr[data-mendix-id="10937"] .mx-table {
    margin-bottom: 30px;
}

.partner-portal tr[data-mendix-id="10937"] .mx-table input,
.partner-portal tr[data-mendix-id="10937"] .mx-table textarea {
    width: 400px;
}

.partner-portal .dvActieSoort p {
    margin-bottom: 0;
}

.partner-portal .dvActieSoort td:nth-child(4) p strong span,
.partner-portal .dvActieSoort td:nth-child(4) p span strong {
    font-size: 11px;
}

.partner-portal .dvActieSoort td:nth-child(4) p:nth-child(2) {
    margin-bottom: 10px;
}

.partner-portal .dvActieSoort td:nth-child(4) .btn-default {
    display: none;
}

.partner-portal .dvActieSoort .formatstring {
    font-family: 'Montserrat' !important;
    font-weight: normal;
    font-size: 32px;
    text-transform: uppercase;
    color: #4a4a49;
}

.partner-portal .dvActieSoort tr:nth-child(1) .formatstring_widget {
    width: 280px;
}

.partner-portal .tbActieAlgemeen tr td {
    margin-bottom: 25px;
}

.partner-portal .tbActieAlgemeen label,
.partner-portal .tbActieLocatie label,
.partner-portal .tbActieInformatie label,
.partner-portal .tbActieReserveren label,
.partner-portal .tbActieTips label {
    font-family: 'Arial';
    font-weight: normal;
    font-size: 16px;
}

.partner-portal .radio-inline input {
    width: 20px;
    height: 20px;
}

.partner-portal .radio-inline span {
    font-family: 'Arial';
    font-weight: normal;
    font-size: 14px;
    margin-left: 5px;
}

.partner-portal .tbActieAlgemeen .mx-list>li:hover {
    background: #FFF;
}

.partner-portal .tbActieReserveren .sub-label {
    font-size: 11px;
}

.partner-portal .tbActieReserveren h5 {
    font-weight: bold;
    font-size: 16px;
}


/*

	Actie stap 2

*/

.partner-portal .tbRedactieHeader {
    margin-bottom: 40px;
}

.partner-portal .tbRedactieHeader h2,
.partner-portal .tbTariefHeader h2 {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 0;
}

.partner-portal .tbRedactieHeader label,
.partner-portal .tbTariefHeader label {
    font-size: 16px;
    line-height: 21px;
    max-width: 515px;
}

.partner-portal .tbTariefSoortKeuze {
    margin-bottom: 40px;
}

.partner-portal .tbTariefSoortKeuze label span {
    font-size: 16px;
    line-height: 21px;
}

.partner-portal .tbTariefSoortKeuze input {
    width: 15px;
    height: 15px;
}

.partner-portal .tbRedactieBedrijf,
.partner-portal .tbRedactieAfbeeldingen,
.partner-portal .tbRedactieTekst {
    margin-bottom: 25px;
}

.partner-portal .tbRedactieBedrijf label,
.partner-portal .tbRedactieAfbeeldingen label,
.partner-portal .tbRedactieTekst label {
    font-family: "Arial";
    font-size: 16px;
    font-weight: normal;
    padding-top: 0;
}

.partner-portal .sub-label {
    font-size: 12px !important;
}

.partner-portal .tbRedactieBedrijf th,
.partner-portal .tbRedactieAfbeeldingen th,
.partner-portal .tbRedactieTekst th {
    padding: 0;
    text-align: left;
}

.partner-portal .tbActieAlgemeen th,
.partner-portal .tbActieLocatie th,
.partner-portal .tbActieInformatie th,
.partner-portal .tbActieReserveren th,
.partner-portal .tbActieTips th,
.partner-portal .tbTariefSoortKeuze th,
.partner-portal .tbListTariefgroepen th,
.partner-portal .tbCheckActie th,
.partner-portal .tbCheckRedactie th,
.partner-portal .tbCheckTarieven th {
    text-align: left;
}

.partner-portal .tbRedactieBedrijf td,
.partner-portal .tbRedactieAfbeeldingen td,
.partner-portal .tbRedactieTekst td {
    padding: 0;
}

.partner-portal .tbRedactieAfbeeldingen button {
    margin-bottom: 10px;
}

.partner-portal .tbRedactieTekst tr:nth-child(3) td,
.partner-portal .tbRedactieTekst tr:nth-child(3) th {
    padding-bottom: 15px;
    padding-top: 10px;
}

.partner-portal input[type="text"],
.partner-portal input[type="password"] {
    font-size: 16px;
    line-height: 16px;
    padding: 10px 10px;
    height: 100% !important;
}

.partner-portal textarea {
    font-size: 16px;
    line-height: 21px;
    padding: 10px;
    padding-left: 10px;
    padding-right: 10px;
}


/*

	Actie stap 3

*/

.partner-portal .mx-groupbox,
.partner-portal .mx-groupbox-header {
    background: #f1fafd;
    position: relative;
}

.partner-portal .mx-groupbox .mx-link {
    position: absolute;
    top: 10px;
    right: 20px;
}


/*
.partner-portal .mx-groupbox-body .mx-table:first-child input{
	position:absolute;
	top:12px;
	left:160px;	
	width:400px;
}
*/

.partner-portal .mx-groupbox-body .mx-table input {
    position: absolute;
    top: 6px;
    left: 160px;
    width: 400px;
    height: 30px !important;
    padding: 0px 5px;
}

.partner-portal .tbListTarieven .mx-table:first-child input,
.partner-portal .mx-groupbox-body .mx-table:last-child input {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
}

.partner-portal .mx-groupbox-header label {
    font-family: 'Montserrat' !important;
    font-weight: normal;
    font-size: 22px;
    text-transform: uppercase;
    color: #4a4a49;
}

.partner-portal .mx-groupbox-body {
    border: 0;
    border-top: 1px solid #d8e0e2;
    padding: 30px;
}

.partner-portal .mx-groupbox .glyphicon-minus:before {
    content: "\1F53B";
    font-size: 20px;
}

.partner-portal .mx-groupbox .glyphicon {
    top: 10px;
}

.partner-portal .mx-groupbox-body label {
    font-weight: normal;
    font-size: 16px;
    padding-top: 4px;
}

.partner-portal .mx-groupbox-body .sub-label {
    font-size: 11px;
}

.partner-portal .mx-groupbox-body .formatstring {
    font-family: 'Arial' !important;
    font-weight: normal;
    font-size: 16px;
}

.partner-portal .mx-groupbox-body .mx-list>li,
.partner-portal .mx-groupbox-body .mx-list>li:hover {
    background: #f1fafd;
}

.partner-portal .mx-groupbox-body .lvTarieven table tr:nth-child(1) td {
    padding-bottom: 10px;
}

.partner-portal .mx-groupbox-body .lvTarieven table tr:nth-child(2) td:nth-child(3) .formatstring {
    color: 758ac4;
    font-size: 14px;
    margin-left: 10px;
    padding-bottom: 20px;
}

.partner-portal [class^="mx-name-checkBox"] input {
    width: 20px;
    height: 20px;
    position: relative;
    top: -3px;
    margin-right: 10px;
}

.partner-portal .tbListTariefgroepen tr:nth-child(2) h3 {
    margin-top: 0;
    border: 0;
    padding-top: 5px;
}

.partner-portal .tbListTariefgroepen tr:nth-child(2) a {
    font-size: 16px;
}


/*

	Actie stap 3

*/

.partner-portal .tbCheckHeader h2 {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 0;
}

.partner-portal .tbCheckActie,
.partner-portal .tbCheckRedactie,
.partner-portal .tbCheckTarieven {
    margin-bottom: 30px;
}

.partner-portal .tbCheckActie tbody tr:nth-child(1) td {
    padding-top: 30px;
}


/*
.partner-portal .tbCheckTarieven tr:nth-child(2) td, .partner-portal .tbCheckTarieven tr:nth-child(2) th{
	display:inline-block;
	vertical-align:bottom;
	padding-right:5px;
}

.partner-portal .tbCheckTarieven .mx-listview-list li{
	background:#f9f9f9;
}

.partner-portal .tbCheckTarieven .mx-list > li:hover{
	background:#f9f9f9 !important;
}

.partner-portal .tbCheckTarieven .mx-listview-list li:hover{
	background:#f9f9f9 !important;
}

.partner-portal .tbCheckTarieven .mx-table:first-child{
	width:80%;
}

.partner-portal .tbCheckTarieven tr:first-child td:first-child{
	width: 50px;
    display: table-cell;		
}

.partner-portal .tbCheckTarieven tr:first-child td:nth-child(2){
    display: table-cell;		
}

.partner-portal .tbCheckTarieven .mx-listview-list li .mx-dataview-content .mx-table tr td:first-child{
	display:inline-block;
	width:300px;
}	

.partner-portal .tbCheckTarieven .mx-listview-list li .mx-table tr td:nth-child(2){
	display:inline-block;
	width:200px;
	top:auto;
	left:auto;
}

.partner-portal .tbCheckTarieven .mx-listview-list li .mx-table tr td.nopadding td,
.partner-portal .tbCheckTarieven .mx-listview-list li .mx-table tr td.nopadding td:first-child{
	width:100px;	
}

.partner-portal .tbCheckTarieven .mx-listview-list li .mx-table tr td:nth-child(3){
	display:inline-block;
	width:200px;
}	

.partner-portal .tbCheckTarieven{
	position:relative;	
}

.partner-portal .tbCheckTarieven tr:first-child td:nth-child(2){
    position: absolute;
    top: 2px;
    left: 50px;
}

.partner-portal .tbCheckTarieven table td{
	position:relative !important;	
	top:auto;
	left:auto;
}
*/

.partner-portal .tbCheckRedactie tbody tr:nth-child(1) td,
.partner-portal .tbCheckTarieven tbody tr:nth-child(1) td {
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.partner-portal .tbCheckActie tbody tr td table td,
.partner-portal .tbCheckTarieven tbody tr td table td {
    padding-top: 0px !important;
    border: 0 !important;
}

.partner-portal .tbCheckActie h3,
.partner-portal .tbCheckRedactie h3,
.partner-portal .tbCheckTarieven h3 {
    margin-top: 0;
    padding-top: 0;
    border: 0;
}

.partner-portal .lvTariefGroepen .formatstring {
    font-size: 14px;
    font-family: 'Arial' !important;
}

.partner-portal .lvTariefGroepen .mx-list>li:hover {
    background: #FFF;
}


/*

	Overzicht

*/

.partner-portal .tbViewPartnerHeader,
.partner-portal .tbActieReactie,
.partner-portal .tbActieLopend,
.partner-portal .tbActieNietLopend {
    position: relative;
    width: 100%;
    margin: 0 auto;
    max-width: 1024px;
}

.partner-portal .tbViewPartnerHeader {
    margin-top: 30px;
}

.partner-portal .tbActieReactie .mx-grid,
.partner-portal .tbActieLopend .mx-grid,
.partner-portal .tbActieNietLopend .mx-grid {
    padding: 0;
}

.partner-portal .tbActieLopend .mx-grid-search-label {
    width: 140px;
    text-align: left;
    padding-left: 0;
}

.partner-portal .tbRegistratieHeader h2 {
    margin-top: 30px;
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 0;
}

.partner-portal .mx-templategrid-item table {
    border: 0;
}

.partner-portal .mx-templategrid-item {
    vertical-align: top;
    width: 25% !important;
    padding-right: 5%;
}

.partner-portal #mxui_widget_TemplateGrid_3 {
    border: 0;
    padding: 0;
}

.partner-portal .tbPersoonsGegevens h2,
.partner-portal .tbVoorwaarden h2 {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #eaeaea;
}

.partner-portal .tbCheckAgreeTerms td:nth-child(1) {
    width: 30px;
}

.partner-portal .mx-templategrid-item .mx-table th,
.partner-portal .mx-templategrid-item .mx-table td {
    padding: 0;
}

.partner-portal .tbVoorwaarden p {
    margin-bottom: 0;
}

.partner-portal .tbCheckAgreeTerms {
    margin-top: 30px;
    margin-bottom: 30px;
}

.partner-portal .tbCheckAgreeTerms input {
    width: 20px;
    height: 20px;
}


/*
.partner-portal .tbCheckAgreeTerms td{
	display:inline-block;
	padding:0;
}*/

.partner-portal .tbCheckAgreeTerms td:nth-child(3) {
    display: block;
    margin-top: 30px;
    margin-bottom: 60px;
    float: right;
}

.partner-portal .tbCheckAgreeTerms td label {
    margin: 0;
    padding: 0;
}

.partner-portal .mx-dialog-caption {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    margin-left: 8px;
    text-transform: uppercase;
}

.partner-portal .modal-header .close {
    margin-top: 14px;
}

.partner-portal .dijitCalendarContainer tr th {
    background-color: #758ac4;
}

.partner-portal .mx-layoutcontainer-top .mx-layoutcontainer-right .mx-name-signOutButton a {
    color: #d4007e;
    font-weight: bold;
}

.partner-portal .grAttention {
    position: relative;
    width: 100%;
    margin: 0 auto;
    max-width: 1024px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.partner-portal .grAttention .mx-datagrid-head-table {
    display: none;
}

.partner-portal .grAttention table td {
    background: #EE7203 !important;
    border: 0;
}

.partner-portal .grAttention table td .mx-datagrid-data-wrapper {
    color: #FFF !important;
    font-size: 16px;
    line-height: 16px;
    font-family: 'Montserrat';
    text-transform: uppercase;
    margin-top: 10px;
    overflow: visible;
    white-space: normal;
}

.partner-portal .grAttention table td:first-child {
    width: 50px;
}

.partner-portal .grAttention table td a {
    color: #FFF;
    text-transform: none;
    font-size: 14px;
    position: relative;
    top: -5px;
}

.partner-portal .tgRegistratieWijze {
    border: 0;
    margin-bottom: 30px;
}

.partner-portal .tbRegistratieWijze h2 {
    margin-bottom: 0px;
}

.partner-portal .tgRegistratieWijze .mx-table {
    position: relative;
    height: 275px;
    padding-right: 20px;
    display: block;
    border-right: 1px solid gray;
}

.partner-portal .tgRegistratieWijze .mx-table li {
    margin-bottom: 0;
}

.partner-portal .tgRegistratieWijze .mx-templategrid-item:nth-child(5) .mx-table {
    border-right: 0;
}

.partner-portal .tgRegistratieWijze .mx-templategrid-item {
    padding-right: 30px;
}

.partner-portal .tgRegistratieWijze .mx-table td {
    padding-bottom: 0;
}

.partner-portal .tgRegistratieWijze .mx-table .h4 label {
    font-size: 16px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

.partner-portal .tgRegistratieWijze .mx-table tr:nth-child(3) {
    position: absolute;
    bottom: 0;
}

.partner-portal .tgRegistratieWijze .mx-table .btn {
    margin-left: 0 !important;
}

.partner-portal .header .mx-layoutcontainer-right {
    width: 350px !important;
}

.partner-portal .alert-danger {
    background: none;
    border: 0;
    padding: 4px;
    color: red;
    font-size: 16px;
}

.partner-portal .has-error .form-control {
    border-color: red;
}

.partner-portal .mx-list>li:hover {
    background: none !important;
}

.partner-portal .kortingszin label {
    background: #E30613 !important;
    color: #FFF !important;
    padding: 10px;
}

.partner-portal .mx-listview-empty {
    display: none;
}

.partner-portal .tbCheckActie .formatstring,
.partner-portal .tbCheckTarieven .lvTariefGroepen .formatstring {
    font-family: 'Helvetica', 'OpenSans-Regular', Arial, sans-serif !important;
    font-size: 12px !important;
}

.partner-portal .tbCheckActie .btn-success,
.partner-portal .tbCheckActie .btn-warning {
    padding: 12px 25px;
}

.partner-portal .tbCheckActie .btn-success img,
.partner-portal .tbCheckActie .btn-warning img {
    display: none;
}

.partner-portal .tbCheckActie .btn-success {
    background: #00a651;
}

.partner-portal .tbCheckActie .btn-success:hover {
    background: #008943;
}

.partner-portal .tbCheckActie .btn-warning {
    background: #989895;
}

.partner-portal .tbCheckActie .btn-warning:hover {
    background: #797977;
}

.dijitCalendarContainer tr th {
    background-color: #E30613;
}


/*
.partner-portal .mx-layoutcontainer-top.header{
	background: #fff url("../img/menu-hoek-mendix.png") no-repeat scroll right top !important;
    left: -85px;
    position: relative;
    width: 260px !important;
}

*/

.partner-portal .RegistratiePagina {
    background: #068BCE;
    height: 70px;
}

.partner-portal .mx-layoutcontainer-top.header .mx-layoutcontainer-left {
    height: 70px;
}

.partner-portal .mx-layoutcontainer-top.header #mxui_widget_StaticImage_0 {
    display: none;
}

.partner-portal .LoginLink {
    font-family: "Montserrat" !important;
    font-size: 16px;
    font-weight: normal;
    margin-top: 3px;
    float: right;
    margin-right: 30px;
}

.partner-portal .LoginLink:after {
    content: "→";
    width: 32px;
    height: 16px;
    font-size: 16px;
    font-weight: normal;
}

.partner-portal .LoginLink a {
    color: #333;
}

.partner-portal .RegistratiePagina .tbCheckAgreeTerms td label {
    margin-top: 3px;
}

.partner-portal .tgActieSoort .mx-templategrid-item {
    cursor: default;
}

.partner-portal .tbRegistratieFooter {
    /*background:#f1fafd;*/
}

.partner-portal .tbRegistratieFooter h2 {
    display: block;
    font-family: Montserrat, sans-serif;
    font-size: 22px;
}

.partner-portal .tbRegistratieFooter h3 {
    display: block;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    line-height: 18px;
    padding-top: 20px;
    margin-top: 0;
    border: 0;
}

.partner-portal .tbRegistratieFooter p,
.partner-portal .tbRegistratieFooter a {
    font-size: 12px;
    line-height: 16px;
}

.partner-portal .tbActieReactie .mx-datagrid tr {
    cursor: default;
}

.modal-content .btn {
    background-color: #758ac4;
}

.modal-content .btn.btn-primary {
    background: #425576;
    color: #FFF;
}

.partner-portal .mx-layoutcontainer-left {
    text-indent: -9999px;
}

.form-steps {
    overflow: hidden;
}

.form-steps label,
.form-steps a {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    top: 25px;
}

.mx-layoutcontainer-top {
    background: #FFF;
}

.partner-portal .mx-link.actievoorstelcopy:hover:after {
    content: "Kopiëren";
    display: block;
    width: auto;
    height: auto;
    background: #FFF;
    position: absolute;
    padding: 5px;
    /* border: 1px solid #999; */
    padding: 4px 8px;
    color: #333;
    position: absolute;
    /* left: 0; */
    /* top: 100%; */
    margin-left: 25px;
    white-space: nowrap;
    z-index: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 4px #222;
    -webkit-box-shadow: 0px 0px 4px #222;
    box-shadow: 0px 0px 4px #222;
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeee), color-stop(1, #cccccc));
    background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}

.partner-portal .mx-link.actievoorsteldelete:hover:after {
    content: "Wissen";
    display: block;
    width: auto;
    height: auto;
    background: #FFF;
    position: absolute;
    padding: 5px;
    /* border: 1px solid #999; */
    padding: 4px 8px;
    color: #333;
    position: absolute;
    /* left: 0; */
    /* top: 100%; */
    margin-left: 25px;
    white-space: nowrap;
    z-index: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 4px #222;
    -webkit-box-shadow: 0px 0px 4px #222;
    box-shadow: 0px 0px 4px #222;
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeee), color-stop(1, #cccccc));
    background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}

.partner-portal .mx-link.actievoorsteldisplay:hover:after {
    content: "Bekijken";
    display: block;
    width: auto;
    height: auto;
    background: #FFF;
    position: absolute;
    padding: 5px;
    margin-left: 25px;
    /* border: 1px solid #999; */
    padding: 4px 8px;
    color: #333;
    position: absolute;
    /* left: 0; */
    /* top: 100%; */
    white-space: nowrap;
    z-index: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 4px #222;
    -webkit-box-shadow: 0px 0px 4px #222;
    box-shadow: 0px 0px 4px #222;
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeee), color-stop(1, #cccccc));
    background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}

.login-form input[type="text"],
.login-form input[type="password"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    font-size: 14px;
}

.login-form .auto-sign-in {
    margin-left: 8px;
    font-weight: inherit;
    font-size: 12px;
}

table.mx-table.tbListTarieven colgroup:first-of-type col:first-of-type {
    width: 10% !important;
}

.currregw label,
.currregw span,
.currregw h1,
.currregw h2,
.currregw h3 {
    font-weight: bold;
    font-family: Helvetica;
    color: orange;
    font-size: 12px;
}

.partner-portal .mx-layoutcontainer-left {
    width: 260px !important;
    position: relative;
    left: -85px;
    /*    background: #FFF url(img/menu-hoek-mendix.png) no-repeat top right; */
    background-size: 100% auto;
}

.partner-portal .mx-navbar {
    position: relative;
    left: -40px;
}

.partner-portal .mx-navbar .nav>.mx-navbar-item {
    margin-bottom: 0;
}

.partner-portal .mx-navbar .nav>.mx-navbar-item>a {
    color: #4a4a49;
    font-family: 'Montserrat', 'Helvetica', 'OpenSans-Regular', Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    padding-top: 25px;
    padding-bottom: 25px;
}

.partner-portal .mx-navbar .nav>.mx-navbar-item>a:hover {
    background: none;
}

.partner-portal .endusername,
.partner-portal .formatstring {
    font-family: 'Montserrat' !important;
    font-weight: normal;
    font-size: 16px;
    margin-top: 6px;
}

.partner-portal .tbCheckActie .formatstring {
    font-family: 'Helvetica';
    font-size: 12px;
}