.circle {
    position: relative;
    top: 10px;
    left: 10px;
    text-align: center;
    width: 200px;
    height: 200px;
    border-radius: 100%;
    background-color: #E6F4F7;
}

.active-border {
    position: relative;
    text-align: center;
    width: 220px;
    height: 220px;
    border-radius: 100%;
    background-color: #39B4CC;
    background-image: linear-gradient(162deg, transparent 50%, #A2ECFB 50%), linear-gradient(90deg, #A2ECFB 50%, transparent 50%);
}

/*.buttontextRight {
    float: right;
    margin-top: -8px;
    margin-right: 4px;
    color: #000;
}

.buttontextLeft {
    float: left;
    margin-top: -8px;
    margin-left: 4px;
    color: #000;
}*/


imgbuttonT {
    color: #000;
    width: 260px;
}



.buttontext11 {
    text-align: left;
    float: left;
   
   
}

.buttontextC {
    text-align: left;
    float: left;
    margin-top:-2px;
   
   
}
.buttontextW {
    text-decoration: none;
 
    text-align: left;
    cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
    vertical-align: middle;
    color: #303030;
}
.btnLeft {
    text-decoration: none;
    cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
    color: #303030;
}
.btnLeftBack {
    text-decoration: none;
    cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
    color: #303030;
}

.buttontextP {
    text-decoration: none;
   
    padding-top: 8px;
    padding-left: 15px;
    white-space: nowrap;
    float: left;
    margin: auto;
    text-align: left;
     cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
    vertical-align: middle;
    left: 0;
    right: 0;
    top: 0;
   
   
   
   
   
}

.buttontextLL {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 22px;
    text-align: center;
    line-height: 1em;


   
}
.buttontext11M {
    text-align: left;
  font-size: 1.0em;
  line-height:1.0em;
  font-weight:800;
    color: #000;
}

.LabeltextM {
   width:100%;
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: 800;
    color: #000;
}

.buttontextR {
    float: right;
    margin-top: -8px;
    margin-right: 0px;
   
    text-align: center;
    border-left: #8cb2d6 2px solid;
    border: #8cb2d6 2px solid;
    border-top: #c1c1c1 2px solid;
    border-right: #c1c1c1 2px solid;
 
    color: #000;
   
}



.buttontextA {
    float: right;
    margin-top: -8px;
    margin-right: 4px;
    color: #000;
    height:32px;
    width:32px;
}
    .buttontextA:hover {
        cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
    }

   #wijzigknop:hover {
        cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
    }

.ImageSize64 {
    height:32px;
    width:32px;
    float: right;
    margin-top: -8px;
    margin-right: 4px;
    color: #000;
}


.buttontextF {
    float: right;
    margin-top: -8px;
    margin-right: 4px;

    color: #000;
   
}
.buttontextL {
    float: right;
    margin-top: -8px;
    margin-right: 0px;
    color: #000;
   
}


.buttontextG {
    float: right;
    margin-top: -8px;
    margin-right: -4px;
     cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
    color: #000;
   
}

.ImgBtn1 {
     cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
    float: right;
    margin-top: -8px;
    margin-right: 4px;
    color: #000;
   
}




.buttontextLeft {
    float: left;
    margin-top: -8px;
    margin-right: 10px;
   
   
    color: #000;
   
}




.buttontextGrid {
    
    margin-top: 1px;
    text-align: center;
   
   
   
    color: #000;
   
}

.buttontextS {
    width:90%;
   
    margin-left: 10px;
    border-left: #8cb2d6 2px solid;
    border: #8cb2d6 2px solid;
    border-top: #c1c1c1 2px solid;
    border-right: #c1c1c1 2px solid;
   
    color: #000;
   
}

.buttontextH {
    padding-top: 10px;
    border-left: #8cb2d6 2px solid;
    border: #8cb2d6 2px solid;
    border-top: #c1c1c1 2px solid;
    border-right: #c1c1c1 2px solid;
   
    color: #000;
   
}

.buttontextLogo {
    text-decoration: none;
 
    padding-left: 20px;
    text-align: left;
    padding-top: 6px;
 
   
    color: #fff;
   
}

@media (max-width: 350px) {

    .buttontextLogo {
        text-decoration: none;
        padding-left: 20px;
        text-align: left;
        padding-top: 4px;
       
        color: #fff;
       
        display: none;
    }


}

.buttontext007 {
    text-decoration: none;
    margin-top: 10px;
    margin-bottom: 10px;

    float: left;
    text-align: left;
     cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
    margin-left: 15px;
   
    color: #2c2c2c;
   
}

.buttontextL2 {
    text-decoration: none;
    margin-top: 10px;


    float: left;
    text-align: left;
     cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
    margin-left: 20px;
   
    color: #fff;
   
}


    .buttontextL2:hover {
        opacity: 0.9;
         cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
        animation: 0.4s fadeIn 0.1s;
        animation-name: boxTransitionScale;
        animation-duration: 0.4s;
        animation-fill-mode: forwards;
    }

    .buttontext22 {
        float: right;
        margin-top: -7px;
        margin-right: 2px;
        padding: 2px 2px 2px 2px;
        text-align: center;
        border-left: #8cb2d6 2px solid;
        border: #8cb2d6 2px solid;
        border-top: #c1c1c1 2px solid;
        border-right: #c1c1c1 2px solid;
       
        color: #000;
       
    }

    .buttontext33 {
        float: right;
        margin-top: -4px;
        margin-right: 4px;
        padding: 2px 2px 2px 2px;
        text-align: center;
       
        border-top: #c1c1c1 2px solid;
        border-right: #c1c1c1 2px solid;
        border-left: #ceaa63 2px solid;
        border-bottom: #ceaa63 2px solid;
        color: #000;
        width: 30px;
       
    }




.RPaneltextHoofd2 {
    padding: 0px 2px 2px 2px;
    color: #000;
    background: #f8f8f8;
    /*border: solid 1px #d9d9d9;
    border-left: solid 8px #ff8750;*/
    font-size: 1em;
}

.RPaneltextHoofd3 {
    padding: 13px 2px 2px 2px;
    color: #000;
    background: #f8f8f8;
    /*border: solid 1px #d9d9d9;
    border-left: solid 8px #ff8750;*/
    font-size: 1em;
}

.RPaneltextHoofd4 {
    padding: 8px 2px 2px 2px;
    color: #000;
    background: #f8f8f8;
    /*border: solid 1px #d9d9d9;
    border-left: solid 8px #ff8750;*/
    font-size: 1em;
}

.RPaneltextHoofd {
    border-right: solid 1px #d9d9d9;
    border-left: solid 1px #d9d9d9;
    /*border-bottom: solid 1px #d9d9d9;*/
    border-top: solid 1px #d9d9d9;
    padding: 10px 2px 10px 10px;
    color: #000;
    background: #f8f8f8;
    /*border: solid 1px #d9d9d9;
    border-left: solid 8px #ff8750;*/
    font-size: 1em;
}

.RPaneltextOrangeVakkenEnd {
    padding: 2px 25px 0px 25px;
    color: #000;
    background: #f8f8f8;
    border-right: solid 1px #d9d9d9;
    border-left: solid 1px #d9d9d9;
    border-bottom: solid 1px #d9d9d9;
    border-top: solid 1px #d9d9d9;
    /*border-left: solid 8px #ff8750;*/
    font-size: 0.8em;
    vertical-align: middle;
    height: 36px;
}


.RPaneltextOrangeVakken {
    /*padding: 8px 25px 5px 25px;*/
    /*padding: 3px 25px 0px 25px;*/
    padding: 4px 0px 0px 25px;
    color: #000;
    background: #f8f8f8;
    border-right: solid 1px #d9d9d9;
    border-left: solid 1px #d9d9d9;
    /*border-bottom: solid 1px #d9d9d9;*/
    border-top: solid 1px #d9d9d9;
    /*border-left: solid 8px #ff8750;*/
    font-size: 0.8em;
    vertical-align: middle;
    height: 36px;
}

