body {


    overflow: hidden;


  height: 100%;


  width: 100%;


    /* background-image: url(/img/bg3.jpg);


      background-repeat: no-repeat;


     background-size: cover;*/


     background-color: #000000!important;


      


      background-repeat: no-repeat;


     background-size: cover;


     color:#FFFFFF;


     font-family: 'Open Sans', Roboto;


    -webkit-text-size-adjust: 100%;


    -webkit-font-smoothing: antialiased;


    font-size:14px;


     


    


    -webkit-touch-callout: none !important;


    font-weight:normal;


 }


 #bg {


      background-repeat: no-repeat;


     background-size: cover;


    position: absolute;


    top: 0;


    bottom: 0;


    left: 0;


    right: 0;


    z-index: -1;


    opacity:0;


}


#bg.loaded {


    opacity: 1;


}


body.step2  #bg.loaded {


    opacity:0.3!important;


}


 .animate, body.multi-select .tt-menu{


 -webkit-transition: all 1000ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 


   -moz-transition: all 1000ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 


     -o-transition: all 1000ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 


        transition: all 1000ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */





-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 


   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 


     -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 


        transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */


}


 .animate-fast{


 -webkit-transition: all 1000ms cubic-bezier(0.210, 0.000, 0.290, 0.500); 


   -moz-transition: all 1000ms cubic-bezier(0.210, 0.000, 0.290, 0.500); 


     -o-transition: all 1000ms cubic-bezier(0.210, 0.000, 0.290, 0.500); 


        transition: all 1000ms cubic-bezier(0.210, 0.000, 0.290, 0.500); /* ease-in-out */





-webkit-transition-timing-function: cubic-bezier(0.210, 0.000, 0.290, 0.500); 


   -moz-transition-timing-function: cubic-bezier(0.210, 0.000, 0.290, 0.500); 


     -o-transition-timing-function: cubic-bezier(0.210, 0.000, 0.290, 0.500); 


        transition-timing-function: cubic-bezier(0.210, 0.000, 0.290, 0.500); /* ease-in-out */


}


.hidden{


    display:none!important;


}


body.read-this .page-head,


body.read-this .info-grid .grid-item,


body.read-this .info-grid h4,


body.read-this .infinite-carousel .next-items,


body.read-this .infinite-carousel .pre,


body.read-this .infinite-carousel .next,


body.read-this .infinite-carousel .all,


body.read-this .main-button-prev,


body.read-this .main-button-next,


body.read-this .grid-block-icon,


body.read-this .grid-block-info-icon,


.grid-item.not-selected {


    opacity:0;


    height:1px;


    overflow:hidden;


    width:1px;


}





.icon-2x{


    font-size: 1.6em;


    font-weight:bold;


}


.infinite-carousel .icon-2x{


    font-size: 2em;


}


a,a:hover,a:visited, .tag-chip{


    text-decoration: none;


    cursor:pointer;


}


h1,h2,h3,h4,td,a,p,b {


    color: #ffffff;


    margin:0;


    padding:0;


}


 .transparent{


      background: transparent!important;


  }


  /*SWIPER CUSTOm*/


  .swiper-container{


      height: 100%;


  }


  


  .swiper-custom {


  position:relative;


  height:100%;


}


.swiper-container {


  height:100%;


}


.swiper-slide {


  


}


.main-footer-text{


    position:fixed!important;


    bottom:20px;


    text-align: center;


    width: 100%;


    z-index:900;


    color:rgba(255,255,255,0.7);


    cursor:pointer;


}


.main-footer-text a{


    color:rgba(255,255,255,0.7);


}


.main-footer-text:hover,


.main-footer-text a:hover{


    color:#FFFFFF;


}





.main-button-prev,.main-button-next{


    position:fixed!important;


    text-align: center;


    z-index:900;


    width:100px;


    margin-top:10px;


    margin-left:45%;


    cursor:pointer;


    opacity: 1;


    background:transparent;


    font-size: 3.5em;


    color:#FFFFFF;


    text-decoration: none;


    display:none;


}





.main-button-next{


    top:auto;


    bottom: 20px!important;


   right:auto;


   display:none;


}


body.step2 .main-button-prev,


body.step3 .main-button-prev,


body.step4 .main-button-prev{


    display:block;


}


body.step1.step1-valid .main-button-next{


    display:block;


}


body.step2.step2-valid .main-button-next{


    display:block;


}


.main-button-prev{


    top:10px!important;


}


.main-button-prev.main-button-disabled,


.main-button-next.main-button-disabled {


  display:none;


  cursor: auto;


  pointer-events: none;


}


/*PAGE 1*/


    #main-search-tags{


       max-width:900px;


    width:100%;


    border: 0px;


    


    background-color: RGBA(255,255,255,0.9);


    -webkit-border-radius: 4px;


     -moz-border-radius: 4px;


          border-radius: 4px;


  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);


     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);


          box-shadow: 0 5px 10px rgba(0,0,0,.2);


         opacity:0;


          position:absolute;


          top: 50%;


          left: 50%;


          margin-top: -23px;


          margin-left: -450px;


          padding:5px;


          padding-bottom:0px;


          padding-left:10px;


}


