#vorigeVolgendeBtn{
   display:inline-flex;
   justify-content: space-between;
   width:100%;
}
#vorigeVolgendeBtn .momentVolgende{display:none;}
#item_btns .item_nobtn{background-color: transparent;}
#item_vraag.auto_save #opslaanBtn{display:none !important;}/*opslaan btn niet nodig*/

#my_assignment_vl #opslaan_btn,
#vorigeVolgendeBtn,
#vorigeVolgendeBtn *,
#item_btns,
#item_btns *{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

/*#vorigeVolgendeBtn,*/
.leerplein_btns_bg{
   position: fixed;
   z-index: 10000;
   bottom:0;
   width:100%;
   height: 125px;
   margin:0;
   background-color: rgba(255,255,255,.2);
	pointer-events: none;
}

#my_assignment_vl #opslaan_btn,/*vragenlijst*/
#opslaanBtn {background-image: url(../../images/icons/btn_vragen_save.svg); order: 1;}
#resetBtn {background-image: url(../../images/icons/btn_vragen_undo.svg); order: 1;}
#checkBtn {background-image: url(../../images/icons/btn_vragen_check.svg);order: 1;}
#editBtn {background-image: url(../../images/icons/btn_vragen_write.svg);order: 1;}

#vorigeVolgendeBtn #vorigeBtn {
   order: 0;
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 128 128' x='0px' y='0px'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none;stroke:rgba(100, 100, 100, 1);stroke-linecap:square;stroke-miterlimit:10;stroke-width:16px;}%3C/style%3E%3C/defs%3E%3Ctitle%3EPrevious item%3C/title%3E%3Cpolyline class='cls-1' points='84.94 22.06 43.06 63.94 84.94 105.94'/%3E%3C/svg%3E");
}
#vorigeVolgendeBtn #volgendeBtn {
   background-color: rgb(2,130,194);
   order: 2;
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64.5 106.51'%3E%3Ctitle%3Ecbt_item_next%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpolyline points='11.31 11.31 53.19 53.19 11.31 95.19' style='fill:none;stroke:%23FFF;stroke-linecap:square;stroke-miterlimit:10;stroke-width:16px'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#vorigeVolgendeBtn #vorigeBtn:hover {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 128 128' x='0px' y='0px'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none;stroke:#FFF;stroke-linecap:square;stroke-miterlimit:10;stroke-width:16px;}%3C/style%3E%3C/defs%3E%3Ctitle%3EPrevious item%3C/title%3E%3Cpolyline class='cls-1' points='84.94 22.06 43.06 63.94 84.94 105.94'/%3E%3C/svg%3E");
}
#vorigeVolgendeBtn #volgendeBtn:hover {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 128 128' x='0px' y='0px'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none;stroke:#FFFF;stroke-linecap:square;stroke-miterlimit:10;stroke-width:16px;}%3C/style%3E%3C/defs%3E%3Ctitle%3ENext item%3C/title%3E%3Cpolyline class='cls-1' points='43.06 22.06 84.94 63.94 43.06 105.94'/%3E%3C/svg%3E");
}
#vorigeVolgendeBtn #volgendeBtn:hover:before {
   border-color: rgba(2,130,194, 1);
   animation: none;
}

body:not(.label_casus) #vorigeVolgendeBtn #volgendeBtn:hover:after {
    content: attr(title);
    margin-left: -275px;
    line-height: 60px;
    margin-top: 0;
    display: block;
    color: #0282c2;
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
    font-size: 18px;
    text-indent: 0;
    font-weight: normal;
    padding: 0 1em;
    text-align: right;
    width: 200px;
}

#vorigeVolgendeBtn #vorigeBtn:hover,
#vorigeVolgendeBtn #volgendeBtn:hover{background-color:rgb(45, 155, 206);}

#my_assignment_vl #opslaan_btn:hover,/*vragenlijst*/
#opslaanBtn:hover,
#resetBtn:hover,
#checkBtn:hover,
#editBtn:hover,
#item_btns .item_btn:hover{background-color:#d93940;}

#vorigeVolgendeBtn #volgendeBtn,
#vorigeVolgendeBtn #vorigeBtn{
   width:60px;
   height:60px;
   flex:0 0 60px;
   z-index:1;
}

#my_assignment_vl #opslaan_btn,/*vragenlijst*/
#opslaanBtn,
#resetBtn,
#checkBtn,
#editBtn,
#item_btns .item_btn{
   flex: 0 1 auto;
   width: auto;
   height: 40px;
   background-size: 40px 40px;
   background-repeat: no-repeat;
   background-position: right center;
   color: #fff;
   text-align: left;
   padding: 0 40px 0 15px;
   border-style:solid;
   border-width:1px;
   border-color:#fff;
   cursor:pointer;

   animation-iteration-count: 1;
   animation-direction: normal; /* or: alternate */
   animation-timing-function: linear; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
   animation-fill-mode: forwards; /* or: backwards, both, none */
   animation-duration: 500ms;

}

#vorigeVolgendeBtn #vorigeBtn,
#vorigeVolgendeBtn #volgendeBtn{
   cursor:pointer;
   background-repeat: no-repeat;
   background-position:center center;
   background-size:80% 80%;
   text-indent:-9999px;
   color:white;
   font-weight:bold;
   position: relative;
}