.RPaneltextOrangeVakkenk {
    /*padding: 8px 25px 5px 25px;*/
    padding: 2px 25px 0px 25px;
    color: #000;
    background: #f8f8f8;
    border-right: solid 1px #d9d9d9;
    border-left: solid 1px #d9d9d9;
    /*border-bottom: solid 1px #d9d9d9;*/
    border-top: solid 1px #d9d9d9;
    /*border-left: solid 8px #ff8750;*/
    font-size: 0.8em;
    vertical-align: middle;
    height: 36px;
}

.RPaneltextOrangeVakkenU {
    padding: 10px 0px 10px 10px;
    color: #000;
    background: #f8f8f8;
    border-right: solid 1px #d9d9d9;
    border-left: solid 1px #d9d9d9;
    border-bottom: solid 1px #d9d9d9;
    border-top: solid 1px #d9d9d9;
    /*border-left: solid 8px #ff8750;*/
    font-size: 0.8em;
}


.RPaneltextOrangeVakkenNoTop {
    padding: 2px 25px 20px 25px;
    color: #000;
    background: #f8f8f8;
    border-right: solid 1px #d9d9d9;
    border-left: solid 1px #d9d9d9;
    /*border-bottom: solid 1px #d9d9d9;*/
    /*border-left: solid 8px #ff8750;*/
    font-size: 0.8em;
    vertical-align: middle;
    /*height: 50px;*/
}

.RPaneltextOrangeVakkenKnoppen {
    /*padding: 2px 25px 20px 25px;*/
    color: #000;
    background: #f8f8f8;
    border-right: solid 1px #d9d9d9;
    border-left: solid 1px #d9d9d9;
    /*border-bottom: solid 1px #d9d9d9;*/
    /*border-left: solid 8px #ff8750;*/
    font-size: 0.8em;
    vertical-align: middle;
    height: 40px;
}

.RlabelknopDateR {
    cursor: pointer;
    float: right;
    margin-right: 8px;
    height: 32px;
    text-align: center;
    background-color: #e54545;
    border: #802525 1px solid;
    /*background-color: #63a68c;*/
    color: #fff;
    width: 120px;
    font-size: 1.2em;
    font-weight: 500;
    /*margin-left: 150px;*/
}

    .RlabelknopDateR:hover {
        border: #802525 2px solid;
        cursor: pointer;
    }



.RlabelknopDateG {
    float: right;
    margin-right: 8px;
    height: 32px;
    padding: 4px 4px 4px 4px;
    text-align: center;
    background-color: #79d195;
    border: #63a68c 1px solid;
    /*background-color: #63a68c;*/
    color: #000;
    width: 120px;
    font-size: 1.2em;
    font-weight: 500;
    /*margin-left: 150px;*/
}

.buttonStyl2G {
    background-color: #79d195;
    border: none;
    color: #000;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
}

.RlabelknopDateO {
    float: right;
    margin-right: 8px;
    height: 32px;
    padding: 4px 4px 4px 4px;
    text-align: center;
    background-color: #c1c1c1;
    border: #949494 1px solid;
    /*background-color: #63a68c;*/
    color: #000;
    width: 120px;
    font-size: 1.2em;
    font-weight: 500;
    /*margin-left: 150px;*/
}

.buttonStyl2O {
    background-color: #c1c1c1;
    border: none;
    color: #000;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
}

.RlabelknopDateX {
    float: right;
    margin-right: 8px;
    height: 32px;
    padding: 4px 4px 4px 4px;
    text-align: center;
    background-color: #c1c1c1;
    border: #949494 1px solid;
    /*background-color: #63a68c;*/
    color: #000;
    width: 60px;
    font-size: 1.2em;
    font-weight: 500;
    /*margin-left: 150px;*/
}

    .RlabelknopDateX:hover {
        background-color: #949494;
        border: #585858 2px solid;
        cursor: pointer;
    }


.buttonStyl2e {
    background-color: #33a4b4;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
}

    .buttonStyl2e:hover {
        cursor: pointer;
        background-color: #2d7c87;
    }




.RlabeltextDateKOP {
    float: right;
    /*margin-top: -4px;*/
    margin-right: 8px;
    padding: 4px 4px 4px 4px;
    text-align: center;
    background-color: #ffd97d;
    border: #ceaa63 1px solid;
    color: #000;
    width: 120px;
    font-size: 1.2em;
    font-weight: 600;
}

.Rlabeltext13em {
    /*float: left;*/
    /*margin-top: -4px;*/
    margin-right: 8px;
    padding: 6px 4px 6px 0px;
    text-align: left;
    /*background-color: #8cb2d6;*/
    color: #000;
    /*width: 40px;*/
    font-size: 1.5em;
    font-weight: 500;
    /*margin-left: 150px;*/
}



.Rlabeltext12em {
    text-align: left;
    /*margin-left: 150px;*/
    font-size: 1.3em;
}


.Rlabeltext2em {
    text-align: left;
    /*margin-left: 150px;*/
    font-size: 2.2em;
}

.Rlabeltext15em {
    text-align: left;
    /*margin-left: 150px;*/
    font-size: 1.5em;
}

.Rlabeltextsmall {
    text-align: left;
    /*margin-left: 150px;*/
    font-size: 0.9em;
    font-weight: 100;
}



    .labeltext1 {
        color: #000;
    }

    .labeltext2 {
        float: left;
     
        margin-right: 20px;
        color: #393939;
    }
.labeltext3 {
  
    text-align:center;
    color: #393939;
}
.labeltextRr {
    float: left;
    margin-right: 20px;
    color: #c60018;
    font-size: 1em;

}
.labeltext11 {
    text-align: left;
   
}

.labeltext11 {
    text-align: left;
   
}


.labeltextV {
    float: right;
    margin-top: -4px;
    margin-right: 4px;
    padding: 2px 2px 2px 2px;
    text-align: center;

   
   
    color: #000;
    width: 25px;
   
}

    .labeltext22 {
        float: right;
        margin-top: -4px;
        margin-right: 4px;
        padding: 2px 2px 2px 2px;
        text-align: center;
       
        border-left: #8cb2d6 2px solid;
        border: #8cb2d6 2px solid;
        border-top: #c1c1c1 2px solid;
        border-right: #c1c1c1 2px solid;
       
        color: #000;
        width: 25px;
       
    }

    .labeltext33 {
        float: right;
        margin-top: -4px;
        margin-right: 4px;
        padding: 2px 2px 2px 2px;
        text-align: center;
        
       
        border-top: #c1c1c1 2px solid;
        border-right: #c1c1c1 2px solid;
        border-left: #ceaa63 2px solid;
        border-bottom: #ceaa63 2px solid;
        color: #000;
        width: 25px;
       
    }

    .labeltext44 {
        float: right;
        margin-top: -4px;
        margin-right: 4px;
        padding: 2px 2px 2px 2px;
        text-align: center;
       
        border-right: #c1c1c1 2px solid;
        border-top: #c1c1c1 2px solid;
        border-left: #63a68c 2px solid;
        border-bottom: #63a68c 2px solid;
       
        color: #000;
        width: 25px;
       
    }


.labeltext55 {
    float: right;
    margin-top: -4px;
    margin-right: 4px;
    padding: 2px 2px 2px 2px;
    text-align: center;
   
    border-top: #c1c1c1 2px solid;
    border-right: #c1c1c1 2px solid;
    border-left: #ceaa63 2px solid;
    border-bottom: #ceaa63 2px solid;
    color: #000;
    width: 50px;
   
}

.PaneltextTool1 {
    visibility: hidden;
  
    position: absolute;
    left: 35px;
    top: 0;
    color: white;
 
    background-color: #fff;
    text-align: center;
    /*width: 105px;*/
    height: 49px;
 
    z-index: 988;
}
.PaneltextTool {
    visibility: hidden;
    float: left;
     cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
    height: 48px;
    z-index: 988;
}

.labeltextKopTooltip {
    float: left;
    height: 22px;
    padding: 3px 2px 2px 2px;
    text-align: center;
    color: #fff;
    width: 35px;
     cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
    
}

.labeltexttooltip {
    float: left;
    height: 26px;
    padding: 5px 2px 0px 2px;
    text-align: center;
     cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
    color: #fff;
    width: 35px;
    
    font-weight: 600;
}

.deBoxPanel:hover .PaneltextTool {
    visibility: visible;
    cursor:pointer;
}