#main-search-tags .chip{


    float:left;


     -webkit-border-radius: 2px;


     -moz-border-radius: 2px;


          border-radius: 2px;


          font-size: 1em;


          border:1px solid #c0c0c0;


          margin-right:1px;


         /*background-color: transparent;


          padding-left:0px;


          padding-right:5px;


          padding-top:6px;


          padding-bottom:4px;*/


          


}


#main-search-tags .result-set{


   


    z-index: 100;


    


}


#tokenfield.typeahead { 


    height:36px;


  width:90%;


   border:0;


  padding:5px;


  padding-top:4px;


    min-width: 100px;


    color:#555555;


    background: transparent;


      font-weight:normal;


      float:left;


      


   font-size: 1em;


}


#button_start{


    position:absolute;


    margin-top:-41px;


    right:7px;


    padding-right: 5px;


    width:93px;


    height:36px;


}


/*Suggestion*/


#suggestion{


     color:#E1E1E1;


    padding-left:10px;


    width:100%;


    max-width:870px;


    position:absolute;


    opacity: 0!important;


    background-color: RGBA(0,0,0,0.4);


    margin-top:5px;


    z-index:-10;


    padding:10px;


}


#suggestion b {


    color: #FFFFFF;


}


body.step1 .main-button-prev{


    display:none


}


body.step1 #suggestion{


    display: block;


    


}


body.step1 #suggestion.selected{


       opacity: 1!important;


}


/*Header*/


.page-head{


    


    opacity: 0;


}





h1{


    font-family: 'Roboto', 'Open Sans', 'Verdana'!important;


    -webkit-font-smoothing: antialiased;


    font-weight: 100;


}


h4{


    font-family: 'Open Sans', 'Verdana' !important;


    -webkit-font-smoothing: antialiased;


    font-weight: 100;


}


h1{


    font-size:2.6em;


    line-height: 1.5em;


    }


h4,h3{


    font-size:1.4em;


    margin:0px;


}


.form-inner h4 {


    font-size:1.2em;


}


.page-head h4{


    font-size:1.2em;


}


/*REsultgrid*/


.result-grid{


    overflow:auto!important;


    max-height:70%;


    


    padding:30px;


    background: #FFFFFF;


      -webkit-border-radius: 4px;


     -moz-border-radius: 4px;


          border-radius: 4px;


  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);


     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);


          box-shadow: 0 5px 10px rgba(0,0,0,.2);


          height:auto;


          overflow: visible;


}








/*Step 1*/


.swiper-slide.slide-1{


    background: RGBA(0,0,0,0.3);


}





.swiper-slide.slide-1 .page-head{


    position:absolute;


    width:900px;


    top:45%;


   left: 50%;


    margin-left: -450px;


    text-align:center;


    opacity: 0;


}


/*Steps 2*/





body.step2  .main-button-prev{


    top:0px!important;


    margin-top:60px;


}


body.step2  #button_start {


    opacity: 0;


    width:0px;


}


body.step2  #main-search-tags{


    top: 100%;


    margin-top:20px;


    background-color: RGBA(255,255,255,0.7);


    opacity:1;


}


.tag-result{


    font-size: 0.8em;


}


body.step2 #tokenfield.typeahead {


display:none;


    


}


body.step2 .swiper-slide.slide-2{


    margin-top:80px;


}











.swiper-slide.slide-2{


    background-color: #ff9800!important;


     background-image: url(/img/mapje.png);


      background-repeat: no-repeat;


     background-position: 0 80%;


     background-size: 0%;


}


.swiper-slide.slide-2 .page-head,


.swiper-slide.slide-3 .page-head,


.swiper-slide.slide-4 .page-head{


    color:#555555;


    float: left;


    width:25%;


    margin-left:10%;


    margin-right:50px;


    text-align:right;


    opacity:0;


    margin-top:10%;


}


.swiper-slide.slide-2  .page-content,


.swiper-slide.slide-3  .page-content,


.swiper-slide.slide-4  .page-content{


    width:50%;


     opacity:0;


    float:left;


    


     


     margin-top:5%;


}


.swiper-slide.slide-4  .page-content{


    width:100%;


    max-width:900px;


    padding:0px;


    margin-top: 100px;


    padding-bottom: 100px;


    float:right;


    margin-right:5%;


}


.swiper-slide.slide-4 .page-head{


    float:left;


}


/*Step 3*/


body.step3 {


   background-image: url(/img/login.jpg);


background-repeat: no-repeat;


 background-size: cover; 


}


body.step3:not(.display-info) .main-button-next{


    display:none


}





.swiper-slide.slide-3{


     background-image: url(/img/coffeecup.png);


      background-repeat: no-repeat;


     background-position: bottom left;


      background-size: 0%;





}


.swiper-slide.slide-4{


    background-color: #ff9800!important;


     background-image: url(/img/mapje.png);


      background-repeat: no-repeat;


     background-position: 0 100%;


     background-size: 0%;


}


