/*
 Theme Name:   Twenty Seventeen Child
 Theme URI:    http://example.com/twenty-seventeen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     twentyseventeen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-seventeen-child
*/
@import url('https://fonts.googleapis.com/css?family=Exo+2:200,300,400,500,600,800,900');
@import url('css/font-awesome.min.css');

html {
	margin-top: 0px !important;
}
body {
    position: relative;
}

.event-overview-sec tr {
    border-bottom: 1px solid rgba(255,255,255,.5) !important;
	font-family: 'Exo 2', sans-serif;
}
.event-overview-sec tr:first-child, .event-overview-sec tr:last-child{
	border-bottom: none !important;
}
.event-overview-sec table tbody tr th{
	color: #b50d40;
	font-weight: 600 !important;
}
.event-overview-sec table tbody tr th:last-child{
	text-align: center !important;
}
.event-overview-sec table tbody tr th, .event-overview-sec table tbody tr td {
    font-size: 14px !important;
    line-height: normal !important;
    padding: 15px !important;
}
.event-overview-sec table tbody tr td {
	/*font-size: 42px !important;*/
    font-size: 46px !important;
	color: #fff;
	font-weight: 100 !important;
    /*padding-top: 22px !important;*/
    padding-top: 50px !important;
	padding-bottom: 50px !important;
}
.event-overview-sec table tbody tr:nth-child(2) td {
	padding-top: 30px !important;	
}
.event-overview-sec table tbody tr td:first-child {
    font-weight: 400 !important;
}
.event-overview-sec table tbody tr td:last-child{
	text-align: center !important;
}
img.meeting_icon {
    /*width: 25px !important;
    height: 25px !important;*/
    width: 105px !important;
    height: 105px !important;
}
.event-overview-sec {
	overflow: auto;
	height: 100%;
	padding-bottom: 20px !important;
}