.PaneltextOrangeVakkenNoTop {
    padding: 10px 5px 10px 10px;
    color: #000;
    background: #f8f8f8;
    border-right: solid 1px #d9d9d9;
    border-left: solid 1px #d9d9d9;

    
}

.deBoxHoofdPanel {
    position: relative;
    display: inline-block;
    
    border-top: #c1c1c1 1px solid;
    /*border-right: #c1c1c1 1px solid;*/
    border-left: #c1c1c1 1px solid;
    /*border-bottom: #c1c1c1 1px solid;*/
}




.deBoxPanel {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 45px;
}

    .deBoxPanel:hover {
  
   
    }


.deBoxPanelTool {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 48px;
}


.labeltextKop {
    float: left;
    height: 22px;
    padding: 2px 2px 2px 2px;
    text-align: center;
    background-color: #fff;
    border-right: #c1c1c1 1px solid;
    border-bottom: #c1c1c1 1px solid;
    color: #000;
    width: 35px;
    cursor: zoom-in;
    
}


.labeltextP {
    float: left;
    height: 26px;
    padding: 5px 2px 0px 2px;
    text-align: center;
    background-color: #fff;
    border-right: #c1c1c1 1px solid;
    border-bottom: #c1c1c1 1px solid;
    /*border-right: #c1c1c1 1px solid;
    border-left: #c1c1c1 1px solid;
   */
    color: #000;
    width: 35px;
    cursor: zoom-in;
    
    font-weight: 600;
}

.LabelkopH {
    float: left;
    height: 23px;
    margin-top: -4px;
    margin-right: 2px;
    padding: 4px 2px 2px 2px;
    text-align: center;
    text-decoration: none;
    border: solid 1px #d9d9d9;
    background-color: #dcdcdc;
    width: 30px;
    color: #000;
     cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
    
    font-weight: 600;
}

    .LabelkopH:hover {
        color: #fff;
        background-color: #56b273;
    }

.LabelkopO {
    float: left;
    height: 23px;
    margin-right: 2px;
    margin-top: -4px;
    padding: 4px 2px 2px 2px;
    text-align: center;
    text-decoration: none;
    border: solid 1px #d9d9d9;
    background-color: #dcdcdc;
    color: #000;
    width: 35px;
     cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
    
    font-weight: 600;
}
    .LabelkopO:hover {
        color: #fff;
        background-color: #006cbc;
    }
.LabelkopH1 {
    float: left;
    height: 23px;
    margin-right: 2px;
    margin-top: -4px;
    padding: 4px 2px 2px 2px;
    text-align: center;
    text-decoration: none;
    color: #000;
    border: solid 1px #d9d9d9;
    background-color: #dcdcdc;
    width: 35px;
     cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
    
    font-weight: 600;
}
    .LabelkopH1:hover {
        color: #fff;
        background-color: #B388DD;
    }
.LabelkopH2 {
    float: left;
    height: 23px;
    margin-right: 2px;
    margin-top: -4px;
    padding: 4px 2px 2px 2px;
    text-align: center;
    text-decoration: none;
    background-color: #dcdcdc;
    border: solid 1px #d9d9d9;
    color: #000;
    width: 35px;
     cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
    
    font-weight: 600;
}
    .LabelkopH2:hover {
        color: #fff;
        background-color: #B388DD;
    }
.LabelkopH3 {
    float: left;
    height: 22px;
    margin-right: 2px;
    margin-top: -4px;
    padding: 4px 2px 2px 2px;
    text-align: center;
    text-decoration: none;
    color: #000;
    border: solid 1px #d9d9d9;
    background-color: #dcdcdc;
    width: 30px;
     cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
    
    font-weight: 600;
}
    .LabelkopH3:hover {
        color: #fff;
        background-color: #B388DD;
    }


    .labeltext6 {
    float: right;
    margin-top: -4px;
    margin-right: 4px;
    padding: 2px 2px 2px 2px;
    text-align: center;
    border-top: #c1c1c1 2px solid;
    border-right: #c1c1c1 2px solid;
    border-left: #56b273 2px solid;
    border-bottom: #56b273 2px solid;
    color: #000;
    width: 45px;
}


.labeltext6R {
    float: right;
    margin-top: -4px;
    margin-right: 4px;
    padding: 2px 2px 2px 2px;
    text-align: center;
   
    border-top: #c1c1c1 2px solid;
    border-right: #c1c1c1 2px solid;
    border-left: #c60018 2px solid;
    border-bottom: #c60018 2px solid;
    color: #000;
    width: 45px;
   
}

.boxit {
    font-weight: 600;
}
    .boxit2 {
        background-color: #d9d9d9;
    }


.deBox {
    position: relative;
    display: inline-block;
    width: 50px;
   
}



.detooltip { 
    visibility: hidden;
    position: absolute;
    color: white;
    font-size: 12px;
    background-color: #484848;
    border: 5px solid #56b273;
    text-align: center;
    height: 200px;
    width: 200px;
    top: 50px;
    z-index: 988;
}

.detooltipblue {
    visibility: hidden;
    position: absolute;
    color: white;
    font-size: 12px;
    background-color: #484848;
    border: 5px solid #3586a5;
    text-align: center;
    height: 200px;
    width: 200px;
    top: 50px;
    z-index: 987;
}

.deBox:hover .detooltip {
    visibility: visible;
}
.deBox:hover .detooltipblue {
    visibility: visible;
}

.detooltipLabel {
    background-color: #56b273;
    border: none;
    color: white;
    padding: 10px;
    
   
    margin-bottom: 5px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    height: 40px;
    width: 100%;
    z-index: 999;
}

.detooltipLabelblue {
    background-color: #3586a5;
    border: none;
    color: white;
    padding: 10px;
    margin-bottom: 5px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    height: 40px;
    width: 100%;
    z-index: 999;
}

.detooltipLabel2 {
    background-color: #484848;
    border: none;
    color: white;
    padding: 10px;
   
   
   
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    height: 60%;
    width: 100%;
}




        .myGridClass3 {
   
    margin-top: 10px;
    background-color: #fff;
   
    border: solid 1px #d9d9d9;
   
    border-collapse: collapse;
   
}

   
    .myGridClass3 td {
       
        border-left: solid 1px #d9d9d9;
       
       
        font-weight: 600;
        
        height: 26px;
        text-align: center;
    }

   
    .myGridClass3 th {
        font-weight: 200;
        padding-left: 9px;
        padding-right: 9px;
        color: #000;
        height: 22px;
       
        border-bottom: solid 1px #d9d9d9;
        
    }

   
    .myGridClass3 .myAltRowClass {
        background: #fcfcfc repeat-x top;
    }

   
    .myGridClass3 .myPagerClass {
        background: #424242;
    }

        .myGridClass3 .myPagerClass table {
            width: 100%;
            margin: 5px 0;
        }

        .myGridClass3 .myPagerClass td {
            width: 100%;
            border-width: 1px;
            padding: 0 6px;
            border-left: solid 2px #666;
            font-weight: bold;
            color: #fff;
            line-height: 12px;
        }

        .myGridClass3 .myPagerClass a {
            width: 100%;
            color: #fff;
            text-decoration: none;
        }

            .myGridClass3 .myPagerClass a:hover {
                color: #fff;
                text-decoration: none;
            }


    .myGridClass2 {
       
        background-color: #fff;
       
       
        border-collapse: collapse;
       
       
    }

       
        .myGridClass2 td {
            padding: 8px;
           
           
            border-right: solid 1px #c1c1c1;
           
            text-align: center;
            
            font-weight: bold;
            height: 36px;
        }

       
        .myGridClass2 th {
            padding: 8px 2px;
            color: #000;
           
            border-right: solid 1px #c1c1c1;
            
           
        }

       
        .myGridClass2 .myAltRowClass {
            background: #fcfcfc repeat-x top;
        }

.visibility {
    width: 0px;
}

.myGridClass4 {
    width: 100%;
   
    background-color: #484848;
   
    border: solid 1px #484848;
    border-top: solid 0px #484848;
   
   
}

   

    .myGridClass4 td {
        padding: 12px 8px 12px 12px;
        border-bottom: solid 1px #373737;
       
        font-weight: 700;
        
        height: 36px;
        color: #fff;
    }

    .myGridClass4 td a {
        color: #fff;
        text-decoration: none;
    }