/*TYPE AHEAD*/


.tt-hint {


    margin-left:2px;


    margin-top:5px;


    color:#808080;


   font-size:1em!important;


}


.select-header{


    font-size:1.9em;


    text-align:center;


    color:#FFC600;


    margin-left: -40px;


}


@supports (-webkit-appearance:none) {/*CHROME*/


   .tt-hint {


    padding-left:1px!important;


    margin-top:7px!important;


   }


}  


.tt-menu {    /* used to be tt-dropdown-menu in older versions */


  position: absolute;


  width:100%;


  margin-top: 11px;


  


  padding: 4px 0;


  background-color: RGBA(255,255,255,1);


  border: 1px solid #ccc;


  border: 1px solid rgba(0, 0, 0, 0.2);


  -webkit-border-radius: 4px;


     -moz-border-radius: 4px;


          border-radius: 4px;


  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);


     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);


          box-shadow: 0 5px 10px rgba(0,0,0,.2);


          color: #555555;


          text-align: left;


          z-index: 10;


          


          overflow:auto;


          -webkit-overflow-scrolling: touch;


}





.tt-suggestion {


  padding: 3px 20px;


  


}





.tt-suggestion.tt-cursor,.tt-suggestion:hover, tt-selectable, .tt-cursor {


  color: #fff;


  background-color: #0097CF!important;


  cursor:pointer;


}





.tt-suggestion p {


  margin: 0;


}


.dropdown-header{


  font-weight:bold;


  border-bottom:1px solid #E1e1e1;


  margin-top:5px;


  padding-left:10px;


  width:90%;


  display:block;


}


.zoom-box-footer{


    position:absolute;


    bottom:10px;


    right:10px;


    text-align:right;


    width:100%;


    padding-right: 30px;


}


.popup-button{


    display:none;


}


#zoombox-loader {


    display:none;


}





.zoom-box-footer .btn-nkc{


    


    


          background-color:	#8bc34a!important;


          border:0px;


}


.set-sizes {


  font-size: 80px;


}


div.stats{


    width: 100px;


    float:left;


    margin-right:30px;


}


div.stats span.label{


    text-align: center;


    font-size: 0.45em;


    font-weight:bold;


    color:#FFFFFF!important;


     margin-left: 0.05em;


    margin-top: 0.25em;


    line-height: 0.8em;


}


div.stats p{


    text-align:center;


    display:block;


    font-size:0.2em;


    padding-left:10px;


}


#extra_options{


    position:absolute;


    bottom:-300px;


    padding:30px;


    text-align:center;


    padding-right:10%;


    padding-left: 10%;


    margin: auto;


    


}


.extra-option-block{


    background: RGBA(255,255,255,0.9);


    padding:7px;


    margin-right:5px;


    margin-bottom:5px;


    cursor:pointer;


    float:left;


    color:#3A53AF;


    -webkit-border-radius: 4px;


     -moz-border-radius: 4px;


          border-radius: 4px;


  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);


     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);


          box-shadow: 0 5px 10px rgba(0,0,0,.2);


}





/*Multiselect*/


.employee-item{


    margin-top:20px;


    height:30px;


    color:#555555;


    display:inline-table;


    border-top:10px solid #808080;


}


.employee-item.first{


    /*margin-left:100px!important;*/


} 


.branche-item div,


.employee-item div{


    font-size:0.9em;


    line-height:13px;


}








.branche-item{


    width:8em;


    height:8em;


    color:#555555;


    display:inline-table;


    text-align:center;


   


}


.typeahead-item .label{


    padding-top:10px;


}


.typeahead-item i{


    font-size:3.5em;


    color:#FFFFFF;


    opacity: 0.8;


}





body.multi-select .tt-menu{


    margin-top: -160px!important;


    background: RGBA(0,0,0,0.5);


    overflow:visible;


    height:auto;


    max-height:auto;


    margin-left:10px;


    padding-left:40px;


    border: 1px solid RGBA(255,255,255,0.2);


}


body.multi-select .dropdown-header-extra{


    margin-bottom:30px;


}


body.multi-select .branche-item div,


body.multi-select .employee-item div{


    color:#FFFFFF;


}


body.multi-select .dropdown-header{


    border:0px;


    text-align: center;


    color:#FFFFFF;


    font-family: 'Roboto', 'Verdana'!important;


    -webkit-font-smoothing: antialiased;


    font-weight: 100;


     font-size:1.4em;


    margin:0px;


    


}


#button_reload,#button_main_start{


    position:absolute;


   margin-top:20%;


   margin-left:-110px;


    opacity:0;


    display:none;


  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);


     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);


          box-shadow: 0 5px 10px rgba(0,0,0,.2);


}








body.step1 #button_main_start{


    display:block;


}


body.multi-select.step1 #button_reload{


    opacity:1;


}











body.multi-select.step1 #main-search-tags,


body.multi-select.step1 #main-search-tags .chip,


body.multi-select.step1 #tokenfield,


body.multi-select #suggestion,


body.multi-select #button_start,