.small_date {
    /*font-size: 16px !important;*/
    font-size: 18px !important;
    font-weight: bold !important;
    font-family: 'Exo 2', sans-serif;
}
.small_time {
    font-family: 'Exo 2', sans-serif;
    font-size: 32px !important;
    line-height: 40px !important;
    font-weight: 600 !important;
    margin-top: 6px !important;
}
.left-content {
    position: relative;
}
/*.left-content::after {
    position: absolute;
    content: "";
    background-color: #000;
    width: 35px;
    height: 1px;
    bottom: 30px;
    left: 20px;
}*/
.tblet_time {
	display: none;
}
/*res*/
.event-overview-res span.tblet_time {
    display: block;
    font-weight: 100 !important;
    line-height: 32px !important;
}
.event-overview-res .event-overview-sec table tbody tr th:nth-child(2), .event-overview-res .event-overview-sec table tbody tr td:nth-child(2) {
    display: none;
}
.event-overview-sec table tbody tr td, .event-overview-sec table tbody tr th{
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.event-overview-sec table tbody tr td:nth-child(2){
    width: 150px;
}
.event-overview-sec table tbody tr th {
    /*font-size: 13px !important;*/
    font-size: 22px !important;
    padding-top: 40px !important;
    padding-bottom: 5px !important;
}


/*meeting*/
.zaal {
    background: rgba(0,0,0,.8);
    color: #000;
    width: 90%;
    padding: 40px 40px !important;
    display: block;
    font-family: 'Exo 2', sans-serif;
    margin-bottom: 30px !important;
}
.zaal h2 {
    color: #b50d40;
    font-weight: 600 !important;
    display: inline-block;
    width: auto;
    text-transform: uppercase;
    letter-spacing: 2.5px !important;
    font-size: 18px !important;
}
.Zall-title {
    font-size: 70px !important;
    padding-top: 18px !important;
    color: #fff;
    padding-bottom: 35px !important;
    display: inline-block;
}
.Zall-title span {
    word-wrap: break-word;
    display: block;
    white-space: normal;
    line-height: 75px !important;
    /*font-size: 110px !important;*/
    font-size: 100px !important;
    font-weight: 800 !important;
    word-break: break-all;
    padding-right: 72px !important;
}



.right-content-cus-cls {
    width: 100%;
    /*display: inline-block;*/
    display: inline-flex;
    margin-left: 0px !important;
	vertical-align: top;
}
.time_stamp {
    background: rgba(181,13,64,.8);
    width: 40%;
    display: inline-block;
    /*vertical-align: top;
    float: right;*/
    padding: 20px 50px;
    margin-left: 0px !important;
	/*margin-bottom: 20px;*/
	justify-content: center;
	display: flex;
	flex-direction: column;
}
.time_stamp h2 {
    color: #000 !important;
    font-family: 'Exo 2', sans-serif;
    font-weight: 600 !important;
    margin-bottom: 0 !important;
    text-transform: uppercase;
    letter-spacing: 1.5px !important;
    font-size: 20px !important;
    padding-top: 15px !important;
}
.time_stamp h3 {
    font-size: 50px !important;
    margin-top: 8px !important;
    padding-top: 0 !important;
    padding-bottom: 15px !important;
    color: #fff;
    font-weight: 600 !important;
    font-family: 'Exo 2', sans-serif;
}

.icon-cus-cls{
	position: relative;
}
.icon-cus-cls::after {
    content: "\f0a2";
    font-family: fontAwesome;
    font-size: 34px;
    background: #a61f43;
    padding: 16px;
    border-radius: 50%;
}

/*date-main-cls {
    top: 20px !important;
    right: 150px !important;
    left: auto !important;
}
.tp-parallax-wrap.image-logo-cls {
    top: 15px !important;
    left: 150px !important;
}
.date-main-cus-cls{
	top: 15px !important;
    right: 200px !important;
    left: auto !important;
}
.image-cus-cls{
	bottom: 90px !important;
	left: 150px !important;
	top: auto !important;
}*/
/*.icon-cus-cls-main {
    right: 110px !important;
    left: auto !important;
}*/


.client_box {
    width: 100%;
    background: rgba(255,255,255,.8);
    padding: 45px !important;
    width: 60%;
    display: inline-block;
    margin-left: 20px !important;
    vertical-align: top;
    justify-content: center;
	display: flex;
	flex-direction: column;
}
.client_name {
    font-size: 48px !important;
    color: #000;
    line-height: 60px !important;
    white-space: normal;
    font-weight: 900 !important;
    font-family: 'Exo 2', sans-serif;
    margin-bottom: 0 !important;
}
.client_descreption {
    font-size: 24px !important;
    color: #000;
    white-space: normal;
    line-height: 32px !important;
    font-family: 'Exo 2', sans-serif;
    /*margin-top: 18px !important;*/
}

.event-overview-res .event-overview-sec {
    max-height: 400px !important;
    overflow: auto;
}
.image-logo-cls {
    top: 28px !important;
}
.date-main-cls-res {
    top: 30px !important;
}
.left-content-portrait .left-content::after {
    bottom: 24px;
    left: 15px;
}

.logo-bottom-portrait-cls {
    bottom: 114px !important;
    top: auto !important;
}


/*portrait mode css*/
/*.left-content-portrait .left-content {
    font-size: 23px !important;
    line-height: 39px !important;
}*/
/*.event-overview-res .event-overview-sec {
    padding-left: 15px !important;
    position: relative !important;
    padding-right: 15px !important;
    display: inline-block;
}
.event-overview-res .event-overview-sec tr {
    border-bottom: 1px solid rgba(255,255,255,.6);
}
.event-overview-res .event-overview-sec tr:first-child, .event-overview-res .event-overview-sec tr:last-child {
    border-bottom: none;
}
.event-overview-res .event-overview-sec table tbody tr th {
    padding-top: 50px !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    font-family: 'Exo 2', sans-serif !important;
}
.event-overview-res .event-overview-sec table tbody tr td {
    font-size: 26px !important;
}
.event-overview-res span.tblet_time {
    font-size: 24px !important;
    margin-top: 10px !important;
}*/
.event-overview-sec table tbody tr td {
    white-space: normal;
}
.event-overview-sec table tbody tr td:nth-child(2) {
    color: #b4b5b3 !important;
    /*font-size: 24px !important;*/
    font-size: 34px !important;
    vertical-align: top;
    line-height: 44px !important;
}
.event-overview-res .event-overview-sec table tbody tr th {
    padding-top: 30px !important;
    /*font-size: 18px !important;
    font-weight: 800 !important;
    font-family: 'Exo 2', sans-serif !important;*/
    padding-bottom: 0 !important;
}
.event-overview-res .event-overview-sec table tbody tr td{
	font-size: 18px !important;
	vertical-align: top;
}
.event-overview-res span.tblet_time {
    font-size: 16px !important;
}
.event-overview-res .event-overview-sec{
	max-height: 680px !important;
}

.left-content-portrait, .left-content-portrait .tp-loop-wrap, .left-content-portrait .tp-mask-wrap, .event-overview-res {
    position: relative !important;
}
.left-content-portrait {
    margin-bottom: 20px;
}


.eventnaam {
    /*font-size: 20px !important;*/
    font-size: 30px !important;
    display: block;
    /*margin-top: 20px !important;*/
    margin-top: 24px !important;
	margin-bottom: 3px !important;
    /*line-height: 25px !important;*/
    line-height: 36px !important;
}
.event_time {
	/*font-size: 18px !important;*/
    font-size: 26px !important;
	font-weight: 100 !important;
    color: #b4b5b3 !important;

    display: inline-block;
    margin-top: 15px !important;
}
.event-left-content p {
	font-size: 28px !important;
	font-weight: 400 !important;
	font-family: 'Exo 2', sans-serif !important;
	margin-top : 5px !important;
}
.event-left-content p:first-child {
    margin-top: 10px !important;
    margin-bottom: 25px !important;
}
.event-left-content .left-content {
	padding-left: 50px !important;
	position: relative;
	padding-top: 42px !important;
	padding-bottom: 42px !important;
}
.event-left-content .left-content::before {
	position: absolute;
	left: 30px;
	background: #000;
	width: 5px;
	/*height: 55px;*/
	content: "";
    height: 66%;
}
.tp-parallax-wrap.event-left-content img {
	/*max-width: 230px !important;*/
    max-width: 540px !important;
	height: auto !important;
	margin-bottom: 5px !important;
}
.tp-parallax-wrap.image-cus-cls {
	bottom: 91px !important;
	top: auto !important;
	left: 50px !important;
}
.tp-parallax-wrap.image-cus-cls.img-custom-cls-sec {
    left: 230px !important;
}
.tp-parallax-wrap.image-cus-cls.img-custom-cls-th {
    left: 424px !important;
}
.tp-parallax-wrap.date-main-cus-cls {
	top: auto !important;
	bottom: 84px !important;
	right: 118px !important;
	left: auto !important;
}
.date-main-cus-cls .small_time{
	line-height: 32px !important;
	/*margin-top: 0 !important;*/
    margin-top: 6px !important;
}

.event-overview-sec {
    padding-left: 22px !important;
    padding-right: 22px !important;
}
.event-overview-portait-cls .event-overview-sec table tr td:last-child, .event-overview-portait-cls .event-overview-sec table tr th:last-child {
    text-align: right !important;
}
/*.margin-top-none-cls {
    position: relative !important;
    top: 100px !important;
    margin-bottom: 12px;
}*/
.margin-top-none-cls {
    /*position: relative !important;*/
    /*top: 80px !important;*/
    margin-bottom: 28px;
}
./*margin-top-none-cls .tp-loop-wrap, .margin-top-none-cls .tp-mask-wrap {
    position: relative !important;
}*/
.event-overview-sec table tbody tr td {
    vertical-align: top;
}


/*css for new design*/
/*.margin-top-none-cls{
    margin-bottom: 40px;
}*/
.event-overview-sec{
    padding-left: 0 !important;
    height: 650px !important;
    overflow: auto !important;
}
/*img.logo_img {
    max-width: 100px !important;
    height: auto !important;
}*/
img.logo_img {
    max-width: 100% !important;
    height: auto !important;
    width: 95% !important;
}
.event-overview-sec table tbody tr td {
    vertical-align: middle;
}
.event-overview-sec table tbody tr td, .event-overview-sec table tbody tr td span{
    font-size: 32px !important;
    font-weight: 600 !important;
    color: #000 !important;
}
.event-overview-sec table tbody tr td:first-child {
    font-weight: 400 !important;
    padding-left: 15px !important;
    /*min-width: 115px;*/
    min-width: 200px;
    padding-right: 0 !important;
}
.event-overview-sec table tbody tr td:nth-child(2){
    width: 100% !important;
    vertical-align: middle;
}
.event-overview-sec table tbody tr td:nth-child(2) span.eventnaam {
    font-size: 30px !important;
    min-width: 300px !important;
    line-height: 42px !important;
    margin-top: 0 !important;
}
.event-overview-sec table tbody tr td:nth-child(2) span.customergroup {
    font-size: 42px !important;
    min-width: 300px !important;
    line-height: 42px !important;
    margin-top: 0 !important;
}
.event-overview-sec table tbody tr td:nth-child(3) {
    min-width: 345px !important;
    max-width: 345px;
    text-align: right !important;
    white-space: normal;
    /*word-break: break-all;*/
    color: #c12c46 !important;
    font-size: 38px !important;
    padding-right: 20px !important;
}
.table-pd-cls.event-overview-sec table tbody tr td:nth-child(3){
    padding-right: 44px !important;
}
.event-overview-sec table tbody tr:nth-child(2) td{
    padding-top: 20px !important;
}
.event-overview-sec table tbody tr td{
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}
.event-overview-sec table tbody tr td:nth-child(4){
    min-width: 100px !important
}
.event-overview-sec table tbody tr {
    margin-bottom: 15px !important;
    display: block;
    background: rgba(255,255,255,.9);
    /*min-height: 216px !important;*/
}
/*.event-overview-sec table tbody tr td{
    min-height: 216px !important;
    height: 216px;
}*/
img.meeting_icon {
    width: 52px !important;
    height: auto!important;
}
.event-overview-sec table tbody tr td span.event_time {
    color: #424240 !important;
    font-weight: 500 !important;
    margin-top: 0 !important;
    font-size: 28px !important;
}
.event-overview-sec table tbody tr td {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.event-overview-sec tr:last-child{
    margin-bottom: 0 !important;
}

.margin-top-none-cls{
    left: 0 !important;
}
.display-details-wrapper th:first-child, 
.display-details-wrapper td:first-child {
    padding-left: 15px;
}
.display-details-wrapper td:last-child {
    padding-right: 15px;
}
.data-block__internal-remark-custom {
	color: #800080;
	padding-left: 35px !important;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	padding: 15px 15px 0;
	position: relative;
}
.data-block__internal-remark-custom  h3 {
	color: #800080;
	font-size: 14px;
	font-weight: 400;
}
.data-block__internal-remark-custom h3::before {
    position: absolute;
    content: "!";
    font-family: fontAwesome;
    font-weight: 600;
    font-size: 28px;
    left: 15px;
    top: 6px;
}
.takenapp-filter-custom.takenapp-filter-form label {
	min-width: 122px;
}
.takenapp-filter-custom .select-wrapper {
	max-width: 468px;
}
.takenapp-filter-custom .till-date {
	min-width: auto !important;
}
.input-wrapper-custom {
    width: calc(100% - 90px);
    display: inline-block;
    max-width: 468px;
    position: relative;
}
.input-wrapper-custom input[type="text"] {
	font-size: inherit;
    line-height: normal;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 3em;
	max-width: 100%;
    margin: 0;
    padding: .83333rem;
    cursor: pointer;
    border-color: #f1eeed;
    border-radius: 0;
    background-color: #f8f6f6;
    font-family: "Exo 2", Helvetica, Arial, Geneva, Verdana;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    font-weight: 400;
    border: 1px solid #e9e5e4;
    border-top-color: rgb(233, 229, 228);
    border-right-color: rgb(233, 229, 228);
    border-bottom-color: rgb(233, 229, 228);
    border-left-color: rgb(233, 229, 228);
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*changes (06-08-2019)*/
.header-dropdown-datepicker {
    right: 15px;
    left: auto !important;
    top: 80px !important;
}
.k-calendar td.k-state-selected {
    background-color: #f5a623 !important;
    box-shadow: none !important;
}


@media (min-width: 1470px){
	.tp-parallax-wrap.image-cus-cls {
		bottom: 91px !important;
		top: auto !important;
		left: 135px !important;
	}
    .tp-parallax-wrap.image-cus-cls.img-custom-cls-sec {
        left: 326px !important;
    }
    .tp-parallax-wrap.image-cus-cls.img-custom-cls-th {
        left: 540px !important;
    }
	.tp-parallax-wrap.date-main-cus-cls {
		top: auto !important;
		bottom: 84px !important;
		right: 188px !important;
		left: auto !important;
	}
    .event-overview-sec{
        padding-left: 0 !important;
        height: 525px !important;
        overflow: auto !important;
    }
}
@media (max-height: 1000px){
    .event-overview-sec{
        padding-left: 0 !important;
        height: 525px !important;
        overflow: auto !important;
    }
}
/*@media (max-height: 1798px){
    .event-overview-sec {
        padding-left: 0 !important;
        height: 1300px !important;
        overflow: hidden !important;
        padding-right: 50px !important;
    }
}*/
@media (max-height: 1280px){
	.icon-cus-cls-main {
		bottom: 50px !important;
		top: auto !important;
	}
}
@media (max-width: 1199px){
	.tp-parallax-wrap.icon-cus-cls-main {
		left: auto !important;
		bottom: 50px !important;
		right: 100px !important;
		top: auto !important;
	}
	.date-main-cls {
		top: 20px !important;
		right: 150px !important;
		left: auto !important;
	}
	.left-content-portrait .left-content::after {
		bottom: 24px;
		left: 20px;
	}
    .Zall-title span {
        font-size: 90px !important;
    }
    .time_stamp{
        padding: 20px 27px;
    }
}
@media (max-width: 1199px) and (min-width: 980px){
    .event-overview-sec {
        padding-left: 0 !important;
        height: 1470px !important;
        overflow: hidden !important;
        padding-right: 50px !important;
    }
}
@media (max-width: 1023px) and (min-width: 980px){
    .event-left-content .left-content{
        min-width: 500px !important;
    }
    .tp-parallax-wrap.event-left-content img{
        width: 414px !important;
    }
}
@media (max-width: 1023px){
	.event-overview-sec {
		min-height: -moz-fit-content !important;
		max-height: -moz-fit-content !important;
	}
}
@media (max-width: 991px){
	.left-content::after {
	    bottom: 25px;
	    left: 14px;
	}
	.zaal {
		padding: 42px 20px !important;
	}
	.Zall-title {
		font-size: 54px !important;
	}
	.event-overview-res .left-content::after {
	    left: 20px !important;
	    width: 24px;
	}
    .zaal {
        padding: 21px 16px !important;
         width: 100%;
         margin-bottom: 10px;
    }
    .zaal h2 {
        font-size: 14px !important;
    }
    .Zall-title span {
        font-size: 72px !important;
    }
    .time_stamp {
        width: 100%;
        display: block;
        margin-bottom: 20px !important;
    }
    .client_box {
        width: 100% !important;
        margin-left: 0px !important;
        padding: 18px !important;
    }
    .event-overview-sec table tbody tr td:nth-child(2),.event-overview-sec table tbody tr th:nth-child(2) {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
    .header__container__col2 .print-hide-custom {
        display: none;
    }
    .date-icon-custom {
        margin-right: 0;
    }

    .right-content-cus-cls {
    	display: block;
    }

     /*changes (06-08-2019)*/
    .header-dropdown-datepicker {
        right: auto;
        left: 50% !important;
        top: 192px !important;
        transform: translateX(-50%);
    }
}
@media (max-width: 777px){
	.tblet_time {
		display: none;
	}

	.meeting-sec-main {
		top: 100px !important;
	}
	.zaal {
		width: 100%;
		padding: 30px 22px !important;
	}
	.time_stamp {
		width: 100%;
		padding: 20px 20px !important;
		margin-top: 15px !important;
		display: block;
		margin-left: 0 !important;
	}
	.time_stamp h3 {
		padding-bottom: 10px !important;
	}
	.date-main-cls {
		top: 16px !important;
		right: 87px !important;
		left: auto !important;
	}
    .zaal {
        padding: 21px 16px !important;
        width: 100%;
        margin-bottom:  10px !important;
    }

}
@media (max-width: 767px){
	.small_date {
		/*font-size: 14px !important;*/
        font-size: 16px !important;
	}
	.image-logo-cls img {
	    width: 195px !important;
	    height: auto !important;
	    margin-top: 10px !important;
	}
	.small_time {
		/*font-size: 30px !important;*/
        font-size: 34px !important;
	}
    .tp-parallax-wrap.image-cus-cls {
        left: 20px !important;
    }
    .tp-parallax-wrap.image-cus-cls.img-custom-cls-sec {
        left: 200px !important;
    }
    .tp-parallax-wrap.image-cus-cls.img-custom-cls-th {
        left: 393px !important;
    }

}
@media (min-width: 480px) and (max-width: 777px){
	/*.left-content::after {
		left: 10px !important;
	}
	.left-content-portrait .left-content::after {
	    left: 15px !important;
	    width: 24px;
	}*/
	.date-main-cls-res .small_time{
		margin-top: 0 !important;
		line-height: 32px !important;
	}
	.tp-parallax-wrap.event-left-content img {
		max-width: 420px !important;
	}
	.event-overview-sec table tbody tr td:nth-child(2),.event-overview-sec table tbody tr th:nth-child(2) {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
    .event-overview-sec table tbody tr td:nth-child(2), .event-overview-sec table tbody tr th:nth-child(2){
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .event-overview-sec table tbody tr td:nth-child(3){
        min-width: 174px !important;
    }
}
@media (max-width: 680px){
    .Zall-title span {
        font-size: 55px !important;
    }
    .time_stamp h2 {
        font-size: 15px !important;
    }
    .time_stamp h3 {
        font-size: 42px !important;
    }
    .client_name {
        font-size: 32px !important;
        line-height: 40px !important;
    }
    .client_descreption {
        font-size: 20px !important;
        line-height: 28px !important;
    }
}

@media (max-width: 782px) {
    html.js {
        margin-top: 0px !important;
    }
}

@media (max-width: 440px) {
    .header-dropdown-datepicker {
        top: 210px !important;
    }
}

/*changes (24-01-2020)*/

/* CSS add for overlapping table on the logo 16/09/2022 */

.event-overview-sec.table-pd-cls.rs-layer , .event-overview-sec.rs-layer {
    max-height: 350px !important;
}

.left-content.rs-layer img {
    width: 100% !important;
}

@media screen and (max-width: 1400px) {
	.event-overview-sec.table-pd-cls.rs-layer, .event-overview-sec.rs-layer {
    	max-height: 440px !important;
	}
}

@media screen and (max-width: 1024px) {
	.event-overview-sec.table-pd-cls.rs-layer , .event-overview-sec.rs-layer {
    	max-height: 100% !important;
	}
}


@media screen and (max-width: 425px) and (min-width: 320px) {
	.event-overview-sec.table-pd-cls.rs-layer , .event-overview-sec.rs-layer {
    	max-height: 150px !important;
	}
}

/*changes (10-11-2022)*/
@media screen and (orientation: portrait) {
    .event-overview-sec.table-pd-cls.rs-layer, .event-overview-sec.rs-layer {
        max-height: 1000px !important;
    }
}