.myGridClass4 th {
    padding: 8px 2px;
    color: #fff;
    background: #484848;
   
    
}


.myGridClass4 tr:nth-child(even) {
    background: #3b3b3b repeat-x top;
    color: #fff;
}

    .myGridClass4 tr:hover {
        background: #3586a5 repeat-x top;
        color: #fff;
         cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
    }
.myGridClass4 tr:focus {
    background: #3586a5 repeat-x top;
    color: #fff;
}


.myGridClass4 .myPagerClass {
    background: #484848;
    color: #fff;
}

    .myGridClass4 .myPagerClass table {
        margin: 5px 0;
    }

    .myGridClass4 .myPagerClass td {
        border-width: 1px;
        padding: 0 6px;
        border-left: solid 2px #666;
        font-weight: bold;
        color: #fff;
        line-height: 12px;
    }

    .myGridClass4 .myPagerClass a {
        color: #fff;
        text-decoration: none;
    }

        .myGridClass4 .myPagerClass a:hover {
            color: #fff;
           
           
        }




.myGridClassR {
    width: 100%;
    border: none;
    border: solid 1px #d9d9d9;
   
}



    .myGridClassR td {
        padding: 8px;
        /*border: solid 0px #e4e4e4;
        border-bottom: solid 1px #e4e4e4;*/
        font-weight: 600;
        border: none;
    }


        .myGridClassR td a {
            text-decoration: none;
        }

    .myGridClassR th {
        padding: 4px 2px;
        border: none;
        color: #4f4f4f;
        background: #d9d9d9;
    }




    .myGridClassR tr {
        cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
        padding: 10px;
        color: #000;
        border: none;
    }

        .myGridClassR tr:nth-child(odd) {
            background: #fff repeat-x top;
            color: #000;
        }

        .myGridClassR tr:nth-child(even) {
            background: #f8f8f8 repeat-x top;
            color: #000;
        }

        .myGridClassR tr:hover {
            cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
            color: #fff;
            background: #cdb9e1 repeat-x top;
        }




    .myGridClassR .myPagerClass {
        background: #484848;
        color: #fff;
    }

        .myGridClassR .myPagerClass table {
            margin: 5px 0;
        }

        .myGridClassR .myPagerClass td {
            /*border-width: 1px;*/
            padding: 0 6px;
            /*border-left: solid 2px #666;*/
            font-weight: bold;
            color: #fff;
        }

        .myGridClassR .myPagerClass a {
            color: #fff;
            text-decoration: none;
        }

            .myGridClassR .myPagerClass a:hover {
                color: #fff;
            }



    .myGridClassR:hover::-webkit-scrollbar {
        margin-right: -5px;
        width: 7px;
    }


    .myGridClassR:hover::-webkit-scrollbar-track {
        background: #d9d9d9;
    }


    .myGridClassR:hover::-webkit-scrollbar-thumb {
        background: #c1c1c1;
    }


        .myGridClassR:hover::-webkit-scrollbar-thumb:hover {
            background: #666;
        }


    .myGridClassR::-webkit-scrollbar {
        width: 0px;
    }


    .myGridClassR::-webkit-scrollbar-track {
        background: #d9d9d9;
    }


    .myGridClassR::-webkit-scrollbar-thumb {
        background: #c1c1c1;
    }


        .myGridClassR::-webkit-scrollbar-thumb:hover {
            background: #666;
        }






.myGridClassG {
    width: 100%;
    border: none;
    border: solid 1px #d9d9d9;
    border-radius: 17px;
}



    .myGridClassG td {
        padding: 8px;
        /*border: solid 0px #e4e4e4;
        border-bottom: solid 1px #e4e4e4;*/
        font-weight: 600;
        border: none;
    }


        .myGridClassG td a {
            text-decoration: none;
        }

    .myGridClassG th {
        padding: 4px 2px;
        border: none;
        color: #4f4f4f;
        background: #d9d9d9;
    }




    .myGridClassG tr {
        cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
        padding: 10px;
        color: #000;
        border: none;
    }

        .myGridClassG tr:nth-child(odd) {
            background: #fff repeat-x top;
            color: #000;
        }

        .myGridClassG tr:nth-child(even) {
            background: #f8f8f8 repeat-x top;
            color: #000;
        }

        .myGridClassG tr:hover {
            cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
            color: #fff;
            background: #cdb9e1 repeat-x top;
        }




    .myGridClassG .myPagerClass {
        background: #484848;
        color: #fff;
    }

        .myGridClassG .myPagerClass table {
            margin: 5px 0;
        }

        .myGridClassG .myPagerClass td {
            /*border-width: 1px;*/
            padding: 0 6px;
            /*border-left: solid 2px #666;*/
            font-weight: bold;
            color: #fff;
        }

        .myGridClassG .myPagerClass a {
            color: #fff;
            text-decoration: none;
        }

            .myGridClassG .myPagerClass a:hover {
                color: #fff;
            }



    .myGridClassG:hover::-webkit-scrollbar {
        margin-right: -5px;
        width: 7px;
    }


    .myGridClassG:hover::-webkit-scrollbar-track {
        background: #d9d9d9;
    }


    .myGridClassG:hover::-webkit-scrollbar-thumb {
        background: #c1c1c1;
    }


        .myGridClassG:hover::-webkit-scrollbar-thumb:hover {
            background: #666;
        }


    .myGridClassG::-webkit-scrollbar {
        width: 0px;
    }


    .myGridClassG::-webkit-scrollbar-track {
        background: #d9d9d9;
    }


    .myGridClassG::-webkit-scrollbar-thumb {
        background: #c1c1c1;
    }


        .myGridClassG::-webkit-scrollbar-thumb:hover {
            background: #666;
        }

/*hh*/














.myGridClassN {
    width: 100%;
    border: none;
    border: solid 1px #d9d9d9;
    /*border-radius: 17px;*/
    border-collapse: collapse;
    
    display: inline-block;
    overflow-y: hidden;
    overflow-x: hidden;
}

    .myGridClassN thead {
        height: 30px;
    }

    .myGridClassN tbody {
        width: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
        height: 85vh;
        display: inline-block;
    }



    .myGridClassN td {
        padding: 8px;
        /*border: solid 0px #e4e4e4;
        border-bottom: solid 1px #e4e4e4;*/
        font-weight: 600;
        border: none;
    }


        .myGridClassN td a {
            text-decoration: none;
        }

    .myGridClassN th {
        padding: 4px 2px;
        border: none;
        color: #4f4f4f;
        background: #d9d9d9;
    }




    .myGridClassN tr {
        cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
        padding: 10px;
        color: #000;
        border: none;
        /*width: 100% !important;
        display: inline-table;*/
    }
        .myGridClassN tr:nth-child(odd) {
            background: #fff repeat-x top;
            color: #000;
        }

        .myGridClassN tr:nth-child(even) {
            background: #f8f8f8 repeat-x top;
            color: #000;
        }

        .myGridClassN tr:hover {
            cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
            color: #fff;
            background: #cdb9e1 repeat-x top;
        }




    .myGridClassN .myPagerClass {
        background: #484848;
        color: #fff;
    }

        .myGridClassN .myPagerClass table {
            margin: 5px 0;
        }

        .myGridClassN .myPagerClass td {
            padding: 0 6px;
            font-weight: bold;
            color: #fff;
        }

        .myGridClassN .myPagerClass a {
            color: #fff;
            text-decoration: none;
        }

            .myGridClassN .myPagerClass a:hover {
                color: #fff;
            }



    .myGridClassN:hover::-webkit-scrollbar {
        margin-right: -5px;
        width: 7px;
    }


    .myGridClassN:hover::-webkit-scrollbar-track {
        background: #d9d9d9;
    }


    .myGridClassN:hover::-webkit-scrollbar-thumb {
        background: #c1c1c1;
    }


        .myGridClassN:hover::-webkit-scrollbar-thumb:hover {
            background: #666;
        }


    .myGridClassN::-webkit-scrollbar {
        width: 0px;
    }


    .myGridClassN::-webkit-scrollbar-track {
        background: #d9d9d9;
    }


    .myGridClassN::-webkit-scrollbar-thumb {
        background: #c1c1c1;
    }


        .myGridClassN::-webkit-scrollbar-thumb:hover {
            background: #666;
        }

        /*hh*/