body.multi-select .hide-multi-select,


body.multi-select.step1 span.dropdown,


body.multi-select.step1 .page-head h44


{


    border:0;


    background:transparent;


    opacity:0;


    -webkit-box-shadow: none;


	-moz-box-shadow: none;


	box-shadow: none;


	color:transparent;


	height:0px;


	


}


body.multi-select.step1 #main-search-tags .select-header{


    font-size:1.9em;


    


}


 .crm-function-button{


     display:none;


 }


body.step4 .main-button-next{


    display:none


}


body.authenticated .main-button-next{


    


}


body.multi-select #suggestion,


body.multi-select .main-button-next{


    display:none;


}


body.multi-select.step1 .page-head{


top:60px;


}


body.multi-select .tt-suggestion.tt-cursor,body.multi-select .tt-suggestion:hover,body.multi-select tt-selectable, body.multi-select .tt-cursor {


 


  background-color: transparent!important;


 


}














body.multi-select .typeahead-item {


    opacity: 0.7;


}





body.multi-select .branche-item{


    width: 9em;


    margin-top:1em;


    


}


body.multi-select .branche-item:hover,body.multi-select .branche-item.hover,


body.multi-select .typeahead-item:hover i,


body.multi-select .typeahead-item.hover i{


    color:#FDC029!important;


    opacity: 1;


}


body.multi-select .employee-item {


    margin-bottom: 50px;


}


body.multi-select .branche-item div{


    font-size: 0.9em;


}





body.multi-select .employee-item:hover div{


    font-weight:bold;


}


body.multi-select .branche-item:hover div{


    color:#FDC029!important;


}


body.multi-select .typeahead-item:hover{


    


     opacity: 1;


     border-color:#0097CF;


     color: #0097CF!important;


     


}


body.multi-select .employee-item:hover{


 background-color: RGBA(0,0,0,0.5)!important;


}


/*Button*/


.btn-group{


    float:right;


}


.grid-item .btn-group{


    margin-left:15px;


}


.btn-outline{


  background-color: transparent;


  text-align:center;


  height: 36px;


  color:#f1f1f1!important;


  padding:2px;


  font-weight:bold;


}


.btn-outline:hover{


border-bottom: 1px solid #FFFFFF;


    


}


.btn-outline h4{


    display:inline;


    color:#f1f1f1;


}


.btn-outline:hover{


    color: #FFFFFF;


}


.btn-outline:hover i,


.btn-outline:hover h4,


.btn-outline:hover{


    color: #555555!important;


}


/*info-grid*/


.grid-item {


    min-height:3em;


    color:#555555;


    width:100%;


    display:block


} 





.grid-item h4,.grid-item b{


    padding-top:4px;


    color:#555555;


}


.grid-item.finished{


    color:#C0C0C0!important;


}


#zoom-box .block-remote-content {


    display:block;


}


#zoom-box .grid-block-content h3 {


    font-size:1.8em;


    font-family: 'Roboto', 'Open Sans'!important;


    -webkit-font-smoothing: antialiased;


    font-weight: 100;


}


.grid-item .avatar,


#zoom-box .avatar{


    margin-top:20px;


    margin-left:60px;


    margin-right: 10px;


    float:left;


    


}





.grid-item .avatar,


#zoom-box .avatar{


    width:50px;


    height:50px;


    


         -webkit-border-radius: 50%;


     -moz-border-radius: 50%;


          border-radius: 50%;


}





.block-view .avatar,


#zoom-box .avatar{


    margin-left:20px;


}


.grid-item .avatar2{


     max-width:100px;


    max-height:90px;


    margin-right: 20px;


}


.result-item .grid-item-icon{


    float:left;


   height:100%;


   min-height:90px;


}


.result-item h3{


    font-size:1.4em;


}


 .result-item p,


 .result-item .html{


     color:#808080;


 }


.grid-item .avatar{


     margin:10px;


}


.grid-item .btn i {


    font-size: 1.5em;


}


.grid-item .btn{


    cursor: pointer;


}





.result-item{


    cursor:pointer;


    border-bottom: 1px solid #e1e1e1;


    margin-bottom:10px;


}


.grid-block:not(.empty){


    background-color: RGBA(255,255,255,1);


    background-image: url(/img/mini1.jpg);


     background-repeat: no-repeat;


     background-position: top left;


     border:1px solid #FFFFFF;


     -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2);


     -moz-box-shadow: 0 2px 5px rgba(0,0,0,.2);


          box-shadow: 0 2px 5px rgba(0,0,0,.2);


  


}


.grid-block {


    


  color: #555555;


  margin-left:5%;


  width: 90%;


  


   margin-bottom:20px;


  height:100px;


  overflow:hidden;


  opacity:1;


  cursor:pointer;


  text-align: left;


}





.grid-block-content{


  margin-left:80px;  


}


.grid-item .content {


    padding:50px;


    margin-top:20px;


    padding-top:0px;


    display:none;


    overflow:auto;


    -webkit-overflow-scrolling: touch;


}