/*#vorigeVolgendeBtn #volgendeBtn:before{


}*/
body:not(.label_casus) #vorigeVolgendeBtn #volgendeBtn:before{
   content: '';
   /* position: absolute; */
   display: block;
   width: 60px;
   height: 60px;
   top: 0;
   left: 0;
   z-index: -1;
   margin:-25px 0 0 -40px;
   border-width: 25px 0 0 40px;
   border-color: rgba(2, 130, 194, 0.35);
   border-style: solid;
   box-sizing: content-box;
   /* box-shadow: 0 15px 0px 40px rgba(2,130,194, 0.35); */
   animation-name: pulse-bij-start;
   animation-iteration-count: 4;
   animation-direction: alternate;
   animation-timing-function: ease-out;
   animation-fill-mode: forwards;
   animation-duration: 400ms;
}
#vorigeVolgendeBtn{
   -webkit-transition: opacity 250ms ease-in-out;
   -moz-transition: opacity 250ms ease-in-out;
   -ms-transition: opacity 250ms ease-in-out;
   -o-transition: opacity 250ms ease-in-out;
   transition: opacity 250ms ease-in-out;
}
#vorigeVolgendeBtn.showbtn{
   opacity:1;
   filter: alpha(opacity=100);
}
#vorigeVolgendeBtn.hidebtn{
   opacity:0;
   filter: alpha(opacity=0);
}
#item_btns .item_btn.showbtn,
#vorigeVolgendeBtn #vorigeBtn.showbtn,
#vorigeVolgendeBtn #volgendeBtn.showbtn{
   display:block;
   opacity:1;
   filter: alpha(opacity=100);
}
#item_btns .item_btn.hidebtn,
#vorigeVolgendeBtn #vorigeBtn.hidebtn,
#vorigeVolgendeBtn #volgendeBtn.hidebtn{
   display:none;
   opacity:0;
   filter: alpha(opacity=0);
}

#item_btns {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   justify-content: center;
   margin-top: 10px;
   flex-flow: row wrap;
}
/*#item_btns .item_btn{
   position: relative;
   bottom: 0;
   border: none;
   animation-delay: 500ms;
   text-indent: 40px;
   width: auto;
   background-position: -20px center;
   flex: 0 1 auto;
   padding-right: 15px;

}*/
#item_btns .melding {
   margin: 1em 10%;
   flex: 0 1 80%;
   order: 2;
}
/*#vorigeVolgendeBtn #volgendeBtn{
   right: 0px !important;
   z-index:10001;
}*/
#vorigeVolgendeBtn #vorigeBtn{
   left: 0px;
   background-position: 25% 50%;
}

#vorigeVolgendeBtn.animate #volgendeBtn,
#vorigeVolgendeBtn.animate #vorigeBtn,
#item_btns .item_btn{animation-name: btn_animation_scale;opacity:0; }

#vorigeVolgendeBtn.animate #volgendeBtn{
   /*animation-name: btn_animation_rechts;*/
   animation-delay: 500ms;
}
#vorigeVolgendeBtn.animate #vorigeBtn{
   /*animation-name: btn_animation_links;*/
   animation-delay: 1000ms;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>BTN ANIMATION */
@-webkit-keyframes btn_animation_scale {
   0%   {opacity:0;}
   100%  {opacity:1;}
}
@-moz-keyframes btn_animation_scale {
   0%   {opacity:0;}
   100%  {opacity:1;}
}
@-o-keyframes btn_animation_scale {
   0%   {opacity:0;}
   100%  {opacity:1;}
}
@keyframes btn_animation_scale {
   0%   {opacity:0;}
   100%  {opacity:1;}
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>BTN ANIMATION pulse bij start */
@-webkit-keyframes pulse-bij-start {
   0%   {border-width: 0 0 0 0;margin:0 0 0 0;}
   100% {border-width: 25px 0 0 40px;margin:-25px 0 0 -40px;}
}
@-moz-keyframes pulse-bij-start {
   0%   {border-width: 0 0 0 0;margin:0 0 0 0;}
   100% {border-width: 25px 0 0 40px;margin:-25px 0 0 -40px;}
}
@-o-keyframes pulse-bij-start {
   0%   {border-width: 0 0 0 0;margin:0 0 0 0;}
   100% {border-width: 25px 0 0 40px;margin:-25px 0 0 -40px;}
}
@keyframes pulse-bij-start {
   0%   {border-width: 0 0 0 0;margin:0 0 0 0;}
   100% {border-width: 25px 0 0 40px;margin:-25px 0 0 -40px;}
}


/*OPSLAAN BTN IN VRAGENLIJST IN CBT*/
#my_assignment_vl #opslaan_btn{
   border-radius: 0;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   background-repeat: no-repeat;
   background-position: right 10px center;
   text-align: left;
   text-indent: 10px;
   padding: 0 50px 0 7px !important;
}
#my_assignment_vl #opslaan_btn:after{content:none}

#my_assignment_vl .volgendevorige_btns {
   position: relative;
   margin-top: 10px;
   margin-bottom:20px;
}