.myGridClassD {
    width: 100%;
    border: none;
    /*border: solid 1px #d9d9d9;*/
    border-radius: 17px;

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}



.myGridClassD td {
    padding: 8px;
    border: solid 0px #e4e4e4;
        border-bottom: solid 1px #e4e4e4;
    font-weight: 600;
    /*border: none;*/
}


.myGridClassD td a {
    text-decoration: none;
}

.myGridClassD th {
    padding: 4px 2px;
    border: none;
    color: #4f4f4f;
    background: #d9d9d9;
}




    .myGridClassD tr {
        height: 25px;
       
        /*border-bottom: 1px solid #dddddd;*/
        color: #000;
        /*border: none;*/
    }

.myGridClassD tr:nth-child(odd) {
    background: #fff repeat-x top;
    color: #000;
}

.myGridClassD tr:nth-child(even) {
    background: #f8f8f8 repeat-x top;
    color: #000;
}

.myGridClassD tr:hover {
     cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
    color: #fff;
    background: #cdb9e1 repeat-x top;
}




.myGridClassD .myPagerClass {
    background: #484848;
    color: #fff;
}

    .myGridClassD .myPagerClass table {
        margin: 5px 0;
    }

    .myGridClassD .myPagerClass td {
        /*border-width: 1px;*/
        padding: 0 6px;
        /*border-left: solid 2px #666;*/
        font-weight: bold;
        color: #fff;
    }

    .myGridClassD .myPagerClass a {
        color: #fff;
        text-decoration: none;
    }

        .myGridClassD .myPagerClass a:hover {
            color: #fff;
        }



.myGridClassD:hover::-webkit-scrollbar {
    margin-right: -5px;
    width: 7px;
}


.myGridClassD:hover::-webkit-scrollbar-track {
    background: #d9d9d9;
}


.myGridClassD:hover::-webkit-scrollbar-thumb {
    background: #c1c1c1;
}


.myGridClassD:hover::-webkit-scrollbar-thumb:hover {
    background: #666;
}


.myGridClassD::-webkit-scrollbar {
    width: 0px;
}


.myGridClassD::-webkit-scrollbar-track {
    background: #d9d9d9;
}


.myGridClassD::-webkit-scrollbar-thumb {
    background: #c1c1c1;
}


        .myGridClassD::-webkit-scrollbar-thumb:hover {
            background: #666;
        }

.myGridClassT {
   
    min-width:20%;
    max-width:300%;
   
    background-color: #fff;
   
    border: solid 1px #d9d9d9;
    border-top: solid 0px #d9d9d9;
   
   
}


   
    .myGridClassT td {
        padding: 12px 8px 12px 12px;
        border-bottom: solid 1px #d9d9d9;
        font-weight: 700;
        
        height: 36px;
    }

    .myGridClassT tr input[type="text"] {
        width: 100%;
        text-align:left;
       
    }

    .myGridClassT td a {
        text-decoration: none;
    }

    .myGridClassT th {
        padding: 8px 8px 8px 8px;
        color: #fff;

        background: #a25ad4;
        /**/
    }

    .myGridClassT th a {
        padding: 8px 8px 8px 8px;
        color: #fff;
        text-decoration:none;
        background: #a25ad4;
        /**/
    }



.myGridClassT tr {
    color: #484848;
}

.myGridClassT tr:nth-child(odd) {
    background: #fff repeat-x top;
    color: #484848;
}

.myGridClassT tr:nth-child(even) {
    background: #f8f8f8 repeat-x top;
    color: #484848;
}

.myGridClassT tr:hover {
     cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
    background: #367f9c repeat-x top;
    color: #fff;
}



   
.myGridClassT .myPagerClass {
    background: #484848;
    color: #fff;
}

.myGridClassT .myPagerClass table {
    margin: 5px 0;
}

        .myGridClassT .myPagerClass td {
            border-width: 1px;
            padding: 0 6px;
            border-left: solid 2px #666;
            font-weight: bold;
            color: #fff;
            line-height: 12px;
        }

.myGridClassT .myPagerClass a {
    color: #fff;
    text-decoration: none;
}

    .myGridClassT .myPagerClass a:hover {
        color: #fff;
       
    }



.myGridClassL {
    /*min-width: 20%;
    max-width: 300%;*/
    width: -webkit-fill-available;
    background-color: #fff;
    border: solid 1px #d9d9d9;
    border-top: solid 0px #d9d9d9;
}



    .myGridClassL td {
        padding: 12px 8px 12px 12px;
        border-bottom: solid 1px #d9d9d9;
        font-weight: 700;
        height: 36px;
    }

    .myGridClassL tr input[type="text"] {
        width: 100%;
        text-align: left;
    }

    .myGridClassL td a {
        text-decoration: none;
    }

    .myGridClassL th {
        /*padding: 8px 8px 8px 8px;*/
        color: #000;
        background: #c1c1c1;
        /**/
    }

        .myGridClassL th a {
            padding: 8px 8px 8px 8px;
            color: #fff;
            text-decoration: none;
            background: #dcdcdc;
            /**/
        }



    .myGridClassL tr {
        color: #484848;
    }

        .myGridClassL tr:nth-child(odd) {
            background: #fff repeat-x top;
            color: #484848;
        }

        .myGridClassL tr:nth-child(even) {
            background: #f8f8f8 repeat-x top;
            color: #484848;
        }

        .myGridClassL tr:hover {
            cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
            background: #5ea5c1 repeat-x top;
            color: #fff;
        }




    .myGridClassL .myPagerClass {
        background: #484848;
        color: #fff;
    }

        .myGridClassL .myPagerClass table {
            margin: 5px 0;
        }

        .myGridClassL .myPagerClass td {
            border-width: 1px;
            padding: 0 6px;
            border-left: solid 2px #666;
            font-weight: bold;
            color: #fff;
            line-height: 12px;
        }

        .myGridClassL .myPagerClass a {
            color: #fff;
            text-decoration: none;
        }

            .myGridClassL .myPagerClass a:hover {
                color: #fff;
            }


.visibility {
    visibility: hidden;
    display: none;
}

.myGridClass {
    width: 100%;
   
    background-color: #fff;
  border:none;
    border: solid 1px #d9d9d9;
    border-top: solid 0px #fff;
    border-collapse: collapse;
    /*box-shadow: 0px 0px 1px #d9d9d9;*/
    overflow: hidden;
}

    .myGridClass tr {
        border-bottom: solid 1px #eaeaea;
    }

        .myGridClass td {
            padding: 10px;
           
           
           
            height: 36px;
            overflow: hidden;
        }
        .myGridClass td a {

            color: #fff;
            text-decoration: none;
        }

            .myGridClass td:nth-child(1) {
                font-weight: 800;
                width: 30%;
            }
            .myGridClass td:nth-child(2) {
                width: 40%;
               
            }
            .myGridClass td:nth-child(3) {
                width: 40%;
               
            }
            .myGridClass td:nth-child(4) {
                width: 40%;
            }
            .myGridClass td:nth-child(5) {
                width: 40%;
            }

            .myGridClass td:nth-child(6) {
                width: 40%;
            }
       
.myGridClass th {
    padding: 8px 2px;
    color: #000;
   
   
    

    overflow: hidden;
}

       
        .myGridClass .myAltRowClass {
            background: #fcfcfc repeat-x top;
        }

       
        .myGridClass .myPagerClass {
            background: #424242;
        }

            .myGridClass .myPagerClass table {
                margin: 5px 0;
            }

            .myGridClass .myPagerClass td {
                /*border-width: 1px;*/
                padding: 0 6px;
               /*border-left: solid 2px #666;*/
                font-weight: bold;
                color: #fff;
                
                line-height: 12px;
            }

            .myGridClass .myPagerClass a {
                color: #fff;
                text-decoration: none;
            }

                .myGridClass .myPagerClass a:hover {
                    color: #fff;
                    text-decoration: none;
                }