.grid-block.selected,.grid-block.hover{


    background-image: url(/img/mini3.jpg);


  width:100%;


  margin-left:0;


  height:115px;


  overflow:visible;


  opacity:1;


}


.grid-block.selected{


   background: #FFFFFF;


    height:800px!important;


    width:100%;


    cursor:normal;


}


.grid-block.selected .grid-block-content p{


    opacity:0;


}


.grid-block h1, .grid-block h3, .grid-block p,.grid-block .avatar, .grid-block .block-info,.grid-block b{


  color: #555555;


}


.grid-block .block-info,


#zoom-box  .block-info{


     margin-top: 20px;


     padding-right:10px;


 }


 .grid-block .close,


 #zoom-box  .close{


      float:right;


      cursor:pointer;


      color:#555555;


      margin:10px;


      opacity:0;


 }


 .grid-block.selected .close{


     opacity:1;


 }


.grid-block .grid-block-content{


  margin-left:80px;  


   margin-top: 20px;


}


.grid-block.selected .grid-block-content{


    margin-left:20px;  


    padding-right:20px;


}





.grid-block .block-info,


#zoom-box .block-info


{


    float:right;


    text-align: center;


    max-width:50px;


}


.grid-block.selected .block-info{


   


    


}


.result-grid h3{


    color: #555555;


}


.validate-tag,


.cancel-tag


{


   min-width: 100px;


   color:#555555!important;


}


 .cancel-tag


{


   


    


}


.grid-item.finished .cancel-tag:not(.selected) ,


.grid-item.finished .validate-tag:not(.selected) {


    color:#F1F1F1!important;


}


.grid-item.finished:hover .validate-tag:not(.selected),


.grid-item.finished:hover .cancel-tag:not(.selected)


{


  


   color:#c0c0c0!important;


}


/*OPTION GRID*/


.option-grid {


    position:absolute;


    left: 17px;


    top:94px;


    width:auto;


    height: 1;


    opacity: 0;


    overflow:hidden;


    z-index: 1000;


    display:none;


    margin-left: -50px;


}


body.read-this .option-grid {


    height: 80%;


    opacity: 1;


    overflow:visible;


    display:block;


}


.option-grid .grid-item{


    padding: 10px;


    border:1px solid transparent;


    cursor:pointer;


    height:55px;


}


.option-grid .grid-item{


 color:#F2EBE1!important;


 cursor:pointer;


 


}





.option-grid .grid-item i.icon {


    float:left;


    font-size:2.5em;


    color:#e1e1e1!important;


}


.option-grid .grid-item-content{


    margin-left: 50px;


    display:none;


  


}





.option-grid .grid-item:hover


   {


    width:auto;


     background-color: #FFFFFF;


     border: 1px solid #C0C0C0;


      -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.2);


     -moz-box-shadow: 0 5px 5px rgba(0,0,0,.2);


          box-shadow: 0 5px 5px rgba(0,0,0,.2);


}


.option-grid .grid-item:hover .grid-item-content


{


    display:block


}


.option-grid .grid-item:hover i.icon,


.option-grid .grid-item.selected  i.icon


{


    color:#555555!important;


}


/*OPTION GRID*/


.infinite-carousel .all,


.infinite-carousel .next-items{


    float:right;


    


    font-size:1em;


}


.infinite-carousel .all i,


.infinite-carousel .next-items nobr{


    right:37px;


    position: absolute;


}


.infinite-carousel {


    text-align:center;


    margin-top:-100px;


}


.infinite-carousel .viewport{


              height:370px;


              overflow:hidden;


        max-width:900px;   


        margin-top:10px;


            }











.block-remote-content {


    display:none;


}


.infinite-carousel .pre,


.infinite-carousel .next{


   width:100px;


   padding-top: 10px;


   padding-left:50px;


   padding-right:50px;


}





.infinite-carousel.init .pre,


.infinite-carousel.init .next,


.infinite-carousel:hover .pre,


.infinite-carousel:hover .next{


    border:1px solid #F7BF71;


     -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.2);


     -moz-box-shadow: 0 5px 5px rgba(0,0,0,.2);


          box-shadow: 0 5px 5px rgba(0,0,0,.2);


}


.infinite-carousel:not(.block-view) h1,


    .infinite-carousel:not(.block-view) h4,


    .infinite-carousel:not(.block-view) grid-block.empty{


        opacity:0px;


        height:0px;


        position: absolute;


        right:-500px;


    } 


 .grid-block-info-icon{


     float:right;


     color:#C0C0C0;


     font-size:1em;


     margin-top:-23px;


     margin-right:-7px;


     display:none


 }


/*GRIDBLOCK VIEW*/


 .block-view .grid-block-info-icon{


     display: block;


 }


.infinite-carousel.block-view{


    margin-top:0px;


    padding:0px;


}





.swiper-slide.slide-4 .page-head{


        display:none;


    }


   .large_screen{


        display:none;


    }  


@media screen and (min-width : 1280px){


  


     body {


         font-size:15px;


         


     }


   .infinite-carousel.block-view h1{


        display: none;


    } 


    .swiper-slide.slide-4 .page-head{


        display:block;


        width:20%;


        margin-left:5%;


        position:absolute;


        top:10%;


    }


    .large_screen{


        display:block;


    }


}


