@charset "utf-8";
/* CSS Document /site_templates/universal.css */

html{ height:100%}
body,form,table,div,td {margin:0px; padding:0px;}
body { height:100%;}

#payscreen { margin:0; padding:0; height:100%;}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.hidelegal{display: none;}

/* DESKTOP VERSION*/
.site_templates img {border:0px;}
.site_templates .clear { clear:both}
.site_templates .p_block4_slide2 table{width:100%;}
.site_templates .p_block4_slide2 table tr td{ padding-top: 6px;}
.site_templates .p_block4_slide2 table input[type=checkbox]{vertical-align: middle;margin-right: 6px;}
.site_templates input[type=text], .site_templates input[type=password], .site_templates input[type=number], .site_templates select{ height:40px; width:220px; line-height:40px; background:#fff; border:1px solid #c8c8c8; padding:0 10px; box-sizing:border-box;}
.site_templates textarea{ height: 100px; width:220px; line-height:40px; background:#fff; border:1px solid #c8c8c8; padding:0 10px; box-sizing:border-box;}
.site_templates input[type=submit], .opperdiv.new.site_templates #accountcontent1 .btn, .site_templates input[type=button]{border: 1px solid #adadad; background: #e7e7e7; color: #5c5c5c; height: 32px; line-height: 30px; text-align: center; margin-bottom:6px; cursor:pointer; padding: 0 20px;}
.mobsite_templates #gallery input[type=submit], .opperdiv.new.mobsite_templates #accountcontent1 .btn, .mobsite_templates input[type=button]{border: 1px solid #adadad; background: #e7e7e7; color: #5c5c5c; height: 32px; line-height: 30px; text-align: center; margin-bottom:6px; cursor:pointer; padding: 0 20px;}
.imageboxnav{text-align: left;}
.imageboxnav input[type=button].deleteUserpic{vertical-align: top; margin-right: 6px; background-image: url(//pay4it.nl/site_templates/general/images/verwijder.png); background-repeat: no-repeat;background-position: center;padding: 0; width: 40px;margin-bottom: 0;}
.mobsite_templates .imageboxnav input[type=button].deleteUserpic{width:23%; margin-right: 2%;}
.imageboxnav input[type=button].featureUserpic{vertical-align: top; width: 119px; padding: 0;margin-bottom: 0;}
.mobsite_templates .imageboxnav input[type=button].featureUserpic{width:75%;}
.imageboxnav span.isUserPic.active{border: 1px solid #adadad; background: #e7e7e7; color: #5c5c5c; height: 32px; line-height: 30px; text-align: center;vertical-align: top; width: 115px; padding: 0; margin-bottom: 0;opacity: 0.5; display:inline-block;}
.imagebox.featured {background-color:#acacac;}
.site_templates input[type=submit]:hover, .opperdiv.new.site_templates #accountcontent1 .btn:hover{background-color:#adadad; color:#fff;}
.site_templates input[type=submit].green{ background-color:#008f03; color:#fff; font-size: 14px; font-weight: bold; height:40px; width:220px; line-height: 38px; border:0; vertical-align: -1px;}
.site_templates input[type=submit].grey{ background-color:#c8c8c8; color:#fff; font-size: 14px; font-weight: bold; height:40px; width:220px; line-height: 38px; border:0; vertical-align: -1px;}
.site_templates a.btn.green{ background-color:#008f03; color:#fff !important; font-size: 14px; font-weight: bold; height:40px; width:140px; line-height: 38px; border:0; display: inline-block; text-align: center; margin-right: 8px; text-decoration: none;}
.site_templates .wrong{font-size: 12px; font-style: italic;}
.site_templates .promotion{font-weight: bold; margin: 20px 0;}
.site_templates .promotion span{ vertical-align: -4px;}
#updateEmailForm{margin-top:4px;}
.site_templates ul#usernumbers{ list-style-type: none; padding-left: 0; margin: 0;}
.site_templates .userpics, .mobsite_templates .userpics{display: flex; flex-wrap: wrap;}
.site_templates .imagebox.template, .mobsite_templates .imagebox.template	{display:none;}
.site_templates .imagebox, .mobsite_templates .imagebox {padding: 10px; border: 1px solid #666666; position: relative; width: 48%; overflow: hidden; margin: 0 1% 2%; box-sizing: border-box; text-align: center;}
.imageZoom{width: 100%; height: 130px; display: block; margin-bottom: 10px;}
.imageZoom img{object-fit: cover; width: 100%; height: 100%;}

.site_templates .btn_submit.ideal, .site_templates .btn_submit.mrcash, .site_templates .btn_submit.creditcard, .site_templates .btn_submit.paynl{ padding-left: 50px; width: 100%; text-align: left; margin-bottom:6px;}
.site_templates .btn_submit.ideal{ background: url(//pay4it.nl/site_templates/general/images/ideal.png?v=1) no-repeat left 4px center #e7e7e7;}
.site_templates .btn_submit.mrcash{ background: url(//pay4it.nl/site_templates/general/images/bcmc.png?v=1) no-repeat left 4px center #e7e7e7;}
.site_templates .btn_submit.creditcard{ background: url(//pay4it.nl/site_templates/general/images/cc.png?v=1) no-repeat left 4px center #e7e7e7; margin-bottom:12px;}
.site_templates .btn_submit.paynl{ background: url(//pay4it.nl/site_templates/general/images/bcmc.png?v=1) no-repeat left 4px center #e7e7e7;}
.site_templates #resendmail{ height: 40px;}

.site_templates.p_opperdiv{ width:916px; margin:auto; background-repeat:no-repeat; background-position:left top; padding:0 10px 0 18px; min-height: 100%; box-sizing: border-box; position:relative;}
.site_templates .credit_amount{ font-weight:bold;}
	
.site_templates .p_blocks{ width:650px; float:left;}
.site_templates .p_blocks_payoff{ font-size:18px; font-style:italic; text-align:center; margin-top:10px; font-weight:bold; margin-bottom:11px;}
.site_templates  .logo{ display: block;}

.site_templates .p_blocks.fullwidth {width: 100%;}
.site_templates .p_blocks.fullwidth .greyblock{ background: inherit;padding: 0px 30px;}
.site_templates .p_blocks.fullwidth .p_block3_slide_total{border-top-left-radius: 5px;}
.site_templates .p_blocks.fullwidth .p_block3_slide_total a {color: #5d5d5d;}
.site_templates .p_blocks.fullwidth .greyblock input[type=submit].green { width: 260px;}

.site_templates .p_blocks_grey{ position:relative; margin-bottom:10px;}
.site_templates .p_blocks_grey_nobottommargin{ margin-bottom:0;}
.site_templates .p_blocks_grey_middle{ background-color:#FFFFFF; padding:14px;}
.site_templates .p_blocks_grey_nobottommargin .p_blocks_grey_middle{ padding-bottom:0;}
.site_templates .p_blocks_grey_bottom{ background-color:#f1f1f1; border-bottom:1px solid #cfcfcf; border-top:1px solid #cfcfcf; height:2px;}

.site_templates .p_blocks_optie1{ position:absolute; right:0; top:0;}
.site_templates .p_blocks_optie2{ position:absolute; right:0; top:0;}

.site_templates .small{ font-size: 9px; padding-top: 10px;}
.site_templates .small a{color:#555555;}

.site_templates .p_block3_slide_tab{ background:#adadad; color:#fff; border:1px solid #adadad; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom:none; width:128px; height:32px; line-height:32px; text-align:center; display:inline-block;position: relative; top: 1px; z-index: 1; cursor:pointer;margin-right: 1px; }
.site_templates .p_block3_slide_tab a{ color:#ffffff; text-decoration:none;}
.site_templates .p_block3_slide_tab.active{background: #fff; color:#5d5d5d; border: 1px solid #cfcfcf; border-bottom:none;}
.site_templates .p_block3_slide_tab.active a{ color:#5d5d5d;}
.site_templates #logout{ color:#adadad; float:right; line-height: 30px;}
.site_templates .p_block3_slide_total{ border:1px solid #cfcfcf; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top-right-radius:5px; border-top-left-radius:0px; padding:20px 20px 20px 20px;}
.site_templates #contentlogin{ display:none;}
.site_templates .p_block3_slide_total .extratxt{ margin-top:10px; font-size: 12px;}
.site_templates .greyblock{ background:#ebebeb; color:#5d5d5d; padding:20px 30px; font-size:15px;}
.site_templates .greyblock .p_logintable{ width:320px;}
.site_templates .greyblock .p_logintable td:nth-of-type(1){ width:100px;}
.site_templates .greyblock .p_logintable td:nth-of-type(2){ width:220px;}
.site_templates .greyblock .p_logintable2{ width:400px;}
.site_templates .greyblock .p_logintable2 td:nth-of-type(1){ width:180px;}
.site_templates .greyblock .p_logintable2 td:nth-of-type(2){ width:220px;}
.site_templates .greyblock td{ font-size:14px; padding-bottom:6px;}
.site_templates .greyblock a.loginvergeten{ color:#305598; font-size:12px; margin-top: 14px; display: block;}
.site_templates .greyblock a.loginvergeten:hover{ }
.site_templates .greyblock a#tabregister2{ color:#305598; font-size:12px; margin-top: 4px; display: block;}
.site_templates .greyblock form{ margin-top:20px;}
.site_templates .approval{ margin-top: 20px; margin-bottom: 0; font-size:9px;}
.site_templates .or{ height: 0;	border-bottom: 1px dotted #5d5d5d; text-align: center; margin: 24px auto; position: relative;}
.site_templates .or span{ position: absolute; top: -9px; background: #fff; display: block; width: 160px; margin: 0 auto; left: 50%; margin-left: -80px; font-size: 15px; }
.site_templates .socialbtns{ text-align:center;}
.site_templates .socialbtns .optie1{width:70%; position: relative;height: 60px;}
.site_templates .socialbtns .g-signin2{position: absolute; top: 0; right: 10px; border-radius: 4px; overflow: hidden; }
.site_templates .socialbtns .optie2{width:52%; float: right; position: relative;height: 60px; text-align: left;}
.site_templates .socialbtns .fb-login-button{margin-left: 10px;}
.abcRioButtonBlue .abcRioButtonIcon{padding: 3px !important; margin: 7px;}
.abcRioButtonBlue { background-color: #e04a32 !important;}
.abcRioButtonContents{ font-weight: 300; font-size: 16px !important; line-height: 35px !important;}
/*.abcRioButtonContents span:nth-of-type(1) { display: none}*/

.abcRioButtonContents:after {
    content: " bij Google";
}
.abcRioButtonContents:after {
    content: " bij Google";
}


.site_templates #tablogin2{ float:right; font-size: 12px; color:#305598; width: 139px;}

.site_templates table.p_vinkjes { float: right; width: 160px;}
.site_templates table.p_vinkjes td { font-size:12px; padding:0 0 12px 21px; background-image:url(//pay4it.nl/site_templates/general/images/check.png); background-repeat:no-repeat; background-position:left top;}

.site_templates .p_block4_slide_total{ border:1px solid #cfcfcf; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top-right-radius:5px; border-top-left-radius:5px; padding:18px 20px 20px 20px;}
.site_templates .h2, .site_templates .h2a{ font-size:15px; font-weight:bold; margin-bottom: 20px;}
.site_templates .h2 img{ vertical-align: -5px; margin-right: 4px;}
.site_templates .h2a img{ vertical-align: -3px; margin-right: 4px;}
.site_templates .phonepaycode{ margin-right:10px;}

.site_templates .emailrequest{ background: #fff; margin-bottom: 1em; padding: 1.2em; font-weight: bold; color: #555555;}
.site_templates .emailrequest form span{display: inline-block; width:49%; padding: 1em 1.3em; box-sizing: border-box; vertical-align: top;}
.site_templates .emailrequest a{color: #adadad; display: block;}
.site_templates .emailrequest input[type="text"] {height: 32px; line-height: 32px; margin: 0.6em 0; width:17em;}
.site_templates .emailrequest input[type="submit"] {width:17em;}

.site_templates .accounttab, .site_templates .accounttablink{ background:#adadad; color:#fff; border:1px solid #adadad; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom:none; width:122px; height:32px; line-height:32px; text-align:center; display:inline-block;position: relative; top: 1px; z-index: 1; cursor:pointer;margin-right: 1px;vertical-align: bottom;}
.site_templates .accounttablink{ width:48px; background-image:url(//pay4it.nl/site_templates/general/images/home.png); background-repeat:no-repeat; background-position:center 5px;border-bottom: none; text-decoration: none;}
/*.site_templates .accounttab#accounttab5 a{position: absolute; width: 100%; height: 100%; display: block; left: 0;}*/
.site_templates .accounttab a{ color:#ffffff; text-decoration:none;}
.site_templates .accounttab:hover{background-color:#fff; color:#5d5d5d; border:1px solid #cfcfcf; border-bottom:none;}
.site_templates .accounttab:hover a{ color:#5d5d5d;}
.site_templates .p_tab1_active, .site_templates .p_tab2_active, .site_templates .p_tab3_active, .site_templates .p_tab4_active{background: #fff; color:#5d5d5d; border:1px solid #cfcfcf; border-bottom:none;}
.site_templates .p_tab1_active a, .site_templates .p_tab2_active a, .site_templates .p_tab3_active a, .site_templates .p_tab4_active a{ color:#5d5d5d;}

.site_templates .p_block4_slide1 { width:150px; float:left;}
.site_templates .p_block4_slide1 div { line-height: 40px;}
.site_templates .p_block4_slide1 div img { vertical-align:middle; margin-right:8px;}
.site_templates .p_block4_slide1 a { color:#555555; text-decoration:none;}
.site_templates .p_block4_slide1 a:hover { text-decoration:underline;}
.site_templates .p_menu_active{ font-weight:bold;}
.site_templates .p_block4_slide2 { width:430px; float:left }
.site_templates .p_block4_slide2_middle {background: #ebebeb; padding: 15px 20px;}
.site_templates .p_block4_slide2_middle table td:nth-of-type(1){ padding-right:10px; width:130px;}
.site_templates .p_block4_slide2_middle table td{padding-bottom: 4px;}

.site_templates .p_bigred{ font-size:18px; font-weight:bold; padding:4px; vertical-align:-1px}
.site_templates .p_biggrey{ font-weight:bold; font-size:14px;}
.site_templates .accountnumber{font-weight: bold; font-size: 18px; color: #008f03; margin-top: 15px; border: 1px solid #008f03; width: 140px; text-align: center; line-height: 2em; margin-bottom: 8px;}

.site_templates .beloptie{ width:47%; padding:15px; background:#ebebeb; box-sizing: border-box; float:left; height: 132px; text-align: center;}
.site_templates .beloptieof{ width: 6%; float: left; font-weight: bold; font-size: 14px; height: 132px; line-height: 132px; text-align: center;}
.site_templates .meerinfo{ float:right; cursor:pointer; width:19px; height:19px; display:block;}
.site_templates .meerinfo_layover{ position:absolute; left:32px; top:300px; width:530px; color:#FFFFFF; padding:26px 30px; z-index:100; background: #222; opacity: 0.9;}

.site_templates .eidealpaylink {margin-bottom: 0 !important;}

.site_templates .idealoverlay{ display:none;}
.site_templates .idealoverlay .background{ background:#ffffff; opacity:0.8; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;}
.site_templates .idealoverlay .window{position:absolute; top:50%; left:50%; width:400px; height:215px; margin-left:-200px; margin-top:-107px; background:#fff; border:3px solid #cfcfcf; padding:40px; box-sizing:border-box; z-index:2;}
.site_templates .idealoverlay .window .kop{ margin-bottom:14px; font-weight:bold; font-size:14px;}
.site_templates .idealoverlay .window .paymentmethods{ margin:10px 0;}
.site_templates .idealoverlay .window #bankid, .site_templates .idealoverlay .window #paynlbankid{width:150px !important; margin-right:20px;}
.site_templates .idealoverlay .window .btn_submit{ width:126px;}
.site_templates .idealoverlay .window .close{ width:26px; height:26px; position:absolute; top:6px; right:6px; cursor:pointer;}

.site_templates .p_bundel_table{ margin-top:10px; width:430px;  border-spacing: 4px; border-collapse: separate; clear:both;}
.site_templates .p_bundel_table td{ text-align:center; font-size:15px; width:33%; vertical-align:bottom; border: 1px solid #ebebeb; cursor:pointer;}
.site_templates .p_bundel_table td.active{ background:#ebebeb; }
.site_templates .p_bundel{ color:#3f3f3f; width: 96%; margin: 0 2%; position: relative; box-sizing: border-box; padding: 24% 2% 8%;}
.site_templates .p_bundel .priceminute{font-size: 14px; margin-top: 0.5em; display: block; font-style: italic; font-weight: bold;}
.site_templates .p_bundel_ster { position:absolute; top:4px; left:39px;}
.site_templates .p_bundel_top{ background-image:url(//pay4it.nl/site_templates/general/images/ton_top.png); background-position:top ; background-repeat: no-repeat; text-align:center; font-size:14px; font-weight:bold; }
.site_templates .p_bundel_middle{ background:url(//pay4it.nl/site_templates/general/images/ton_middle.png) top; height:12px; background-repeat: no-repeat; }
.site_templates .p_bundel_bottom{ background-image:url(//pay4it.nl/site_templates/general/images/ton_bottom.png); background-position:bottom; background-repeat: no-repeat; text-align:center; font-size:14px; font-weight:bold;  }
.site_templates .p_bundel_top img, .site_templates .p_bundel_bottom img { vertical-align:-4px; margin-right:4px;}
.site_templates .p_bundel_tarief { color:#949494; font-size:10px; line-height: 14px; padding-top:4px;}

.site_templates .p_bundel1_top { padding-top:18px;}
.site_templates .p_bundel1_bottom { padding-bottom:17px; padding-top:7px;}
.site_templates .welkom_table .p_bundel1_top .offerprice{ margin: 11px 0 0;}
.site_templates .welkom_table .p_bundel1_bottom { padding-bottom:14px; padding-top:7px;}

.site_templates .p_bundel2_top { padding-top:25px; padding-bottom:3px;}
.site_templates .p_bundel2_bottom { padding-bottom:23px; padding-top:7px;}
.site_templates .welkom_table .p_bundel2_top .offerprice{ margin: 15px 0 0;}
.site_templates .welkom_table .p_bundel2_bottom { padding-bottom:11px; padding-top:7px;}

.site_templates .p_bundel3_top { padding-top:33px; padding-bottom:5px;}
.site_templates .p_bundel3_bottom { padding-bottom:27px; padding-top:13px;}
.site_templates .welkom_table .p_bundel3_top { padding-top: 50px !important;}
.site_templates .welkom_table .p_bundel3_top .offerprice{ margin: 21px 0 0;}
.site_templates .welkom_table .p_bundel3_bottom { padding-bottom:3px; padding-top:13px;}

.site_templates .actietarief{ background:#ff7800; color:#fff; line-height:26px; margin:6px 0; font-size: 14px;}
.site_templates .offerprice{ background: #ff7800; line-height: 2em; margin: 18px 0 0; color: #fff;}

.site_templates .p_block5_slide2{ width:140px; position: absolute; bottom: 94px; right:30px; box-sizing:border-box;}
.site_templates .p_block5_slide2_kop{ margin-bottom:5px; font-weight:bold;}
.site_templates .p_block5_slide2_kop img{display: none; vertical-align: -10px;}
.site_templates .p_block5_slide2_kop img:nth-of-type(1){ margin-right:2em;}
.site_templates .p_block5_slide2_kop img:nth-of-type(2){ margin-left:3em;}
/*.p_block5_slide2 table td.first{width:44px; vertical-align:middle; height:36px;}
.p_block5_slide2 table td.second{vertical-align:middle; height:36px;}*/
.site_templates .p_block5_slide2 table td.first img, .site_templates .p_block5_slide2 table td.second img{width:38px; margin-top:4px;}
.site_templates .p_block5_slide2_sub{ font-style:italic; font-size:11px; margin-top:10px;}
.site_templates .p_block5_slide2_sub a{ color: #555555;}
.site_templates #bonuscode{ height:24px; width:100%;}

.site_templates .p_girlinfo{ width:230px; position:absolute; right:18px; top:0; float:right; height: 100%; box-sizing: border-box;}
.site_templates .p_girlinfo_top, .site_templates .p_girlinfo_bottom{ height:14px;}
.site_templates .p_girlinfo_middle{ padding:0 15px;}
.site_templates .p_girlinfo_middle img{max-width:100%;}
.site_templates .p_girlinfo_middle_line1{ font-size:21px; margin-top:10px; text-align:center; }
.site_templates .p_girlinfo_middle_line2{ font-size:18px; margin-top:2px; text-align:center; font-weight:bold; padding:10px 0; }
.site_templates .p_girlinfo_middle_line3{ font-size:13px; font-style:italic; margin-top:8px; }
.site_templates .p_girlinfo_middle_line4{ font-size:21px; margin-top:30px; margin-bottom:10px; text-align:center;}
.site_templates .p_girlinfo_middle_line5{ width:100%; box-sizing: border-box; line-height:34px; font-size:13px; padding-left:10px; margin-top:1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.site_templates .resendmail{ clear:both; margin-top: 10px; border: 1px solid #ebebeb; padding: 10px;}
.site_templates .resendmail input{ margin-top: 8px;}
.site_templates .letop{ font-weight:bold; font-size: 14px; margin-top: 0; line-height: 21px;}
.site_templates .credits_left{ padding: 5px 10px 5px 34px; float:left; text-align:center; font-weight:bold; line-height: 14px; margin-right: 10px; margin-bottom: 10px; margin-left: 4px;}
.site_templates .credits_left span{ font-size:11px; font-weight:normal;}

.site_templates .livebuzz_overview_dame { width: 153px; height: 145px; margin-right: 5px; float: left; }
.site_templates .livebuzz_overview_dame_thumb { width: 100%; height: 115px; overflow: hidden; margin-bottom: 3px; }
.site_templates .livebuzz_overview_dame_thumb img { width: 100%;}
.site_templates .livebuzz_overview_tools { float: right; margin-left: 3px; cursor: pointer; }
.site_templates .livebuzz_overview_dame_name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 118px; font-size: 14px;}

.site_templates.beeldbellen.p_opperdiv{ width:718px; /*padding:12px 10px 8px 22px;*/}
.site_templates.beeldbellen .p_blocks{width: /*674px*/ 100%;}
.site_templates.beeldbellen .p_blocks_payoff{ font-size:18px; color:#ffffff; text-align:center; margin-top:50px; font-weight:bold; margin-bottom:16px;}
.site_templates.beeldbellen .p_blocks_payoff img{ vertical-align: -12px; margin-left:4px;}
.site_templates .newtxt{ padding:15px; margin:auto; margin-top:20px; margin-bottom:15px; font-size:14px; background-color:#fff;}
.site_templates.beeldbellen .p_blocks_description{color:#000000; font-size:14px; margin-bottom:20px; font-style:italic;}
.site_templates.beeldbellen .screenshot{max-width:120px; max-height:120px; position:absolute; top:20px; right:20px; border:2px solid #ffffff; border-radius: 5px;}
/*.site_templates.beeldbellen .p_blocks_optie2{ display:none}*/
.site_templates ul { list-style: none; margin: 2em 0 0 0; padding: 0;  }
.site_templates #contentregister ul li { padding:0 0 0 2.5em; background-repeat:no-repeat; background-position:0 0; height:2em; background-size: 1.4em;}

.site_templates .profilepic{ float: right; width:122px; height: 97px; margin-bottom: 10px; border: 1px solid #c8c8c8; box-sizing: border-box;}
.site_templates .profilepic img{object-fit: cover; width: 100%; height: 100%;}

.ui-widget-overlay {
  opacity: 0.6 !important;
  background: black !important;
}
.ui-widget-content{background:#fff !important; border:none !important; padding: 6px !important;}
.ui-widget-content.ui-dialog {
	border-radius: 18px !important;
	width: 360px !important;
	max-width: 90%;
    box-sizing: border-box;
    margin-left: 5%;	
}
.ui-draggable .ui-dialog-titlebar{border: none; background: none; color: black; text-align: center; padding: 1em 0 !important;}
.ui-dialog-buttonset{float: none !important; margin-top: 38px; text-align: center !important;}
.ui-dialog-content.ui-widget-content{ width: 360px !important; box-sizing: border-box !important; text-align: center !important; max-width: 96%;}
button:focus, span:focus{outline: none !important;}
.ui-widget{font-family: "Arial", serif !important;}
#ui-id-1{font-weight:normal !important;}
.ui-dialog-buttonset button{border-radius: 0 !important; color:#999 !important; font-size: 1.2em !important;}
.ui-dialog-buttonset button:first-of-type{background:#7ec21d !important; color:#fff !important; border:1px solid #7ec21d !important; font-size: 1.4em !important; }
.ui-dialog .ui-dialog-titlebar-close { margin: -14px 0 0 0 !important;}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #ccc !important ;background:#fff !important; color:#ccc}
.ui-state-default .ui-icon{ background-image: url(https://privemetmij.nl/jquery-ui-1.11.4.custom/images/ui-icons_222222_256x240.png) !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background: #fff !important; border: 1px solid #cccccc !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background: #fff !important;}

.newsletter{}
.newsletter label{font-size:12px;}
.newsletter label input[type=checkbox]{ vertical-align: middle;}

#changeemailform table tr td{padding-bottom: 12px;}

/* MOBILE VERSION */
.mobsite_templates{max-width: 500px; margin: 0 auto;}   
.mobsite_templates img {border:0px;}
.mobsite_templates .header .logo { width: 100%; margin: 1.67em 0 1em; background-repeat: no-repeat;	background-position: center; background-size: 100% auto; display: inline-block; }
.mobsite_templates .greyblock{ padding:1em 1.3em; font-size:1.4em;}
.mobsite_templates .greyblock td{ font-size:1em; padding-bottom:0.5em;}
.mobsite_templates .greyblock td:nth-of-type(1){padding-right:0.5em;}
.mobsite_templates .greyblock input{ height:2.4em; line-height:2.4em; padding:0 0.5em; box-sizing:border-box; font-size: 1em;}
.mobsite_templates .greyblock a.loginvergeten{ margin-top: 1em; display: block; margin-bottom: 0.5em; font-size: 0.8em;}
.mobsite_templates .greyblock a#tabregister2, .mobsite_templates #tablogin2{font-size: 0.8em;}
.mobsite_templates .greyblock form{ margin-top:1.4em;}
.mobsite_templates .approval{ font-size:1.2em; margin-top: 1em;}
.mobsite_templates .or{ height: 0; text-align: center; margin: 3em auto; position: relative;}
.mobsite_templates .or span{ position: absolute; top: -0.5em; display: block; width: 10em; margin: 0 auto; left: 50%; margin-left: -5em; font-size: 1.4em;}
.mobsite_templates .socialbtns .optie1{width:100%; text-align: center; margin-bottom: 10px;}
.mobsite_templates .socialbtns .optie1 .g-signin2{display: inline-block !important;}
.mobsite_templates .socialbtns .optie2{width:100%; text-align: center; margin-bottom: 20px;}
.mobsite_templates .h2a{ font-size:15px; font-weight:bold; margin-bottom: 20px;}
.mobsite_templates .h2a img{ vertical-align: -3px; margin-right: 4px;}

.mobsite_templates .p_blocks{ position: relative;}
.mobsite_templates .p_blocks_payoff{ font-size: 1.6em; text-align: center; padding-bottom: 0.7em;}
	@media only screen and (max-width : 354px) {
		.mobsite_templates .p_blocks_payoff{ font-size: 1.4em;}
	}

.mobsite_templates .p_blocks_grey{ position:relative;}
.mobsite_templates .p_blocks_grey_top_user{ height:2em; font-size:1.4em; font-style:italic; line-height:2em; font-weight:bold; text-align:right; padding-right:0.7em; }
.mobsite_templates .p_blocks_grey_top_user a{text-decoration: none;}
.mobsite_templates .p_blocks_grey_middle{ padding:2em;}

.mobsite_templates .p_blocks_voordelen{ font-style:italic; font-weight:bold; font-size: 1.2em; margin-bottom: 1.4em; margin-top: 2em;}
.mobsite_templates ul { list-style: none; margin: 2em 0 0 0; padding: 0;  }
.mobsite_templates ul li { font-size:1.2em; padding:0.45em 0 0.45em 2.5em; background-repeat:no-repeat; background-position:center left; background-size: 1.4em;}

.mobsite_templates .p_logintable input {  width:100%;}

.mobsite_templates .btn_submit{width: 100%; height: 2.6em; font-size: 1.5em; text-align: center; background-position: left; border: none; cursor: pointer; margin-top:0.5em; font-weight:bold; border-radius:0.2em;}

.mobsite_templates .emailrequest{ background: #fff; margin: 0 1em 1em; padding: 1.2em; font-weight: bold; color: #555555;}
.mobsite_templates .emailrequest form{font-size: 1.4em;}
.mobsite_templates .emailrequest form span{display: inline-block; width:100%; padding: 1em 1.3em; box-sizing: border-box; vertical-align: top;}
.mobsite_templates .emailrequest a{color: #adadad; display: block;}
.mobsite_templates .emailrequest input[type="text"] {height: 32px; line-height: 32px; margin: 0.6em 0; width:17em;}
.mobsite_templates .emailrequest input[type="submit"] {width:17em;}
.mobsite_templates .emailrequest input[type=submit] {
    border: 1px solid #adadad;
    background: #e7e7e7;
    color: #5c5c5c;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 6px;
    cursor: pointer;
    padding: 0 20px;
	width: 100%;
}
.mobsite_templates .emailrequest input[type="text"] {
    height: 36px;
    line-height: 36px;
    margin: 0.6em 0;
    width: 100%;
	display: block;
	box-sizing: border-box;
}

.mobsite_templates .p_block5{ padding:2em;}
.mobsite_templates .p_block5_slide1_kop{ font-size:1.4em; margin-bottom:1em; font-weight:bold;}
.mobsite_templates .p_block5_slide2 .p_block5_slide1_kop{margin-top:20px;}
.mobsite_templates .p_bundel_table{ text-align:center; margin-bottom: 1px; font-size: 1.4em; padding: 0.5em 0 1em;}
.mobsite_templates .p_bundel{ position:relative; margin:auto; background-repeat: no-repeat; background-position: center; box-sizing: border-box; }
.mobsite_templates .p_bundel_table input[type="radio"]{ vertical-align:-0.1em;}
.mobsite_templates .p_bundel img{ max-width:90%;}
.mobsite_templates .offerprice{ background: #ff7800; line-height: 2em; margin: 10px auto 6px; color: #fff; width: 16em;}
.mobsite_templates .priceminute{font-size: 14px; margin-top: 0.5em; display: block; font-style: italic; font-weight: bold;}
.mobsite_templates .letop {font-weight: bold;font-size: 14px; margin-top: 0; line-height: 18px;}
.mobsite_templates .resendmail {clear: both; margin-top: 10px; border: 1px solid #ebebeb; padding: 10px; font-size: 12px;}
.mobsite_templates .resendmail input { margin-top: 8px;}
.mobsite_templates #resendmail { height: 40px;}
.mobsite_templates .resendmail input { margin-top: 8px;}
.mobsite_templates .resendmail input[type=text], .mobsite_templates .resendmail input[type=password] {
    height: 40px;
    width: 100%;
    line-height: 40px;
    background: #fff;
    border: 1px solid #c8c8c8;
    padding: 0 10px;
    box-sizing: border-box;
}
.mobsite_templates .resendmail input[type=submit] {
    border: 1px solid #adadad;
	width: 100%;
    background: #e7e7e7;
    color: #5c5c5c;
    height: 32px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 6px;
    cursor: pointer;
    padding: 0 20px;
}
.mobsite_templates .p_block5_slide2_kop{ margin-bottom:1em; margin-top:1em; font-weight:bold; text-align:center; font-size: 1.4em;}
.mobsite_templates .p_block5_slide2_kop img{ vertical-align:middle;}
.mobsite_templates .p_block5_slide2_kop img:nth-of-type(1){ margin-right:2em;}
.mobsite_templates .p_block5_slide2_kop img:nth-of-type(2){ margin-left:2em;}
.mobsite_templates .p_block5_slide2 table{ width:100%;}
.mobsite_templates .p_block5_slide2 table td{ padding:0 0.5em; width:50%;}
.mobsite_templates .p_block5_slide2_sub{ font-size:1.2em; margin-top:2em;}

.mobsite_templates .idealoverlay{ display:none;}
.mobsite_templates .idealoverlay .background{ background:#000000; opacity:0.4; width:100%; height:100%; position:fixed; top:0; left:0; z-index: 1;}
.mobsite_templates .idealoverlay .window{position:fixed; z-index: 2; top:10%; left:5%; width:90%; background:#fff; border:0.25em solid #cfcfcf; padding:2em; box-sizing:border-box;}
.mobsite_templates .idealoverlay .window .kop{ margin-bottom:1em; font-weight:bold; font-size:1.4em;}
.mobsite_templates .idealoverlay .window .paymentmethods{ margin:1em 0;}
.mobsite_templates .idealoverlay .window .paymentmethods img{max-width:100%;}
.mobsite_templates .idealoverlay .window #bankid, .mobsite_templates .idealoverlay .window #paynlbankid{width:100%; height: 3.2em;}
.mobsite_templates .idealoverlay .window .close{ width:2.6em; height:2.6em; position:absolute; top:0.6em; right:0.6em; cursor:pointer;}

.mobsite_templates .p_block4_slide1{font-size:1.2em; text-align: center;}
.mobsite_templates .p_block4_slide1 div { width: 32%; display: inline-block; text-align: center; vertical-align: top; margin-bottom: 0.7em;}
.mobsite_templates .p_block4_slide1 div img { display: block; margin: 0 auto 0.2em auto; /*height: 1.9em;*/}
.mobsite_templates .p_block4_slide1 a { text-decoration:none; }
.mobsite_templates .p_block4_slide1 a:hover { text-decoration:underline;}
.mobsite_templates .p_menu_active{ font-weight:bold;}
.mobsite_templates .p_block4_slide2{ padding:1.4em; }
.mobsite_templates .p_block4_slide2 .introtxt{ font-size: 1.4em;}
.mobsite_templates .p_block4_slide2 table { width:100%;}
.mobsite_templates .p_block4_slide2 table td{ display: block; width:100%; font-size: 1.4em; padding: 4px 0;}
.mobsite_templates .p_block4_slide2 table tr.rowtxt td:nth-of-type(1), .mobsite_templates .p_block4_slide2 table tr.rowinput td:nth-of-type(1){ height:1.8em;}
.mobsite_templates .p_block4_slide2 table tr.rowtxt td:nth-of-type(2){ height:2.6em;}
.mobsite_templates .p_block4_slide2 table td input{ margin-bottom:1em; }
.mobsite_templates .p_block4_slide2 table td input[type=text], .mobsite_templates .p_block4_slide2 table td input[type=password], .mobsite_templates .p_block4_slide2 table td select, .mobsite_templates .p_block4_slide2 table td input[type=number]{ height: 3em; line-height: 3em; width:100%; padding:0 1em; box-sizing:border-box;}
.mobsite_templates .p_block4_slide2 table td input[type=checkbox]{ margin:0 0.4em 0.2em 0; vertical-align:middle;}
.mobsite_templates .p_block4_slide2 table td label{ line-height:2em;}
.mobsite_templates .p_block4_slide2 table td input.btn_submit{ width:100%; font-size: 1em;}
.mobsite_templates ul#usernumbers {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}
.mobsite_templates.wrapper{width:100%; max-width:500px; margin:0 auto;}

.mobsite_templates .newsletter label input[type=checkbox]{ width: 2.4em; float: left; margin: -0.05em 0.5em 0 0;}

.mobsite_templates .profilepic{ float: right; width:122px; height: 97px; margin-bottom: 10px; border: 1px solid #c8c8c8; box-sizing: border-box;}
.mobsite_templates .profilepic img{object-fit: cover; width: 100%; height: 100%;}


/* VIDEOBEL*/
.mobsite_templates .item{ position:relative; width: 94%; margin: 0 auto; box-sizing: border-box; padding: 1em 1em 1em 1em;} 
.mobsite_templates .item a{ text-decoration:none; text-align:center; display:inline-block; font-size:2em; padding: 1em 0 1em 0;}
.mobsite_templates .photo{position:relative}
.mobsite_templates .item .call{ width:100%; left:0;}
.mobsite_templates .item .call span{ font-size:0.8em; opacity:0.6; display:block; margin-top: 0.4em;}
.mobsite_templates .item .call img{ vertical-align: -0.3em;}
.mobsite_templates .item .connect{ width:100%; left:0; font-size:2em; line-height: 2.5em;}
.mobsite_templates .item .connect img{ height: 1.9em; vertical-align: -0.6em; margin-right: 0.5em;}
.mobsite_templates .item .name{ font-weight:bold; font-size:1.6em; line-height: 1.9em; text-align: center;}
.mobsite_templates .item .info{position: absolute; bottom: 0; left: 0; background-color:rgba(0, 0, 0, 0.6); color:#fff; font-size: 1.3em; line-height:2.4em; text-align:center; width:100%;}
.mobsite_templates .txt{ font-size:2em; margin:1em 1em;}
.mobsite_templates .other{ line-height: 2.8em; text-align: center; cursor: pointer; display: inline-block; text-decoration: none; font-size: 1.2em !important; box-sizing: border-box; font-weight:normal !important; width:100%; margin-top: 1em; padding:0!important}

.site_templates.mobsite_templates.welcome .p_blocks_grey_middle{font-size: 12px}
.site_templates.mobsite_templates.welcome .p_blocks_grey_middle b:first-of-type{font-size:14px; display: block; margin-bottom: 18px;}
.site_templates.mobsite_templates.welcome .p_blocks_grey_middle img{ width: 34%; margin: 0 0 1em 1em;}
.site_templates.mobsite_templates.welcome .p_blocks_grey_middle .wrong{font-size: 11px;margin-bottom: 10px;}
.site_templates.mobsite_templates.welcome .p_blocks_grey_middle form input{width:49%}
.site_templates.mobsite_templates.welcome .p_blocks_grey_middle form input:first-of-type{margin-right: 2%;}
.site_templates.mobsite_templates.welcome .p_blocks_grey_middle form input.grey{font-size: 12px; padding: 0;}
.site_templates.mobsite_templates.welcome .p_blocks_grey_middle .btn{width:49%; margin: 0;font-weight: normal; font-size: 12px;}
.site_templates.mobsite_templates.welcome .p_blocks_grey_middle .btn:first-of-type{margin: 0 2% 0 0;}

.removeaccount{color:#666; margin: 15px 0 0 0;}
#account_removal_overlay{text-align: center;}
#account_removal_overlay .removeaccount_yes{height: 40px; line-height: 38px;}
#account_removal_overlay .removeaccount_no{ margin-left: 10px; background-color: #008f03; color: #fff; font-weight: bold; height: 40px; line-height: 38px; border: 0; vertical-align: top;}

.paynlreturnstatus{
	position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    /*pointer-events: none;*/
 	background: rgba(0, 0, 0, .7);
	-webkit-animation: fadeAway 2s ease-in-out 3s;
    animation: fadeAway 2s ease-in-out 3s; 
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.paynlreturnstatus > div{
	position: absolute;
    text-align: center;
    width: 100%;
    max-width: 380px;
    color: #555555;
	background: #fff;
    bottom: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
	border: solid 4px #008f03;
	padding: 20px;
	font-size: 14px;
    font-weight: 400;	
}
.paynlreturnstatus.success > div{border-color: #008f03}
.paynlreturnstatus.fail > div{ border-color: #d90400;}
.paynlreturnstatus.pending > div{ border-color: #ff7900;}
.paynlreturnstatus > div img{ display: none; margin: 0 auto 20px;}
.paynlreturnstatus.success > div img.pay_success{ display: block;}
.paynlreturnstatus.fail > div img.pay_fail{ display: block;}
.paynlreturnstatus.pending > div img.pay_pending{ display: block;}
.paynlreturnstatus > div img.close{ display: block; position: absolute; right:10px; top:10px; cursor:pointer;}

@media only screen and (max-width : 768px) {
	.paynlreturnstatus > div{width:80%;}
}


@-webkit-keyframes fadeAway {
    0% { opacity: 1; }
    100% { opacity: 0;  }
}
@keyframes fadeAway {
    0% { opacity: 1;  }
    100% { opacity: 0; }
}

.not_on_android{color: red; text-align: center; font-size: 1.3em;}

ul#usernumbers li{ background: none;}