.myGridClassR {
    width: 100%;
   
    background-color: #fff;
   
    border: solid 1px #d9d9d9;
    border-top: solid 0px #fff;
    border-collapse: collapse;
    box-shadow: 0px 0px 1px #d9d9d9;
    overflow: hidden;
}

   
.myGridClassR td {
    padding: 10px;
    border-bottom: solid 1px #d9d9d9;
   
    
    height: 36px;
    overflow: hidden;
}

        .myGridClassR td a {
            color: #fff;
            text-decoration: none;
        }


   
    .myGridClassR th {
        padding: 8px 2px;
        height: 50px;
        border-top: solid 1px #d9d9d9;
       
       
        
        overflow: hidden;
    }

   
.myGridClassR .myAltRowClass {
    background: #fcfcfc repeat-x top;
}

   
.myGridClassR .myPagerClass {
    background: #424242;
}

.myGridClassR .myPagerClass table {
    margin: 5px 0;
}

.myGridClassR .myPagerClass td {
    border-width: 1px;
    padding: 0 6px;
    border-left: solid 2px #666;
    font-weight: bold;
    color: #fff;
    line-height: 12px;
}

.myGridClassR .myPagerClass a {
    color: #fff;
    text-decoration: none;
}

            .myGridClassR .myPagerClass a:hover {
                color: #fff;
                text-decoration: none;
            }



.labelit {
    font-size: 1.0em;
    line-height: 1.3;
    font-weight: 300;
   
    color: #000000;
    width: 100%;
}

.labelit2 {
    font-size: 1.0em;
    line-height: 1.2;
    font-weight: 300;
    border: 2px solid rgba(31, 31, 35, 0.8);
    color: #000000;
    width: 160px;
}

.labelit22 {
    font-size: 1.0em;
    line-height: 1.2;
    font-weight: 300;
  
    color: #000000;
    width: 160px;
    text-align: center;
    padding-top:8px;
    vertical-align:middle;
}

.button__badge {
    background-color: #fa3e3e;
    border-radius: 2px;
    color: white;
    padding: 1px 3px;
    font-size: 10px;
    position: absolute;
    top: 0;
    right: 0;
}

.labelit222 {
    font-size: 1.0em;
    line-height: 1.2;
    font-weight:600;
  
    color: #0066cc;
    width: 160px;
    text-align: center;
}

    .labelit3 {
        font-size: 1.9em;
        line-height: 1.5;
        font-weight: 700;
       
        color: #696662;
        width: 160px;
    }

    .padding {
        width: 160px;
        font-size: 0.9em;
        line-height: 1.3;
        font-weight: 900;
      
        color: #000000;
        color: #000000;
        text-align: left;
    }

.padding5 {
    margin-top:6px;
    width: 160px;
    font-size: 0.9em;
    line-height: 1.3;
    font-weight: 900;
  
    color: #000000;
    color: #000000;
    text-align: left;
}

    .padding1 {
        width: 160px;
        max-height: 100%;
        height: 400px;
        font-size: 1.0em;
        line-height: 1.0;
        font-weight: 300;
       
        color: #000000;
        color: #000000;
        text-align: left;
    }
.HeaderLijst {
    /*height: 60px;
    width: 100%;
    z-index: 997;
    opacity: 1;
    position: relative;
    left: 0;*/
    float: left;
    /*left: 80px;*/
    display:inline-block;
    height: 90%;
    
    z-index: 100;
    opacity: 1;
    /*top: 80px;*/
    /*background: rgba(31, 31, 35, 0.8);*/
    /*border-bottom: 2px solid #35363a;
    box-shadow: 0px 0px 3px #000;*/
    position: relative;
}
.HeaderLijst:hover {
  
    opacity: 1;
   
}
@media screen and (max-width: 900px) {
    .HeaderLijst {
        display: none;
 
    }

 
}

header {
    height: 80px;
    width: 100%;
    z-index: 9998;
    opacity: 1;
    text-align: center;
    
    background: rgba(24, 46, 63, 0.2);
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}

  




/* box-shadow: 0px 0px 3px #000;
    position: relative;
    top: 0;
    left: 0;
}






    h1, h2 {
        font-family: 'Pacifico', serif;
        color: #fff;
        color: #fff;
        margin-top: 0;
        margin-bottom: 0rem;
        font-weight: 100;
    }

    h3, h4, h5, h6 {
        font-family: 'Pacifico', serif;
        color: #000000;
        color: #fff;
        margin-top: 0;
        margin-bottom: 0rem;
        line-height: 1.9;
        font-weight: 100;
    }

    .headerW {
        color: #000;
        text-shadow: 0px 3px 0px #fff;
        text-shadow: 0px 3px 0px #fff;
    }
*/



.backEG {
    width: 100%;
    height: 100%;
    position: Fixed;
    top: 0px;
    left: 0px;
    list-style-type: none;
    text-decoration: none;
    color: transparent;
    background-color: #b3cdd1;
    opacity: 1;
    z-index: -1;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    background-image: url(../images/Background/backEG.png);
}

.backEG1 {
    width: 100%;
    height: 100%;
    position: Fixed;
    top: 0px;
    left: 0px;
    list-style-type: none;
    text-decoration: none;
    color: transparent;
    background-color: #b3cdd1;
    opacity: 1;
    z-index: -1;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    background-image: url(../images/Background/backEG1.png);
}

.backEG2 {
    width: 100%;
    height: 100%;
    position: Fixed;
    top: 0px;
    left: 0px;
    list-style-type: none;
    text-decoration: none;
    color: transparent;
    background-color: #b3cdd1;
    opacity: 1;
    z-index: -1;
    background-size: Cover;
    background-position: 10% 10%;
    background-repeat: none;
    background-image: url(../images/Background/backEG2.png);
}
.backEG3 {
    width: 100%;
    height: 100%;
    position: Fixed;
    top: 0px;
    left: 0px;
    list-style-type: none;
    text-decoration: none;
    color: transparent;
    background-color: #b3cdd1;
    opacity: 1;
    z-index: -1;
    background-size: Cover;
    background-position: 50% 50%;
    background-repeat: none;
    background-image: url(../images/Background/backEG3.png);
}
.backDash1 {
    width: 100%;
    height: 100%;
    position: Fixed;
    top: 0px;
    left: 0px;
    list-style-type: none;
    text-decoration: none;
    color: transparent;
    background-color: #b3cdd1;
    opacity: 1;
    z-index: -1;
    background-size: Cover;
    background-position: 50% 50%;
    background-repeat: none;
    background-image: url(../images/Background/back1.jpg);
}
.back1 {
    width: 100%;
    height: 100%;
    position: Fixed;
    top: 0px;
    left: 0px;
    list-style-type: none;
    text-decoration: none;
    color: transparent;
    background-color: #b3cdd1;
    opacity: 0.5;
    z-index: -1;
    background-size: cover;
    background-position: 40% 50%;
    background-repeat: none;
    background-image: url(../images/Background/back1.jpg);
}

.back2 {
    width: 100%;
    height: 100%;
    position: Fixed;
    top: 0px;
    left: 0px;
    list-style-type: none;
    text-decoration: none;
    color: transparent;
    background-color: #b3cdd1;
    opacity: 0.5;
    z-index: -1;
    background-size: cover;
    background-position: 40% 50%;
    background-repeat: none;
    background-image: url(../images/Background/back2.jpg);
}

.back3 {
    width: 100%;
    height: 100%;
    position: Fixed;
    top: 0px;
    left: 0px;
    list-style-type: none;
    text-decoration: none;
    color: transparent;
    background-color: #b3cdd1;
    opacity: 1;
    z-index: -1;
    background-size: cover;
    background-position: 40% 50%;
    background-repeat: none;
    background-image: url(../images/Background/back3.jpg);
}

.back4 {
    width: 100%;
    height: 100%;
    position: Fixed;
    top: 0px;
    left: 0px;
    list-style-type: none;
    text-decoration: none;
    color: transparent;
    background-color: #b3cdd1;
    opacity: 0.5;
    z-index: -1;
    background-size: cover;
    background-position: 40% 50%;
    background-repeat: none;
    background-image: url(../images/Background/back4.jpg);
}