.infinite-carousel.block-view .pre,


.infinite-carousel.block-view .next,


.infinite-carousel.block-view .next-items{


    display:none


}





.infinite-carousel.block-view .viewport{


              height:auto;


              overflow:visible;


}


.infinite-carousel.block-view .grid-block{


    width: 200px!important;


    float:left;


    margin-left:20px;


    background:#FFFFFF;


    height:150px;


    padding: 10px;


    margin-top:20px;


   overflow:hidden;


   


}


.infinite-carousel.transform .grid-block *{


    display:none;


}


.infinite-carousel.block-view .block-info{


    display:none;


}


.infinite-carousel.block-view .grid-block-content{


    margin:0px;


    text-align: left;


    


}


.infinite-carousel.block-view .close{


    display:none;


}


.infinite-carousel.block-view .grid-block-icon{


    position:absolute;


    margin-left:55px;


    margin-top:-46px;


}


.infinite-carousel.block-view h3{


    display:block;


    width:100%;


    margin:0px;


    margin-top:20px;


    margin-bottom:10px;


    padding:0px;


    font-size:0.9em;


    text-align: left;


    font-family: 'Open Sans';


 


}





.infinite-carousel.block-view .grid-block-content{


    margin:0px;


    padding: 0px;


    text-align: left;


     font-size:0.9em;


    }


#zoom-box {


    z-index:1000;


    background: #FFFFFF;


    width:110;


    height:110;


    


    position: fixed;


      top: 50%;


      left: 50%;


  /* bring your own prefixes */


      transform: translate(-50%, -50%);


    border:0px;


    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.2);


     -moz-box-shadow: 0 5px 5px rgba(0,0,0,.2);


          box-shadow: 0 5px 5px rgba(0,0,0,.2);


   


    text-align:left;


    color:#555555!important;


    display:nones;


    overflow:hidden;


}


.content h1{


    display:none;


}


#zoom-box  h1,


#zoom-box  h3,


#zoom-box  p,


#zoom-box b{


    color:#555555!important;


}


#zoom-box a{


    color:#002633!important;


    font-weight:bold;


}


#zoom-box .grid-block-content{


    margin:20px;


}





#zoom-box .close{


      float:right;


      cursor:pointer;


      color:#555555!important;


      margin:10px;


      opacity:1;


      display: block;


 }


 


#zoom-box .content{


    position:absolute;


    padding: 20px;


    padding-left:82px;


    overflow:auto;


    


}





/*FORm ELEMENTS*/


.form-area{


    max-width:600px;


    padding-left:50px;


}


.welcome{


    padding:20px;


}


.form-element{


    margin-bottom: 10px;





}


.form-element.half,.form-element.half2{


    width:50%;


    float:left;


}


.form-element.half2{


    margin-left:8px;


}


.hidden{


    display:none;


}


.form-element-description{


    width: 100%;


    margin:10px;


}


.form-element label{


    float: left;


    color: #808080;


    width: 100%;


    font-size:0.8em;


    padding-top:10px;


}





.form-element input,.form-element select{


    border:0;


    border-bottom: 1px solid #C0C0C0;


    width:100%;


    font-size: 1.2em;


    padding:5px;


    


}


.form-element .button{


    float:right;


}


input.form-input, select.form-input{


     -webkit-border-radius: 0px;


     -moz-border-radius: 0px;


          border-radius: 0px;


             border: 0;


                border-bottom:1px solid #C0C0C0;


           padding:7px;


           font-size: 1.2em!important;


           margin-top:5px;


}


.form-element-message{


    color:red;


    font-size:0.8em;


    position:absolute;


    right:10px;


}


.page-content .form-element-description{


    color:#FFFFFF;


}


.form-element.warning label{


    


}


.form-element.warning input{


    border-color: red!important;


    color:red


}


.form-footer{


    text-align: right;


}


.form-footer .btn{


    padding: 5px 10px;


}


.form-success,.form-error{


    display: none;


    background: #f1f1f1;


    border:#e1e1e1;


    color:#555555;


    padding:20px;


    text-align: center;


     -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.2);


     -moz-box-shadow: 0 5px 5px rgba(0,0,0,.2);


          box-shadow: 0 5px 5px rgba(0,0,0,.2);


         cursor:pointer;


}


.form-error{


    color:red;





}


.btn-float{


  


  position: fixed;


  bottom:40px;


  /*right:-100px;*/


  right:40px;


   /*background: #FEC12A;


    color: #FFFFFF;


  border-color: transparent;


  width:50px;


  height:50px;





 border-radius: 50%;*/


 


 


 z-index: 100;


}


.pie-wrapper .icon {


    color: RGBA(255,255,255,0.25) !important;


    margin-top: 7px;


    margin-left: -10px;


    position:absolute;


 }


 .btn-float .set-size:hover .icon {


     margin-top:12px;


     font-size: 1.5em;


 }


 .pie-wrapper.filled .icon{


    color: RGBA(255,255,255,1) !important;


 }


 .half-circle{


    border-color: #4CBE00!important;


}


