.header.small{min-height:550px;} .content.login{background-color:#fff;padding:40px;text-align:center;width:480px;left: 50%;top: 50%; position: absolute;margin-left:-240px;margin-top:-290px;border-radius:3px;} .loginLogo{background-image:url('img/logo.png');width:135px;height:140px;background-size:cover;margin:auto;} .loginText{font-size:26px;margin:38px auto 24px;} .content.login input[type=text], .content.login input[type=password]{width:398px;border-radius:3px;margin:0 auto 6px;color:#656565;padding:19px;background-color:#e2fafd;border:1px solid #c1e7ec;font-size:16px;} .content.login input::-webkit-input-placeholder, .content.login input:-moz-placeholder,.content.login input::-moz-placeholder,.content.login input:-ms-input-placeholder {color:pink;} .content.login .inputs{margin: auto;} .rememberme{width:180px;float:left;margin: 12px 0 -3px 0;} .rememberme input{float:left;margin-right: -11px;} .rememberme p{line-height: 18px;} .rememberme {color:#656565;font-size:14px;} .submitBtn.login, .submitBtn.register{cursor:pointer;margin:7px auto;border:2px solid #00e3ff;background-color:#fff;border-radius:3px;text-align:center;font-size:18px;width:100%;padding:10px;} .content.login .forgotPass{ line-height: 20px;width: 180px;float: right;margin: 12px 0;text-align: right;font-size: 14px;color: #656565;} .registerBtn{margin-top:21px;display:block;} .registerLinkText{display:inline-block;font-size:14px;color:#656565;} .arrowBtn.register{color:#2d61f6;display:inline-block;font-size:14px;margin-left:5px;} .genderLabel{display:inline-block;float: left;font-size:16px;margin:20px;color:#656565;} .gender{float: left;display: inline-block;margin-top: 8px;} .gender .rememberme{display:inline-block;} .gender .rememberme p{margin-left: 5px;;color:#656565;font-size:16px;display: inline-block;} .gender .rememberme.register .styled{display:inline-block;width:80px;} .content.login input[type=text]:required, .content.login input[type=password]:required{background-image:url('img/requiredInput.png');background-size:7px; background-position:367px 26px;background-repeat:no-repeat;} .gender .rememberme.register input[type="radio"]{display:none;} .gender .rememberme.register label{cursor:pointer; } .gender .rememberme.register input[type="radio"] + span {background-image:url('img/radio-off.png'); display:inline-block;background-size:cover;width:16px;height:16px; pointer-events: none; } .gender .rememberme.register input[type="radio"]:checked + span {background-image:url('img/radio-on.png');} .arrowBtn.login{font-size:14px;margin-top:32px;display:block} .content.login input[type=text].dropdownInput{background-color:#fff;cursor:pointer;background-image:url('img/dropdownArrow.png');background-size:8px 5px; background-position:367px 29px;background-repeat:no-repeat;} .inputOptions{border-radius:3px;position:absolute;background-color:#fff;z-index:2;width:100%;text-align:center;border:1px solid #c1e7ec;font-size:16px} .inputOptions .option{padding:10px;cursor:pointer;} .rememberme label{cursor:pointer;} .rememberme input[type="checkbox"]{display:none;} .rememberme input[type="checkbox"] + span { float:left;display:inline-block;background-image:url('img/checkbox-off.png');width:16px;height:16px;background-size:cover; } .rememberme input[type="checkbox"]:checked + span {background-image:url('img/checkbox-on.png'); } .workoutOverview{display:block;margin: 0 auto;width: 936px;} .workoutOverview .question-list .question-list-item .item .title{color:#000; font-size: 20px; line-height: 28px;} .workoutOverview .question-list .question-list-item .icon {width: 90px;height: 100px; display: table-cell; vertical-align: top;margin-right:30px;} .workoutOverview .question-list .question-list-item{ height: 146px;display: table;} .workoutOverview .question-list .question-list-item .item{border:none;margin-left: 30px;margin-top: 10px;width:465px; display: inline-block;} .workoutOverview .question-list .question-list-item .item .itemContent{color:#818181;line-height: 26px;} .workoutOverview .question-list .question-list-item .item .itemContent a{color:#2a69b7;} .workoutOverview .question-list .question-list-item .itemActions{margin-left:36px;margin-top:25px;display:inline-block;color:#818181;} .workoutOverview .question-list .question-list-item .itemActions .action-buttons{height:50px;} .workoutOverview .question-list .question-list-item .itemActions .action-button {margin-right:3px;display:inline-block;padding:10px 15px;border:2px solid #d0d0d0;border-radius:3px;cursor:pointer;} .workoutOverview .question-list .question-list-item .itemActions .action-button.highlighted{border:2px solid #00e3ff;color:#000;} .workoutOverview .question-list .question-list-item .itemActions .icon{margin-right:15px;width:20px;height:20px;background-size:cover;display:inline-block;} .workoutOverview .question-list .question-list-item .itemActions .icon.person-icon{height:21px;background-image:url('img/person-icon.png');} .workoutOverview .question-list .question-list-item .itemActions .icon.clock-icon{background-image:url('img/clock-icon.png');} .workoutOverview .question-list .question-list-item .itemActions .option {margin-right:15px;line-height:23px;} .workoutOverview .question-list .question-list-item .itemActions .itemInformation{margin-top:7px;} .workOutFeedback {border-bottom:1px solid #e0e0e0;padding-bottom:100px;} .workOutFeedback .block .container { width: 630px;} .workOutFeedback .block.extra-adjust-padding {padding:100px 0; } .feedbackContainer{width:960px;margin:auto;padding-top:80px;text-align:center;} .feedbackContainer .feedback{text-align:left;width:270px;display:inline-block;font-size:19px;line-height:28px;margin-right: 26px;margin-left: 26px;} .feedbackContainer .feedback:last-child{margin-right:0;} .feedbackContainer .feedback .author{color:#7a7a7a;font-size:16px;margin-top:10px;display:block;} .feedbackContainer .feedback .fbContent{letter-spacing: 1px;} .feedbackController{margin: 60px auto 0;width:150px;} .feedbackArrow{cursor:pointer;display:inline-block;width:66px;height:73px;position:relative;} .feedbackArrow .fbArrow{margin-right:6px;position:absolute;top:29px;left:22px;width:21px;;height:14px;background-position:center;background-size:cover;display: block;} .feedbackArrow .fbArrow.right{background-image:url('img/controls-right.png')} .feedbackArrow .fbArrow.left{background-image:url('img/controls-left.png')} .feedbackArrow:hover{background-image:url('img/controls-hover.png');} .guideContainer{width:960px;position:relative;} .guideContainer .guideBlock{cursor:pointer;width:300px;border-radius:2px;float:left;overflow: hidden;margin-bottom:21px;} .guideContainer .guideBlock img{max-width: 100%;} .guideContainer .guideBlock .textOverlay{color:#fff;padding:24px;font-size:17px;background-color:#1b1f28} .guideContainer .guideBlock.text-bluebg{background-color:#00e3ff;color:#1b1f28;text-align:center;padding:38px} .guideContainer .guideBlock.text-bluebg .logo-no-text{background-image:url('img/logo-textless.png');width:108px;height:106px;background-size:cover;margin:auto;} .guideContainer .guideBlock.text-bluebg p{line-height:24px;margin:30px auto;} .guideContainer .guideBlock.text-bluebg .registerButton {display:block;border:2px solid #fff;border-radius:3px; padding:14px 50px;color:#1b1f28;} .guideContainer .guideBlock.text-only{color:#1b1f28;padding:25px;font-size:17px;line-height:24px;} .guideContainer .guideBlock .videoPlayButton{background-image:url('img/vid-playbutton.png');width:52px;height:58px;cursor:pointer;background-size:cover;position:ABSOLUTE;left:50%;margin-left:-26px;top:50%;margin-top:-26px;} .guideContainer .guideBlock.text-only{display:table;} .guideContainer .guideBlock.text-only p{display: table-cell;vertical-align: middle;} .bgImage{background-size: cover; position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; background: no-repeat center top;} .action .bgImage{background-color:#00e3ff;width:100%;} .searchInput{width:940px;margin: 60px -180px} .searchInput input{font-size:18px;color:#1b1f28;width:100%;background:url('img/search.png') no-repeat 890px 20px #fff;border:1px solid #fff;border-radius:3px;padding:20px;} .questionDetailContainer{width:960px;margin:21px auto;} .questionDetailContainer .leftCol{width:581px;display:inline-block;padding:20px;} .questionDetailContainer .leftCol .detailTitle{background-repeat:no-repeat;height:65px;background-size:56px 63px;} .questionDetailContainer .leftCol .detailTitle p{padding-left:65px;line-height:60px;} .questionDetailContainer .rightCol{width:340px;display:inline-block;padding-top:30px;} .questionDetailContainer .question{font-size:30px;line-height:38px;margin-top:30px;} .questionDetailContainer .questionDescription{color:#818181;font-size:16px;line-height:26px;padding:20px 0;border-bottom:2px dashed #e0e0e0;} .questionDetailContainer .yourAnswer{font-size:20px;line-height:28px;margin:38px 0 15px;color:#363e50;} .questionDetailContainer .inputText{width:100%;padding:18px;color:#818181;border:2px solid #e0e0e0;border-radius:3px;font-size:16px;} .questionDetailContainer .leftCol .answer{border:1px solid #e0e0e0;border-radius:3px;font-size:16px;line-height:28px;} .questionDetailContainer .leftCol .amount{font-size:16px;padding:30px 0;} .questionDetailContainer .leftCol .answer .author, .questionDetailContainer .leftCol .reactions .author{color:#2a69b7;display:inline-block;} .questionDetailContainer .leftCol .answer .date, .questionDetailContainer .leftCol .reactions .date{display:inline-block;font-size:16px;color:#818181;margin-left:6px;} .questionDetailContainer .leftCol .answer .answerText{color:#818181;line-height:26px;} .questionDetailContainer .leftCol .answer .linkButton, .questionDetailContainer .leftCol .reactions .linkButton{line-height:30px;color:#b2b1b1;} a.linkButton{line-height:30px;color:#b2b1b1; font-size:16px;} a.linkButton.blue{color:#2a69b7 !important;} .questionDetailContainer .leftCol .answer .rateButton, .questionDetailContainer .leftCol .reactions .rateButton{float:right;} .questionDetailContainer .leftCol .answer .rating{background-color:#f9f9f9;border-top:1px solid #e0e0e0;padding: 20px 20px 15px; display:none;} .questionDetailContainer .leftCol .answer .rating .starRating{display:inline-block; float:right;} .questionDetailContainer .leftCol .answer .innerAnswer{padding:20px;} .questionDetailContainer .leftCol .answer .rateScription{color:#818181; clear:both} .questionDetailContainer .leftCol .answer b{color:#000} .questionDetailContainer .leftCol .showRating{ margin-top: -32px; position: relative; left: 360px;} .hiddenComments{overflow:hidden; margin-top:-20px;} .starRating.noInteract .star{cursor:default;} .commentToggle {margin-left:20px;} .questionDetailContainer .leftCol .reactions .innerReacion{margin:18px;border-left:2px solid #e0e0e0;padding:0 20px;font-size:16px;} .questionDetailContainer .leftCol .reactions .reaction{color:#818181} .questionDescription .expandToggle{color:#2a69b7;} .questionDetailContainer .rightCol .questionControls .questionControl{font-size: 16px;display:inline-block;margin-right:5px;padding:13px;border:2px solid #d0d0d0;border-radius:3px;color:#000;} .questionDetailContainer .rightCol .questionControls .questionControl:last-child{margin:0;} .rightColBlock {padding:30px;border:1px solid #e0e0e0;margin-top:10px;border-radius:3px;} .rightColBlock .title{font-size:20px;margin-bottom:15px;} .hiddenContainer{display:none} .innerBlock {position: relative;} .filterContainer{position:relative;} /*.questionDetailContainer.guideDetail .leftCol .detailTitle {padding-left:0;height:auto;}*/ .detailVideo{border-radius:5px;margin:30px 0;} .answers.guideReactions .answer{border:none} .questionDetailContainer .leftCol .guideReactions .innerAnswer{padding:0;} .guideDetail .itemContent img{width:100%;margin:30px 0;} .reactTextarea{width:100%;border:2px solid #e0e0e0;border-radius:3px;} .reactTextarea textarea{width:100%;min-height:127px;border:none;color:#929292;padding:20px;} .reactBtn{background-color:#00e3ff;cursor:pointer;padding:16px;border-radius:3px;float:right;margin-top:20px;} .guideReactions{margin-top:90px;} .blockCol{display:inline-block;color:#818181;max-width:190px;font-size:16px;} .blockCol .yourRating{color:#000;margin-top:25px;} .grade {font-size:60px;color:#000; margin-top: 25px;} .subGrade{display:inline-block; font-size: 40px;margin-left: 2px; margin-top: 5px;} .starRating .star{margin:5px 5px 5px 0;cursor:pointer;width: 22px;height: 22px; background: url('img/star-off.png');display: inline-block; } .starRating .star.active{background: url('img/star-on.png');} .wvEvaluatie .eInlineAnswer { display: block; cursor: auto; } .wvEvaluatie .eInlineAnswerText { display: inline-block; font-weight: bold; padding-left: 0; text-align: left; width: 350px; } .wvEvaluatie .starRating { display: inline-block;} .completeRating{text-align:center;cursor:pointer;border:2px solid #00e3ff;padding:15px;font-size:16px;border-radius:5px;margin:16px auto 0;} .subMenu{padding:10px 0;top:32px;position:relative;width:230px;background-color:rgba(27,31,40,0.9);border-radius:5px;z-index: 1;} .header .topHeader .menu li .subMenu li{display:block;padding:10px;font-size:16px;} .header .topHeader .menu li .subMenuContainer .subMenu li:hover a{color:#00e3ff;border:none;} .header .topHeader .menu li .subMenu li:not(:last-child){border-bottom:1px solid rgba(255,255,255,0.1);} .header .topHeader .menu li .subMenu li{margin: 0 22px;} .innerMenu{line-height: 38px;} .header .topHeader .menu li:hover .subMenuContainer .subMenu li a, .header .topHeader .menu li.active .subMenuContainer .subMenu li a{border:none;} .header .topHeader .menu li .subMenu li a{padding:0;} .triangle{position:absolute;top:-5px; left:70px; width: 0; height: 0;border-left: 10px solid transparent; border-right: 10px solid transparent;border-bottom: 5px solid rgba(27,31,40,0.9);} .header .topHeader .menu li:hover .subMenuContainer{display:block} .header .topHeader .menu li .subMenuContainer:hover{display:block} .subMenuContainer{display:none;position:absolute;left:-60px;top:25px;} /* Workouts */ .feedbackWrap {display:none} .wvBlock .wvClose { width:52px; height:60px; background-image:url('imgbase1/close-wv.png'); background-size:cover; position:absolute; top:70px; left: 0; right: 0; margin: auto; cursor: pointer; } .wvBlock { width:775px; /*background-image:url('imgbase1/wv-bg.png');*/ background-size:cover; /*padding: 180px 0px;*/ box-sizing:border-box; text-align:center; position:relative; margin: 0 auto; } .wvBlockBG.top,.wvBlockBG.bottom {height:255px;background-size:775px 512px;background-image:url('img/hexagon-background-sprite.png');left:0;width:100%;position:absolute;} .wvBlockBG.top {top:0;background-position:top left;} .wvBlockBG.bottom {bottom:0;background-position:bottom left;} .wvBlockBG.middle {position:absolute;top:255px;bottom:255px;width:100%;background:#fff;} .wvBlock .inner .description { padding: 0px 10px; } .wvBlock .inner .title { font-family:campton_bookbold; font-size:16px; color:#15152c; } .wvBlock .inner { display:block; width:525px; margin: 0 auto; font-size:14px; font-family:camptonbook; color:#656565; line-height: 25px; } .wvBlock.wvVideo .videoplayer .play{ width:80px; height:92px; background-image:url('imgbase1/video-play.png'); background-size:cover; cursor:pointer; position:absolute; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .wvBlock.wvVideo .videoplayer { width:100%; height:295px; margin-top:25px; position:relative; } .wvBlock .nav .item.prev { left: 45px; background-position: 0 0; } .wvBlock .nav .item.next { right: 45px; background-position: 32px 0; } .wvBlock .nav .item:hover {opacity:1;} .wvBlock .nav .item { background-image:url('imgbase1/nav-sprite.png'); width:32px; height:32px; opacity:0.25; cursor:pointer; } .questionlist { position:relative; display:block; } .questionlist .row { display:block; width:100%; margin-top:30px; } .questionlist .row .answers .answer.false:after { background-position: -12px 0px; width:8px; margin-left:19px; } .questionlist .row .answers .answer:after { content:""; display: block; width:11px; height:8px; margin-left:17px; margin-top:19px; background-image:url('imgbase1/truefalse-sprite.png'); position: absolute; } .questionlist .row.showfeedback .answers .answer.active.wrong {border-color:#f02d2d;} .questionlist .row.showfeedback .answers .answer.active.correct {border-color:#00ef63;} .questionlist .row .answers .answer:hover {z-index:10;} .questionlist .row .answers .answer { width:46px; height:46px; border-radius:3px; border:1px solid #c7d5e0; display:inline-block; cursor:pointer; margin: 0 1px; position:relative; } .questionlist .row .answers { width:104px; display:inline-block; } .questionlist .row .question-inner {text-align:left;display:table-cell;vertical-align:middle;} .questionlist .row .question { width:405px; display:inline-table; margin-right: 12px; height: 48px; } .wvWaarNietwaar .feedback { text-align: center; margin: 35px 0 0 0; display:none; } .wvWaarNietwaar .feedback h3 { font-family: "camptonmedium"; font-size: 14px; color:#15152c; line-height: 25px; } .wvWaarNietwaar .feedback p { font-family: "camptonsemibold"; color: #656565; line-height: 25px; font-size: 14px; } .questionlist .answer.wrong .answer-feedback {border-color:#f02d2d;} .questionlist .answer.correct .answer-feedback {border-color:#00ef63;} .questionlist.showfeedback .answer.active:hover .answer-feedback { display:block; } .questionlist .answer.false .answer-feedback { width: 525px } .questionlist .answer .answer-feedback { text-align:left; padding:15px 50px 15px 20px; width:475px; position:absolute; top:-1px; right:-1px; border: 1px solid #000; border-radius:3px; background:#fff; box-sizing: border-box; display:none; } .wvMpc .mpclist { position:relative; display:block; } .wvMpc .mpclist .row.active {border-color:#5d656c;} .wvMpc .mpclist .row .question-inner {text-align:left;display:table-cell;vertical-align:middle;} .wvMpc .mpclist .row .question {height:100%;margin-left: 70px;display:inline-table;} .wvMpc .mpclist .row .question-id{color:#15152c;width:70px;position:absolute;top:0;left:0;line-height:80px;text-align:center;font-family:'campton_bookbold';font-size:16px;} .wvMpc .mpclist .row { display:block; width:100%; margin-top:10px; height:80px; border:1px solid #c7d5e0; border-radius: 3px; text-align:left; position:relative; cursor:pointer; } .wvMpc .mpclist.showfeedback .row.active.wrong {border-color:#f02d2d;} .wvMpc .mpclist.showfeedback .row.active.correct {border-color:#00ef63;} .wvMpc .feedback { text-align: center; margin: 35px 0 0 0; display:none; } .wvMpc .feedback h3 { font-family: "camptonmedium"; font-size: 14px; color:#15152c; line-height: 25px; } .wvMpc .feedback p { font-family: "camptonsemibold"; color: #656565; line-height: 25px; font-size: 14px; } .wvMpc .checkbutton {margin-top:100px;} .wvSlider .checkbutton {margin-top:50px;} .checkbutton { height:45px; border:2px solid #00ef63; border-radius:3px; display:inline-block; margin: 0 auto; padding:15px 35px; box-sizing: border-box; line-height: 12px; font-family:'camptonmedium'; cursor:pointer; } .range { position: relative; width: 520px; padding-bottom:30px; margin-top: 50px; margin-bottom: 20px; } .range .rangeOverlay { width: 100%; height: 19px; display: block; position: absolute; top: 18px; } .range .rangeOverlay .thumb.end {float:right} .range .rangeOverlay .thumb { width:18px; height:19px; float:left; background-image:url('imgbase1/slider-startend.png'); background-size:cover; } .range .text {font-family:'camptonmedium';font-size:15px;position:absolute;width:100%;bottom:-40px;color:#fff;left:0;padding: 4px;box-sizing: border-box;} .rangeui-subcontent .text {display:block;color:#fff;} .rangeui-subcontent .text.start,.range .text.start {float:left;} .rangeui-subcontent .text.end {float:right;} .showfeedback .range .rangeOverlay .thumbtext {color:#00ef63;} .range .rangeOverlay .thumbtext { width:200px; position:absolute; left:0px; top:-30px; margin-left:-100px; text-align:center; color:#fff; font-family:'camptonmedium'; font-size:15px; } .wvSlider .textHeader {font-size:20px} .wvSlider .feedback {display:none;width: 85%; margin-bottom: 20px;} .wvBlock.wvSlider .rangeSlide.ui-slider { width: 100%; } .wvBlock.wvSlider .feedback { width: 100%; margin-top: 120px; } .rangeSlide {width:100%;height:10px;} .rangeSlide.ui-slider { margin: 20px 9px; margin-top:50px;border-radius: 10px; width: 85%;height: 3px;background: #c7c7c7;position: relative; } .rangeSlide .ui-slider-handle { height: 29px; width: 26px; z-index:1; background: url("imgbase1/slider-thumb.png") no-repeat center center; position: absolute; margin:-12px; cursor:pointer; } .rangeui-precontent {width:85%;margin-left:-90px;position: absolute; margin-top: 12px;} .rangeui-precontent .text.progress {width:200px;text-align:center;color:#00ef63} .rangeui-subcontent {margin-left: 4px;width: 87%; margin-bottom: 20px;} .wvBlock .rangeui-subcontent { width: 100%; } .rangeui:before,.rangeui:after { content:""; width:18px; height:19px; background-image:url('imgbase1/slider-startend.png'); background-size:cover; position:absolute; left:-9px;top:-8px; } .rangeui:after {right:-9px;left:auto;} .clear {clear:both;} .showfeedback.correct .rangeui-precontent .text.progress {color:#00ef63} .showfeedback.wrong .rangeui-precontent .text.progress {color:#f02d2d} .hotspot { background-position: center center; background-repeat: no-repeat; display: inline-block; position: relative; /*width: 429px;*/ /*height: 237px;*/ margin: 100px auto 0; } .hotspot.small-margin { margin: 35px auto; } .hotspot .hotspotImage img {max-width:100%;} .hotspot .hotspot-hitarea {position:absolute;cursor:default;} .hotspot .hotspot-item { position: absolute; background: url('imgbase1/hotspot-polygon.png') no-repeat center center; width: 26px; height: 29px; cursor: pointer; pointer-events:none; } .hotspot .hotspot-hitarea {margin:0;border-radius:50%;} .hotspot .hotspot-item.wrong {background: url('imgbase1/hotspot-polygon-wrong.png') no-repeat center center;} .hotspot .hotspot-item.correct {background: url('imgbase1/hotspot-polygon-active.png') no-repeat center center;} .eInlineContent.invisible-hotspot .hotspot .hotspot-item:not(.active) {display:none} .wvSleepvraag .feedback {display:none} .wvSleepvraag .drag-items { display: block; position: relative; margin: 45px 0 0 0; } .wvSleepvraag .drag-items .drag-item { box-shadow: inset 0 0 2px #e3eaef; -moz-box-shadow: inset 0 0 2px #e3eaef; -webkit-box-shadow: inset 0 0 2px #e3eaef; display: inline-block; width: 115px; text-align: center; height: 45px; position: relative; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .wvSleepvraag .drag-items .drag-item .item, .wvSleepvraag .drop .item { position: absolute; left: 0; top: 0; display: inline-block; cursor: move; width: 115px; text-align: center; height: 45px; background: #fff; font-family: "camptonmedium"; color: #1b1f28; line-height: 45px; border: 1px solid #c7d5e0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .wvSleepvraag .drag-items .drag-item .item.drag { border: 1px solid #5d656c; } .wvSleepvraag .content { margin: 50px 0 0 0; text-align: left; width: 565px; } .wvSleepvraag .content .option { display: block; line-height: 45px; margin: 0 0 10px 0; font-family: "camptonmedium"; font-size: 14px; } .wvSleepvraag .drop { border: 1px dashed #e3eaef; width: 115px; height: 45px; position: relative; display: inline-block; } .wvSleepvraag .drop.remove-border { border: 1px dashed #fff; } .wvSleepvraag .checkOptions { display: inline-block; margin: 65px auto 0; color: #1b1f28; border: 2px solid #00ef63; font-size: 14px; font-family: "camptonmedium"; padding: 10px 36px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .wvWrap {position:relative;padding: 180px 0px;box-sizing: border-box;}