.back5 {
    width: 100%;
    height: 100%;
    position: Fixed;
    top: 0px;
    left: 0px;
    list-style-type: none;
    text-decoration: none;
    color: transparent;
    background-color: #fff;
    opacity: 0.5;
    z-index: -1;
    background-size: cover;
    background-position: 40% 50%;
    background-repeat: none;
    background-image: url(../images/Background/back5.jpg);
}
.back6 {
    width: 100%;
    height: 100%;
    position: Fixed;
    top: 0px;
    left: 0px;
    list-style-type: none;
    text-decoration: none;
    color: transparent;
    background-color: #154a47;
    opacity: 0.5;
    z-index: -1;
    background-size: cover;
    background-position: 40% 50%;
    background-repeat: none;
    
}
.backdemo {
    width: 100%;
    height: 100%;
    position: Fixed;
    top: 0px;
    left: 0px;
    list-style-type: none;
    text-decoration: none;
    color: transparent;
    background-color: #fff;
    opacity: 0.5;
    z-index: -1;
    background-size: cover;
    background-position: 40% 50%;
    background-repeat: none;
    background-image: url(../images/Background/backdemo.jpg);
}



.backch1 {
    width: 100%;
    height: 100%;
    position: Fixed;
    top: 0px;
    left: 0px;
    list-style-type: none;
    text-decoration: none;
    color: transparent;
    background-color: #000;
    opacity: 1;
    z-index: -1;
    /*background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    background-image: url(../images/backgal.jpg);
    /*background-image: url(../images/Background/backgal.jpg), radial-gradient(#ee7752, #e41888, #19548c, #ee7752);*/
    /*background: radial-gradient(#011055, #19548c, #e41888, #ee7752);
    /*background-position: 10% 10%;*/
    /*background: radial-gradient(#ee7752, #e73c7e, #23a6d5, #23d5ab);*/
    /*background: radial-gradient(#ee7752,#1f1013);*/
    /*background: radial-gradient( #ee7752, #e73c7e, #23a6d5, #23d5ab);*/
    /*background-position: 100% 100%;*/
    /*background: radial-gradient(#3586A5, #3586A5, #19548c);
    background: radial-gradient(#0d3241, #112a3d, #19548c);*/
    background-color: #183a55;
    background-color: #f4f6fd;
    /*background: radial-gradient(#ee7752, #e41888, #19548c);*/
    background-position: -20% -20%;
    animation: gradient2 25s ease infinite;
    background-size: 400% 400%;
    /*height: 100vh;*/
    /*background-image: url(../images/Background/backgal.jpg);
    background-size: cover;*/
    /*background: url(../images/backgal.jpg),linear-gradient(233deg, #e56420, #c22525, #3d9c31, #37bbde);*/
    /*width: 100%;
    height: 100vh;*/
    /*background-blend-mode: hard-light;
    animation: hue-rotate 20s radial infinite;*/
}


@keyframes hue-rotate {
    from {
        -webkit-filter: hue-rotate(0);
        -moz-filter: hue-rotate(0);
        -ms-filter: hue-rotate(0);
        filter: hue-rotate(0);
    }

    to {
        -webkit-filter: hue-rotate(360deg);
        -moz-filter: hue-rotate(360deg);
        -ms-filter: hue-rotate(360deg);
        filter: hue-rotate(360deg);
    }
}


@keyframes gradient2 {
    0% {
        background-size: 400% 400%;
        
    }


    50% {
        background-size: 200% 200%;
       
    }


    100% {
     
        background-size: 400% 400%;
    }
}


@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}
    .backch {
        width: 100%;
        height: 100%;
        position: Fixed;
        top: 0px;
        left: 0px;
        list-style-type: none;
        text-decoration: none;
        color: transparent;
        background-color: #b3cdd1;
        opacity: 1;
        z-index: -1;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: none;
        background-image: url(../images/Background/backch.jpg);
    }

    .backRooster {
        width: 100%;
        height: 100%;
        position: Fixed;
        top: 0px;
        left: 0px;
        list-style-type: none;
        text-decoration: none;
        color: transparent;
        background-size: initial;
        background-position: 100% 100%;
        background-repeat: no-repeat;
        opacity: 1;
        z-index: -1;
        background-image: url(../images/backrooster.png);
    }