.pie-wrapper .shadow{


    border: 0.1em solid RGBA(255,255,255,0.1);


}


.btn-float:hover .pie-wrapper .shadow{


    border: 0.1em solid RGBA(255,255,255,0.3);


}


.btn-float *{


    cursor:pointer;


}


.btn-float:hover  .glyphicon{


  color: RGBA(255,255,255,1)!important;


}


.btn-float:hover .half-circle{


    border-color: #4CBE00!important;


}


.text-found{


    cursor:pointer;


  color: #FEC106;


  font-weight: bold;


  display:none;


}


.text-found:hover{


    color:#FFFFFF;


}





.navbar-logo {


    cursor:pointer;


    background: url('/img/nkc logo ori.png') no-repeat!important;


   width:300px;


   height:42px;


   position:fixed;


   left:10px;


   top:10px;


   z-index:1000;


   padding-left:45px;


   font-family: 'Open Sans';


   font-size: 14px!important;


   line-height: 19px;


 


}


#user_name{


    padding-right:20px;


}


body.step4 .navbar-logo


{


    


    background-image: url('/img/nkc logo.png')!important;


    


}








.language-en .navbar-logo,


.language-du .navbar-logo{


    font-size:20px!important;


    


}


.navbar-language a{


    opacity:0.5;


}


.navbar-login{


    opacity:0.5;


}


.navbar-language a.selected,


.navbar-language:hover a{


    opacity:1;





} 


.navbar-language a.selected,


.navbar-login:hover{


    


    color:#FFC600;


    font-weight:bold;


}


.popup img{


 width:100%;


  


}


img.zoom{


     -moz-transform: scale(1.5);


  -webkit-transform: scale(1.5);


  transform: scale(1.5);


 width:150%;


}


.show_authenticateds,


body.authenticated .show-register{


    display:none


} 


body.authenticated .show_authenticated{


    display: block!important;


}





.grid-block.empty {


    background: transparent!important;


}





ul#double{


  width:100%;


  overflow:hidden;


}


ul#double li{


  list-style-type: none;


  float:left;


  width:50%


}


.boxed-header,.boxed-footer{


    display:none;


    text-align:center;


}


.boxed-indent{


    padding-left:30px;


    


}


button#register{


    margin-top:10px;


    float:right;


}


.boxed#register-form input {


    font-size: 1em !important;


    padding: 7px;


    border: 1px solid #C0C0C0;


    padding-left: 10px;


    margin-left:30px;


    margin-right:30px;


     -webkit-border-radius: 5px;


    -moz-border-radius: 5px;


    border-radius: 5px;


    width:411px;


}





.boxed#register-form .form-inner{


    margin-top:20px;


}





.boxed#register-form button#register {


    margin-right: 150px;


    padding: 5px 30px;


    -webkit-border-radius: 22px;


    -moz-border-radius: 22px;


    border-radius: 22px;


    height: 45px;


}





#register-form.boxed .boxed-footer{


    color:#C0C0C0;


    font-size:0.8em;


}


#register-form.boxed .boxed-header,


#register-form.boxed .boxed-footer{


    display:block;


}


#register-form ul#double{


    padding-left:30px;


}


#register-form.boxed span,


#register-form.boxed b{


    text-align:center;


   


}


#register-form.boxed{


    display:none;


    background: RGBA(255,255,255,01);


    border:1px solid #808080;


    height:auto;


    padding-bottom: 40px;


    padding:30px;


    width:540px;


    font-size:16px;


    -webkit-border-radius: 22px;


    -moz-border-radius: 22px;


    border-radius: 22px;


    overflow: hidden;


    max-height: 90%;


}


#register-form.boxed *{


    color:#555555;


}





#register-form.boxed label{


    display:none;


}


#register-form.boxed input{


    border-bottom:1px solid #C0C0C0;


}





@media print {


    #zoom-box {


        background-color: white;


        height: 100%;


        width: 100%;


        position: fixed;


        top: 0;


        left: 0;


        margin: 0;


        padding: 15px;


        position: fixed;


      top: 0px;


      left: 0px;


  /* bring your own prefixes */


      transform: translate(0, 0);


    -webkit-box-shadow:none;


     -moz-box-shadow: none;


          box-shadow: none;


    }


    .hide_print{


     display:none;   


    }


    * {


    overflow:visible;


  }


}


@media screen and (max-height : 800px){


   #register-form.boxed{


       overflow:auto;


   }


   #main-search-tags{


       margin-top:20px;


   }


    h1.boxed-header{


        font-size: 1.5em;


    }


    span.boxed-header{


        display:none!important;


    }


    .swiper-slide.slide-2 .page-content {


        margin-top: 2%;


        max-height: 65%;


    }


    .swiper-slide.slide-3 .page-content, 


    .swiper-slide.slide-4 .page-content {


        margin-top: 2%;


        max-height: 95%;


    }


    .swiper-slide.slide-2 .page-head, .swiper-slide.slide-3 .page-head, .swiper-slide.slide-4 .page-head {


    margin-left:0;


    margin-right:0;


    width: 40%;


    padding-left: 3%;


    padding-right: 30px;


    


}


}





@media screen and (max-height : 600px){


     body {


         font-size:12px;


         


     }


    body.multi-select .tt-menu{


        


        


        margin-left:0px;


        padding-left:0px;


    


    }


    body.multi-select .branche-item{


        width: 7em!important;


        margin-top:1em;


        


    }


}


.main-tag-back{


    color:white;


    float:left;


    margin-top:10px;


    margin-left:-30px;


    cursor:pointer;


}


.main-tag-back.employee{


margin-top:-20px;


    


}


.dropdown-header-extra .icon-user{


    position:absolute;margin-top:52px;left:141px;


}


.dropdown-header-extra .icon-users{


   position:absolute;margin-top:52px;right:101px;


}


.tt-dataset-employee{


    text-align:center


}


.navbar-language{


    cursor:pointer;


    position:fixed;


    right:10px;


    top:15px;


    z-index:1000;


}


.hide-desktop {


    display:none


} 


@media screen and (max-width : 1280px){


        body.step2 .navbar-logo{


            color:transparent;


        }


}


@media screen and (max-width : 800px){


     body {


         font-size:12px;


         


     }


     .navbar-language{


         right:40px;


     }


     .navbar-logo {


         font-size:12px!important;


         padding-left:35px;


         line-height: 1.3em;


          background-size: 30px!important;


     }


     .language-en .navbar-logo,


    .language-de .navbar-logo{


         font-size:14px!important;


         padding-top:5px!important;


        


        


     }


     .hide-desktop {


        display:block


    } 


     .hide-mobile {


        display:none


    } 


    .navbar-logo{


        background-size: 35px !important;


    }


    body.step2 .navbar-logo


    


{


    color:#FFFFFF;


    background-image: url('/img/nkc logo.png')!important;


    


}


    #button_reload, #button_main_start {


      margin-left: -55px;


  }





     .page-head {


         text-align: left;


         padding-left:20px;


         display:none;


     }


     .main-tag-back{


         margin-left:10px;


         margin-top:0px;


     }


     .select-header {


         font-size:1.4em!important;


         margin-bottom:10px;


     }


     #main-search-tags,.page-head{


             left: 0px;


          margin: 0px;


          padding:0px;


    }


   #main-search-tags{


        top: 50px;


          left: 0px;


          bottom:0px;


          


   }


   body.step2 #main-search-tags{


       display:none;


   }


   body.multi-select .tt-menu{


    margin-top: 0px!important;


    background: RGBA(0,0,0,0.5);


    max-height:auto;


    margin-left:0px;


    padding-left:10px;


    margin-right:10px;


}


    .tt-suggestion{


        padding:0px;


    }


    .employee-item{


        padding:7px;


    }


    .employee-item.first{


   margin-left:-30px!important;


} 


.dropdown-header-extra .icon-user{


    left:20px;


    


}


.dropdown-header-extra .icon-users{


   right:50px;


}


    .swiper-slide.slide-2  .page-content,


    .swiper-slide.slide-2 .page-head,


    .swiper-slide.slide-3  .page-content,


    .swiper-slide.slide-3 .page-head{


        margin-left:0px;


        width:100%;


    }


    .main-button-prev{


        margin-top: 30px!important;


    }


    body.step2 .swiper-slide.slide-2{


    margin-top:0px;


    padding-top:75px;


}


    .grid-item{


        border-bottom: 1px solid #E1E1E1;


    }


    .question-item::after {


        content: " ?";


    }


    .tag-result ul{


        padding: 5px;


        margin-left:10px;


    }


    .form-area{


        padding-top: 80px !important;


        padding-left:20px;


        width:95%!important;


        padding-bottom:50px;


    }


    


}


i.icon-support{


     content: " ";


    white-space: pre;


    background: transparent url(support.svg) no-repeat center center;


    background-size: auto auto;


    background-size: 35px 35px;


    height: 35px;


    width: 35px;


}


.alertable *{


    color: #555555!important;


}





.alertable-ok {


    background: #C0C0C0!important;


    border: solid 1px #808080!important;


    color: #808080!important;





}


.alertable-ok:hover{


    color:#FFFFFF!important;


     background: #09d!important;


}


.alertable.info{


    width:600px;


    left: calc(50% - 300px);


    margin-top:-150px;


}


.alertablea.info .alertable-ok{


    position: absolute;


    right: 10px;


    top: 10px;


}





form.alertable.cookie{


    background: RGBA(255,255,255,0.9);


    width: 100%;


    left: 0;


    bottom: 0;


    top: auto;


    z-index: 9999999;


    border-radius: 0px;


}


form.alertable.cookie .alertable-buttons {


    width: 100px;


    float: right;


    margin-top: -40px;


}


form.alertable.cookie .alertable-message {


    margin-bottom: 0px;


    margin-right: 100px;


}