.loading {
    width: 100%;
    z-index: 100;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    opacity: 0.5;
    height: 10px;
    background: radial-gradient(#ee7752, #e41888, #19548c, #ee7752);
    background-position: 40% 20%;
    animation: gradient 25s ease infinite;
    background-size: 400% 400%;
}

.loadingS {
   
    z-index: 100;
    position: absolute;
    overflow-x: hidden;
    overflow-y: hidden;
    opacity: 0.5;
    height: 400px;
    width: 400px;
    background: radial-gradient(#ee7752, #e41888, #19548c, #ee7752);
    background-position: 40% 20%;
    animation: gradient 25s ease infinite;
    background-size: 400% 400%;
}


    @-webkit-keyframes imageAnimation {
        0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
    }

    1% {
        opacity: 0.7;
        -webkit-animation-timing-function: ease-out;
    }

    27% {
        opacity: 0.7;
    }

    28% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes imageAnimation {
    0% {
        opacity: 0;
        -moz-animation-timing-function: ease-in;
    }

    1% {
        opacity: 0.7;
        -moz-animation-timing-function: ease-out;
    }

    17% {
        opacity: 0.7;
    }

    18% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes imageAnimation {
    0% {
        opacity: 0;
        -o-animation-timing-function: ease-in;
    }

    1% {
        opacity: 0.7;
        -o-animation-timing-function: ease-out;
    }

    17% {
        opacity: 0.7;
    }

    18% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}


@keyframes imageAnimation {
    0% {
        opacity: 0;
        animation-timing-function: ease-in;
    }

    1% {
        opacity: 0.7;
        animation-timing-function: ease-out;
    }

    34% {
        opacity: 0.7;
    }

    35% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.no-cssanimations .slideS li span {
    opacity: 0.7;
}


    .bandback1 {
        width: 100%;
        height: 100%;
        position: inherit;
        top: 0px;
        left: 0px;
        color: transparent;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: none;
        background-image: url(../images/Backmain/header2.jpg);
    }





.buttonStyle {
    background-color: #8a55bf;
    border: none;
     cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
    color: white;
    padding: 15px 34px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    width: 100%;
}

 

    .buttonStyleL {
        background-color: #33a4b4;
        border: none;
        color: white;
        padding: 9px 20px;
        text-align: center;
        text-decoration: none;
        font-size: 16px;
        text-align: Right;
    }



   
/*.buttonStyleknops {
    background-color: #cb6868;
    border: none;
    color: white;
    margin-right: 10px;

    text-align: center;
    text-decoration: none;
    font-size: 16px;
    height: 59px;
    width: 190px;
}*/


.buttonStyleknopB {
    
    background-color: #f8f8f8;
    border: none;
    color: #000;
    margin-right: 10px;
    margin-left: 10px;
    text-align: left;
    text-decoration: none;
    font-size: 16px;
    height: 30px;
    width: 80%;
}

.buttonStyleknopHead {
    background-color: #d9d9d9;
    border: none;
    color: black;
    margin-right: 10px;
    margin-left: 10px;
    text-align: left;
    text-decoration: none;
    font-size: 12px;
    height: 12px;
    width: 80%;
}


.buttonStyleknopsmall {
    background-color: #fff;
    border: none;
   
    color: #484848;
   
   
    text-align: center;
    text-decoration: none;
    font-size: 10px;
    height: 30px;
    width: 100%;
}

.buttonStyleknopHsmall {
    display: block;
    background-color: #4e90a4;
    border: none;
    color: white;
    bottom: 0;
    vertical-align: bottom;
   
    text-align: center;
    text-decoration: none;
    font-size: 10px;
    height: 30px;
    width: 100%;
}

.buttonStyleknopHPsmall {
    display: block;
    background-color: #ffb961;
    border: none;
    color: white;
   
    text-align: center;
    text-decoration: none;
    font-size: 10px;
    height: 30px;
    width: 100%;
}

.buttonStyleknopH1small {
    display: block;
    background-color: #f3826f;
    border: none;
    color: white;
   
    text-align: center;
    text-decoration: none;
    font-size: 10px;
    height: 30px;
    width: 100%;
}

.buttonStyleknopH2small {
    display: block;
    background-color: #f3826f;
    border: none;
    color: white;
   
    text-align: center;
    text-decoration: none;
    font-size: 10px;
    height: 30px;
    width: 100%;
}

.buttonStyleknopH3small {
    display: block;
    background-color: #f3826f;
    border: none;
    color: white;
   
    text-align: center;
    text-decoration: none;
    font-size: 10px;
    height: 30px;
    width: 100%;
}

.buttonStyleknopHSsmall {
    display: block;
    background-color: #c05c7e;
    border: none;
    color: white;
   
    text-align: center;
    text-decoration: none;
    font-size: 10px;
    height: 30px;
    width: 100%;
}



.buttonStyleknopFsmall {
    border: solid 1px #d9d9d9;
    color: white;
    border-radius: 50%;
    padding: 3px;
    text-align: center;
    text-decoration: none;
    font-size: 10px;
    height: 30px;
    width: 100%;
}

.buttonStyleknopLL {
   
    border: none;
    padding: 10px;
   
    color: #484848;
   
   
     cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    height: 90px;
    width: 100%;
}




.buttonStyleknopHover {
    background-color: #B388DD;
    border: none;
    color: #fff;
    padding-left: 15px;
    text-align: left;
    text-decoration: none;
    font-size: 16px;
    height: 59px;
    width: 100%;
}

.buttonStyleknopT {
    background-color: #fff;
    border: none;
    color: #484848;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    height: 59px;
    width: 100%;
}

.buttonStyleknopH {
    display: block;
    background-color: #4e90a4;
    border: none;
    color: white;
    bottom: 0;
    vertical-align: bottom;
    padding-top: 22px;
    padding-bottom: 25px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    height: 59px;
    width: 100%;
}
.buttonStyleknopHP {
    display: block;
    background-color: #337ccb;
    border: none;
    color: white;
    padding-top: 19px;
    padding-bottom: 25px;
    font-weight:700;
    text-align: center;
    text-decoration: none;
    font-size: 17px;
    height: 59px;
    width: 100%;
}
.buttonStyleknopH1 {
    display: block;
    background-color: #f3826f;
    border: none;
    color: white;
    padding-top: 19px;
    padding-bottom: 25px;
    text-align: center;
    font-weight:700;
    text-decoration: none;
    font-size: 17px;
    height: 59px;
    width: 100%;
}
.buttonStyleknopH2 {
    display: block;
    background-color: #f3826f;
    border: none;
    color: white;
    padding-top: 22px;
    padding-bottom: 25px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    height: 59px;
    width: 100%;
}
.buttonStyleknopH3 {
    display: block;
    background-color: #f3826f;
    border: none;
    color: white;
    padding-top: 22px;
    padding-bottom: 25px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    height: 59px;
    width: 100%;
}

.buttonStyleknopHS {
    display: block;
    background-color: #c05c7e;
    border: none;
    color: white;
    padding-top: 22px;
    padding-bottom: 25px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    height: 59px;
    width: 100%;
}



.buttonStyleknopF {
    border: solid 1px #d9d9d9;
    color: white;
    /*border-radius: 50%;*/
    padding: 3px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    height: 59px;
    width: 100%;
}

.buttonStyleTextboxsmall {
   
    background-color: #006e7b;
    border-radius: 50%;
    color: black;
    margin-right: 10px;
    text-align: center;
    text-decoration: none;
    font-size: 7px;
    height: 30px;
    width: 30px;
   
}

.buttonStyleTextboxS {
    background-color: rgb(179, 136, 221);
    border: none;
    color: white;
    /*cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;*/
    text-align: center;
    text-decoration: none;
    font-size: 20px !important;
    font-weight: 700;
    padding-top: 17px;
    padding-bottom: 17px;
    height: 59px;
    width: 40px;
    z-index: 9999;
}

.buttonStyleTextboxFalse {
    background-color: #fff;
    /*border-radius: 20%;*/
    color: rebeccapurple;
    margin-right: 10px;
    text-align: center;
    text-decoration: none;
    font-size: 1em;
    height: 30px;
    width: 59px;
    border: solid 4px;
}



.buttonStyleTextbox {
    background-color: #fff;
    /*border-radius: 20%;*/
    color: rebeccapurple;
    margin-right: 10px;
    text-align: center;
    text-decoration: none;
    font-size: 1em;
    height: 30px;
    width: 59px;
    border: solid 2px;
}

    .buttonStyleTextbox:hover {
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        animation-name: boxTransition;
        animation-duration: 0.3s;
        animation-fill-mode: forwards;
        cursor: url(../images/iconsM/hand_point.png) 14 2, pointer;
    }



@keyframes boxTransitionScale {


    0% {
        transform: scale(1);
       
    }


    75% {
        transform: scale(1.1);
      
    }

    100% {
        transform: scale(1);
       
      
    }
}


@keyframes boxTransition {


    0% {
        transform: scale(1);
        opacity: 1;
        border: solid 4px #ceaa63;
        /*border-radius: 50%;*/
       
    }


    75% {
        transform: scale(1.2);
        opacity: 1;
        border: solid 3px #ceaa63;
        /*border-radius: 50%;*/
    }

    100% {
        transform: scale(1.16);
        opacity: 1;
        border: solid 3px #ceaa63;
        /*border-radius: 50%;*/
    }
}



    h1 {
        font-size: 4.0rem;
        line-height: 1.2;
        letter-spacing: -.1rem;
        font-weight: 200;
        color: #000;
    }




    h2 {
        font-size: 3.6rem;
        line-height: 1.25;
        letter-spacing: -.1rem;
    }

    h3 {
        font-size: 3.0rem;
        line-height: 1.3;
        letter-spacing: -.1rem;
    }

    h4 {
        font-size: 2.4rem;
        line-height: 1.35;
        letter-spacing: -.08rem;
    }

    h5 {
        font-size: 1.8rem;
        line-height: 1.2;
        letter-spacing: -.05rem;
    }

    h6 {
        font-size: 1.5rem;
        line-height: 1.1;
        letter-spacing: 0;
    }

   
    @media (min-width: 750px) {

        h1 {
            font-size: 7.0rem;
        }

        h2 {
            font-size: 4.2rem;
        }

        h3 {
            font-size: 3.6rem;
        }

        h4 {
            font-size: 3.0rem;
        }

        h5 {
            font-size: 2.4rem;
        }

        h6 {
            font-size: 1.5rem;
        }
    }

    .GREEN {
        color: #a6ce39;
    }

    .white {
        color: #fff;
        text-shadow: 0px 3px 0px #000;
    }


    .red {
        color: #000;
    }


    .black {
        color: #000;
    }


  
   

    .textboxleftb {
        position: relative;
        z-index: 1;
        text-align: left;
       
        padding: 20px 30px 20px 30px;
    }

        .textboxleftb:before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
           
            opacity: .8;
        }


    .bandblok {
        width: 100%;
        height: 100%;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        list-style: outside none none;
        text-align: center;
        opacity: 1;
        padding: 0;
        margin-bottom: 0;
        background: rgb(255, 255, 255);
        background: rgba(255, 255, 255, 0.5);
    }

    .bandblok2 {
        width: 100%;
        height: 100%;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        list-style: outside none none;
        text-align: center;
        opacity: 1;
        padding: 0;
        margin-bottom: 0;
        background: rgb(255, 255, 255);
        background: rgba(255, 255, 255, 0.7);
    }
}
.bandblock1 {
    background: url(../images/cst/dot2.png);

    height: 100%;
   
    background-size: 100%;
    width: 100%;
}

.bandblock2 {
    background: url(../images/cst/dot2.png);

    height: 100%;
   
    background-size: 100%;
    width: 100%;
}

.bandblock3 {
    background: url(../images/cst/dot2.png);
    
    height: 100%;

    background-size: 100%;
    width: 100%;
}

.bandblock4 {
    background: url(../images/cst/dot2.png);
    
    height: 80%;

    background-size: 100%;
    width: 100%;
}


.selectedRowPink td {
   
    border-right: solid 3px #a25ad4;
   
}

.selectedRowP td {
    background: #B388DD;
    color: #fff;
}
.selectedRow td {
    /*height:60px;*/
    background: #3586a5;
    color: #fff;
}

.selectedRowGreen td {
    /*height:60px;*/
    background: #95C990;
    color: #fff;
}

.selectedRowOrange td {
    /*height:60px;*/
    background: #FF8750;
    color: #fff;
}