/*05-04-22 Create "button_design_xcc" to make the login button red and "button_design_saas" to make orange at the loginpage.*/

@media screen and (max-device-width:480px){
body{
        -webkit-text-size-adjust:none;
        }
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ul,il,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
        margin:0;
        padding:0;
        border:0;
        outline:0;
        font-size:100%;
        background:transparent;
        }
ul,il{
margin-left:15px ;

}

.on_off_ul{
    list-style:none;
    /*width:85px;*/
    height:20px;
    float:right;



}

/* .on_off_li{
        float:left;
        line-height:15px;
        font-size:11px;
        padding:2px 10px 0;
        background: #E5E5E5;
        background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F3F3F3), to(#E5E5E5));
        /* text-shadow:0 1px 0 #FFF;
        border-top:1px solid #D5D5D5;
        border-bottom:1px solid #D5D5D5;
        -webkit-box-shadow:0 1px 0 #FFF inset, 0 0 5px rgba(0, 0, 0, .1) inset, 0 1px 1px rgba(0, 0, 0, .3);
        } */
/* //19-02-24 */
.on_off_li {
        float: left;
        line-height: 15px;
        font-size: 11px;
        padding: 2px 10px 0;
        background: #E5E5E5;
        /* background-image: url(path/to/image.png); */
        border-top: 1px solid #D5D5D5;
        border-bottom: 1px solid #D5D5D5;
        box-shadow: 0 1px 0 #FFF inset, 0 0 5px rgba(0, 0, 0, 0.1) inset, 0 1px 1px rgba(0, 0, 0, 0.3);
        /* text-shadow: 0 1px 0 #FFF; */
        }

.on_off_right{
         border-right:1px solid #D5D5D5;
        -moz-border-radius-topright : 5px;
        -moz-border-radius-bottomright :5px;
        -webkit-border-top-right-radius : 5px;
         -webkit-border-bottom-right-radius : 5px;
                border-top-right-radius: 5px;
                border-bottom-right-radius: 5px;
        cursor: default;
}
.on_off_left{
        border-left:1px solid #D5D5D5;
        -moz-border-radius-topleft :5px;
        -moz-border-radius-bottomleft :5px;
        -webkit-border-top-left-radius : 5px;
         -webkit-border-bottom-left-radius : 5px;
                border-top-left-radius: 5px;
                border-bottom-left-radius: 5px;
        cursor: default;
}
.on_off_li span{
    text-decoration: none;
    font-family:Helvetica, Arial;
    text-transform:uppercase;
    color:#a1a1a1;
}

.on_off_right.on{

    background: #505050;
   /* background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#777), to(#505050));
    text-shadow:0 -1px 0 #444, 0 0 7px #9AE658;*/
    border-right:1px solid #444;
    border-top:1px solid #444;
    border-bottom:1px solid #444;
   /* -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .7) inset, 0 1px 0 #FFF;*/
}
.on_off_left.on{
    background: #505050;
   /* background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#777), to(#505050));
    text-shadow:0 -1px 0 #444, 0 0 7px #f67676;*/
    border-right:1px solid #444;
    border-top:1px solid #444;
    border-bottom:1px solid #444;
  /* -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .7) inset, 0 1px 0 #FFF;*/
}
.on_off_li:not(.on):active{
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#f1f1f1));
}


.on_off_right.on span{
    color:#7BBA47;
    cursor: default;
}

.on_off_left.on span{
    color:#dc3030;
    cursor: default;
}

.highlight { background:yellow; }
.error{

  display: none;
}
.atp{
 cursor:pointer;
}

html,body{
        width:100%;
        height:100% ;
        }
body {  color:#000;
        background:#FFFFFF;
        font-size:62.5%;
        font-family:Arial,helvetica,sans-serif;
        font:10.5px sans-serif;
        color:#575757;
        *font-size:small;
        *font:x-small;
        line-height:1.22;
       /* background-color: #D3D3D3;*/
   }
input{
        height:15px;
}
select{
        height:19px;
}

   /* tab pane styling */
.panes div {
        display:none;
        padding:15px 10px;
        border:1px solid #999;
        border-top:0;
        height:100px;
        font-size:14px;
        background-color:#fff;
}

 .button_design_right
{
right:1px;
 float:right;
}
#Copyright_position{
        position:relative;
        top:42px;
        margin: -1px auto;
        min-width:1300px;
        max-width:1300px;
}

#hoofd{
        position:absolute;
        top:80px;
        left: 50%;

        height:85%;
         width: 95%;

           min-width: 921px;

        background-color: white;
         margin-left: -47.5%;
         margin-right: 47.5%;
        z-index:501;
        }
#hoofd2{
        position:relative;
        /* top:-40px;*/
        padding-top: 25px;
        margin: -40px auto;
        /*height:75%;
        min-height:750px;*/

        width: 95%;
        min-width:1300px;
        max-width:1300px;
        background-color: white;
        z-index:501;
         height:740px;
        }
p.tools{

   position:absolute;
  right:10px;
}
#Custom_colours_panel{
  /*background-color: green;*/

        position:relative;
        /*float: left;
         padding:10px;*/
          top:15px;
         left:15px;
       /*height:290px;*/
       height:180px;
        width: 1050px;
        text-align: left;
        /*overflow: auto;*/
        /*  border: solid 1px black;*/
        }
 #Custom_colours_inpanel {
   position:relative;
        float: left;
         padding:10px;
          top:0px;
          display: block;

        /* left:10px;*/
      margin: 10px;
   /*     height:255px;*/
   height:160px;
    width: 1010px;
        text-align: left;
       /* overflow: auto;*/
          border: solid 1px #C0C0C0;


 }

 .ahref{
        color:#575757;
        font-family:Arial,helvetica,sans-serif;
        font:10.5px sans-serif;
        }
  #Custom_colours_show{
        /* background-color: yellow;*/
        position:relative;
        float: left;
         /*padding:10px;*/
          top:0px;
          display: block;

        /* left:10px;*/
      /*margin: 10px;
   /*     height:255px;*/
   height:160px;
    width: 681px;
        text-align: left;
        overflow: auto;
       /*   border: solid 1px #C0C0C0;*/
        }


 #Custom_colours_add{
        /*background-color: green;*/
        position:relative;
        float: left;
          /* margin: 10px;*/

      /*    padding:10px;*/
          top:0px;
         right:0px;
        /*     height:255px;*/
   height:185px;
        width: 285px;
        text-align: left;
       /* overflow: auto;*/
      /*    border: solid 1px #C0C0C0;*/
        }
#Custom_colours_edit{
        /*background-color: green;*/
        position:relative;
        float: right;
          padding:15px 0px 20px 20px;
          top:40px;
         right:20px;
        /*height: 120px;*/
        width: 250px;
        text-align: left;
        overflow: auto;
          border: solid 1px #C0C0C0;
        }
 #home_overview{
        position:relative;
        margin: 1px auto;
        height:740px;
        width: 1235px;
        /*width:1130px;*/

      /*  background-color: yellow;*/
        z-index:501;
        }

  #lost_password_overview{
        position:relative;
        margin: 1px auto;

        height:700px;
        width: 1235px;
         border:1px solid lightgray;
        border-width:1px 1px 1px 1px;
        /*width:1130px;*/

      /*  background-color: yellow;*/
        z-index:501;
        }
  #info_overview{
        position:relative;
        left:0px;
        height:700px;
        width: 924px;
        /*width:1130px;*/
         float:left;
       /* background-color: yellow;*/
        z-index:501;
        }
#info_image{
        position:relative;
        top:-25px;
        height:225px;
        width: 586px;
         padding:15px;
          float:left;
       /*  background-color: red;*/
}
.ahome{
        font-family:Arial,helvetica,sans-serif;
        color:#575757;
        text-decoration:none;
}
#info_webex{
        position:relative;
        top:-10px;
        height:250px;
         float:left;
        width: 275px;
         padding-left:15px;
          padding-right:15px;
           padding-top:5px;
       /* background-color: yellow;*/
}
#web_title{
        font-family:Arial,helvetica,sans-serif;
        font:15px sans-serif;
        color:#eb6a07;
        font-weight: bold;
}
#info_title{
        position:relative;
        padding:0px 15px 0px 15px;
        float:left;
        height:25px;
        width: 278px;
         top:-9px;
        font-family:Arial,helvetica,sans-serif;
        font:15px sans-serif;
        color:#eb6a07;
        font-weight: bold;
        /*background-color: blue;*/
}
#info_text{
        position:relative;
         padding:0px 15px 0px 15px;
        float:left;
        top:-9px;
        height:410px;
        width: 278px;
        overflow: auto;
        font:11.5px sans-serif;
        /* background-color: blue;*/
}
#workflow_overview{
        position:relative;
        margin: 1px auto;
        height:700px;
        /*width: 95%;*/
         width:1180px;

        /*background-color: yellow;*/
        z-index:501;
        }

#service_workflow_overview{
        position:relative;


        margin: 1px auto;
        height:700px;
        /*height:75%;*/
      /*  min-height:750px;*/
        /*width: 95%;*/
         width:1180px;
        /*background-color: yellow;*/
        z-index:501;
        }
        
#service_workflow_nav{
 position:relative;
        width: 94%;

       /*background-color: red;*/
       margin: -135px auto;
         z-index:501;
         bottom:-90px;
}

#workflow_nav_prec_next{
         position:absolute;
         /*position:relative;*/
       width: 1280px;
         /*margin: 1px;*/
/* background-color: red;*/
          z-index:50;
       height:0.1px;
       /*top:53.25%;*/
       top:368px;
       left:-45px;
       /* margin: -118px auto;

        bottom:-90px;*/
        /*position:relative;
        width: 94%;
        background-color: red;

        height:0px;
        z-index:501;
        bottom:-90px;*/
}
#workflow_nav_prec_next2{
         position:absolute;
         /*position:relative;*/
       width: 1280px;
         /*margin: 1px;*/
    /* background-color: red;*/
          z-index:50;
       height:80px;
       /*top:53.25%;*/
       top:325px;
       left:-45px;
       /* margin: -118px auto;

        bottom:-90px;*/
        /*position:relative;
        width: 94%;
        background-color: red;

        height:0px;
        z-index:501;
        bottom:-90px;*/
}
#workflow_nav_prec_next_left{
        position:absolute;
         /*position:relative;*/
         width:150px;


         margin: 1px;
     background-color: red;
            z-index:11111111150;
       height:100px;
       top:52%;
       left:-50px ;
        /*margin: -118px auto;

        bottom:-90px;*/
        /*position:relative;
        width: 94%;
        background-color: red;

        height:0px;
        z-index:501;
        bottom:-90px;*/
}
#workflow_nav_prec_next_right{
        position:absolute;
         /*position:relative;*/
         width:1px;
         margin: 1px;
     background-color: red;
            z-index:1111111150;
       height:100px;
       top:52%;
       right:0px ;
        /*margin: -118px auto;

        bottom:-90px;*/
        /*position:relative;
        width: 94%;
        background-color: red;

        height:0px;
        z-index:501;
        bottom:-90px;*/
}
 #workflow_nav{
        position:relative;
        width: 94%;
       /*background-color: red;*/
        margin: -118px auto;
        z-index:501;
        bottom:-90px;
        /*position:relative;
        width: 94%;
        background-color: red;

        height:0px;
        z-index:501;
        bottom:-90px;*/
}
#workflow_nav_bol{
        position:relative;
        width: 94%;
       /*background-color: red;*/
        margin: -118px auto;
        z-index:501;
        bottom:-90px;
        /*position:relative;
        width: 94%;
        background-color: red;

        height:0px;
        z-index:501;
        bottom:-90px;*/
}
 .button_right{
  position:relative;
   right:20px;
 }
 #service_workflow{
        position:relative;
     /*   border: 1px solid lightgray;
          margin: 2px auto;  */

      /*    background-color: yellow;*/
        top:14px;
         left:15px;
        height: 550px;
         width: 1120px;

        }
#service_workflow_details_panel{
  /*background-color: green;*/
        position:relative;
        float: left;
       /*  padding:10px;*/
          top:0px;
         left:0px;
       height:580px;
        width: 350px;
        text-align: left;
        /*overflow: auto;*/
        /*  border: solid 1px black;*/
        }
#workflow{
        position:relative;
        border: 1px solid #C0C0C0;
         /*border: 1px solid lightgray;*/
          margin: 2px auto;

         /* background-color: red;*/

        height: 165px;
          width: 94% !important;;
          min-width: 1175px;
       /* org
        position:relative;
        height: 550px;
         width: 1120px;*/
        }


.scrollable{

                position:relative;
                margin: 1px auto;
                height:100%;
                min-height:720px;
                width: 100%;
                min-width: 921px;
                max-width:1200px;
                overflow:hidden;
              /* background-color: red;*/

                /* position:absolute;

         left:20px;
         width: 100%;
        min-width: 921px;
        max-width:1200px;
        position:absolute;
        overflow:hidden;

        height:540px;*/

        }






#page{
        height:50%;
        /* min-height:750px;
         background-color: gray;*/
         position:relative;
        width: 100%;
        min-width: 1200px;
        max-width:1200px;
        /*org
          height:50%;
        position:relative;
        width: 100%;
        min-width: 921px;
        max-width:1200px;*/

}



  #workflow_details_panel{
  /*background-color: green;*/
        position:relative;
        float: left;
       /*  padding:10px;*/
          top:0px;
         left:0px;
       height:580px;
        width: 350px;
        text-align: left;
        /*overflow: auto;*/
        /*  border: solid 1px black;*/
        }
 #workflow_details_show{
    /*  background-color: yellow;*/
        position:relative;
        /*float: left;*/
         padding:10px;
          top:0px;
        /* left:10px;*/
      margin: 10px;
        height:540px;
    width: 310px;
        text-align: left;
       /* overflow: auto;*/
          border: solid 1px #C0C0C0;
        }

div.items{
  /* height:90%;
 width: 100%;
  background-color: green;   */
}

#upload{
     /* background-color: green;*/
        position:relative;
        float: left;
        top: 0px;
        left:10px;
        text-align: bottom;
        height: 150px;
        width: 440px;
        font:16px Century Gothic;
        color:#575757;
        }

#printer{

        position:static;
         text-align: center;

        left:10px;
        height: 100px;
        width: 200px;
       float: left;

        }

.Customer_Project_Database{
       /*background-color: green;*/
        border: solid 1px #C0C0C0;
        position:relative;
        top:10px;
        right:0px;
        height: 290px;
        width: 985px;
        overflow: auto;
         padding:10px;
}
.Profile_Project_Database{
       /*background-color: green;*/
        border: solid 1px #C0C0C0;
        position:relative;
        top:10px;
        right:0px;
        height: 290px;
        width: 545px;
        overflow: auto;
         padding:10px;
}
.Measured_files_Database{
       /*background-color: green;*/
        border: solid 1px #C0C0C0;
        position:relative;
        top:10px;
        right:0px;
        height: 290px;
        width: 845px;
        overflow: auto;
         padding:10px;
}
#database{
       /*  background-color: green;*/
        position:absolute;
        float: right;
        top:20px;
        right:0px;
        height: 140px;
        width: 470px;
        text-align: right;
        overflow: auto;

        /* org
         position:absolute;
        float: right;
        top:40px;
        right:0px;
        height: 120px;
        width: 415px;
        text-align: right;
        overflow: auto;
        */
        }

        
        
        
        
        
#Activation_panel{
/* background-color: green;*/
        position:relative;
        float: left;
       /*  padding:10px;*/
          top:0px;
         left:20px;
       height:580px;
        width: 1050px;
        text-align: left;
        /*overflow: auto;*/
        /*  border: solid 1px black;*/
        }



  #Activation_show{
         /*background-color: yellow;*/
        position:relative;
        float: left;
         padding:10px;
          top:0px;
          display: block;

        /* left:10px;*/
      margin: 10px;
        height:100px;
    width: 1000px;
        text-align: center;
       /* overflow: auto;*/
          border: solid 1px #C0C0C0;
        }
 #Activation_show_eula{
         /*background-color: yellow;*/
        position:relative;
        float: left;
         padding:10px;
          top:0px;
         /* display: none !important;
         /*visibility:hidden;
        /* left:10px;*/
      margin: 10px;
        height:100px;
    width: 1000px;
        text-align: center;
       /* overflow: auto;*/
          border: solid 1px #C0C0C0;
        }



#Create_workflows_panel{
 /* background-color: green;*/
        position:relative;
        float: left;
       /*  padding:10px;*/

          top:0px;
         left:20px;
       height:290px;
        width: 1050px;
        text-align: left;
        /*overflow: auto;*/
        /*  border: solid 1px black;*/
        }



  #Custom_colours_show{
        /* background-color: yellow;*/
        position:relative;
        float: left;
         padding:10px;
          top:0px;
          display: block;

        /* left:10px;*/
      margin: 10px;
        height:255px;
    width: 675px;
        text-align: left;
       /* overflow: auto;*/
          border: solid 1px #C0C0C0;
        }

  #service_Custom_colours_show{
        /* background-color: yellow;*/
        position:relative;
        float: left;
         /*padding:10px;*/
          top:0px;
          display: block;

        /* left:10px;*/
      /*margin: 10px;
   /*     height:255px;*/
   height:160px;
    width: 681px;
        text-align: left;
        overflow: auto;
       /*   border: solid 1px #C0C0C0;*/
        }
 #Create_workflows_show{
        /*background-color: green;*/
        position:relative;
        float: left;
           margin: 10px;

          padding:10px;
          top:0px;
         right:0px;
        height: 255px;
       width:1000px;
        text-align: left;
       /* overflow: auto;*/
          border: solid 1px #C0C0C0;
        }
#Create_workflows{
        /*background-color: green;*/
        position:relative;
        float: left;


          padding:10px;
          top:0px;
         right:0px;
       height:430px;
        width: 280px;
        text-align: left;
       /* overflow: auto;*/
         /* border: solid 1px #C0C0C0;*/
        }
#spectro_select{
        /*background-color: green;*/
        position:relative;
        float: left;
           margin: 10px;

          padding:10px;
          top:0px;
         right:0px;
        height: 255px;
       width:1000px;
        text-align: left;
       /* overflow: auto;*/
           border: solid 1px #C0C0C0;

           }
   #Custom_colours_edit{
        /*background-color: green;*/
        position:relative;
        float: right;
          padding:15px 0px 20px 20px;
          top:40px;
         right:20px;
        /*height: 120px;*/
        width: 250px;
        text-align: left;
        overflow: auto;
          border: solid 1px #C0C0C0;
        }


#Custom_iso_strip_add{
        /*background-color: green;*/
        position:relative;
        /*float: left;*/
         padding:10px;
        margin: 10px;
        /*  top:40px;
         left:20px;  */
        height: 150px;
        width: 310px;
        text-align: left;
        overflow: auto;
          border: solid 1px #C0C0C0;
        }

#Custom_iso_strip_edit{
        /*background-color: green;*/
        position:relative;
        /*float: left;*/
       padding:10px;
        margin: 10px;
        /*  top:10px;*/
         /*left:20px;*/
      height: 90px;
        width: 310px;
        text-align: left;
      /*  overflow: auto;*/
          border: solid 1px #C0C0C0;
        }

#Custom_iso_strip_activate{
        /*background-color: green;*/
        position:relative;
        /*float: left;*/
  padding:10px;
        margin: 10px;
         /*left:20px;*/
      height: 160px;
        width: 310px;
        text-align: left;
      /*  overflow: auto;*/
          border: solid 1px #C0C0C0;
        }
#Custom_iso_strip_download{
        /*background-color: green;*/
        position:relative;
        /*float: left;*/
  padding:10px;
        margin: 10px;
         /*left:20px;*/
      height:68px;
        width: 310px;
        text-align: left;
      /*  overflow: auto;*/
          border: solid 1px #C0C0C0;
        }
  #Custom_iso_strip_show{
      /* background-color: yellow;*/
        position:relative;
        float: left;
         /* padding:15px 5px 15px 20px;*/
          top:0px;
        /* left:10px;*/
      margin: 10px;
        height:584px;
    width: 330px;
        text-align: left;
       /* overflow: auto;*/
          border: solid 1px #C0C0C0;
        }
   #Custom_iso_strip_spotcolour{
      /* background-color: red;*/
        position:relative;
       /* float: left;*/
         padding:10px ;
          top:0px;
         /*left:10px;*/
         margin: 10px;
        height:375px;
    width: 310px;
        text-align: left;
        overflow: auto;
          border: solid 1px #C0C0C0;
        }
  #Custom_iso_strip_spotcolor{
        /*background-color: green;*/
        position:relative;
        /*float: left;*/
      padding:10px;
        margin: 10px;
        /*  top:20px;*/
         /*left:20px;*/
     /* height: 60px;*/
      height:157px;
        width: 310px;
        text-align: right;
      /*  overflow: auto;*/
          border: solid 1px #C0C0C0;
        }
#Custom_iso_strip_panel{
   /* background-color: green;*/
        position:relative;
        float: left;
       /*  padding:10px;*/
          top:15px;
         left:15px;
       height:580px;
        width: 350px;
        text-align: left;
        /*overflow: auto;*/
        /*  border: solid 1px black;*/
        }

#Wizard_login_panel{
  /*background-color: green;*/
        position:relative;
        float: left;
       /*  padding:10px;*/
          top:40px;
         left:20px;
       height:580px;
        width: 1035px;
        text-align: left;
        /*overflow: auto;*/
        /*  border: solid 1px black;*/
        }

   #Wizard_login_show{
      /* background-color: yellow;*/
        position:relative;
        float: left;
         padding:10px;
          top:0px;
        /* left:10px;*/
      margin: 10px;
        height:540px;
    width: 1000px;
        text-align: left;
       /* overflow: auto;*/
          border: solid 1px #C0C0C0;
        }
#Downloads_panel{
   /*background-color: green;*/
        position:relative;
        float: left;
       /*  padding:10px;*/
          top:40px;

         left:20px;
       height:580px;
       /* width: 350px;*/
        width: 1050px;
        text-align: left;
        /*overflow: auto;*/
        /*  border: solid 1px black;*/
        }
  #service_Downloads_panel{
     /*background-color: green;*/

        position:relative;
        /*float: left;
         padding:10px;*/
          top:15px;
         left:15px;
       /*height:290px;*/
       height:180px;
        width: 1050px;
        text-align: left;
        /*overflow: auto;*/
        /*  border: solid 1px black;*/
       }
#service_Downloads_inpanel{
       /* background-color: red;*/
     position:relative;
        float: left;
         padding:10px;
          top:0px;
          display: block;

        /* left:10px;*/
      margin: 10px;
   /*     height:255px;*/
   height:160px;
    width: 1010px;
        text-align: left;
       /* overflow: auto;*/
          border: solid 1px #C0C0C0;

          }
 #service_Downloads_panel_old{
   /* background-color: green;*/
        position:relative;
        float: left;
       /*  padding:10px;*/
          top:40px;
         left:20px;
       height:580px;
        width: 350px;
        text-align: left;
        /*overflow: auto;*/
        /*  border: solid 1px black;*/
        }
        
        
        
        
#service_Downloads_search{
        /*background-color: green;*/
        position:relative;
        float: left;
          /* margin: 10px;*/

      /*    padding:10px;*/
          top:0px;
         right:0px;
        /*     height:255px;*/
   height:185px;
        width: 285px;
        text-align: left;
       /* overflow: auto;*/
      /*    border: solid 1px #C0C0C0;*/
        }
        
   #service_Downloads_show{
        /* background-color: yellow;*/
        position:relative;
        float: left;
         /*padding:10px;*/
          top:0px;
          display: block;

        /* left:10px;*/
      /*margin: 10px;
   /*     height:255px;*/
   height:160px;
    width: 681px;
        text-align: left;
        overflow: auto;
       /*   border: solid 1px #C0C0C0;*/
        }
        

        #service_Downloads_show_old{
      /* background-color: yellow;*/
        position:relative;
        float: left;
         padding:10px;
          top:0px;
        /* left:10px;*/
      margin: 10px;
        height:540px;
    width: 310px;
        text-align: left;
       /* overflow: auto;*/
          border: solid 1px #C0C0C0;
        }
        
        
 #Downloads_show{
      /* background-color: yellow;*/
        position:relative;
       /* float: left;*/
         padding:10px;
          top:0px;
        /* left:10px;*/
     margin: 10px;
        height:540px;
    /*width: 310px;*/
    width: 1000px;
        text-align: left;
       /* overflow: auto;*/
          border: solid 1px #C0C0C0;
        }
 #Customer_details_panel{
   /*background-color: green;*/
        position:relative;
        float: left;
       /*  padding:10px;*/
          top:15px;
         left:15px;
       height:580px;
        width: 350px;
        text-align: left;
        /*overflow: auto;*/
        /*  border: solid 1px black;*/
        }
.Customer_details_show,
#Customer_details_show{
      /* background-color: yellow;*/
        position:relative;
        /*float: left;*/
         padding:10px;
          top:0px;
        /* left:10px;*/
      margin: 10px;
        height:540px;
    width: 310px;
        text-align: left;
       /* overflow: auto;*/
          border: solid 1px #C0C0C0;
        }



  div.show_bar
   {
  /* background-color: #a7cfe8;*/

position:relative;

    color:gray;
    height:480px;
     margin: 10px;
    width: 310px;
    top:0px;
    left:0px;
    font-size: 10px;
    font-family: Trebuchet MS;

  }


    div.show_patch_name
   {
  /* background-color: #a7cfe8; */
        position:absolute;
  /*      position:relative;  */
        height:20px;
        width: 400px;
        text-align: right;
        /*color:Black;*/
        font-size: 10px;
        font-weight: bold;
    }

   div.show_patch
   {
        position:absolute;
  /*      position:relative;  */
        height:20px;
        width: 20px;
    }
#LABCMYK{
 width: 40px;
 font:10.5px sans-serif;
}

 table.Wizard_login_table {

         border-collapse: collapse;
         border: solid 1px #C0C0C0;
        }
  table.Wizard_login_table td {
        border: solid 1px #C0C0C0;
        text-align: left;
         padding: 2px 5px;
        cursor:pointer;
        height:23px;
        }





table.sample td {
        border: solid 1px #C0C0C0;
        text-align: left;
         padding: 2px 5px;

        }
table.sample {

         border-collapse: collapse;
         border: solid 1px #C0C0C0;
        }

 table.table_border td {
        border: solid 0px #C0C0C0;
        text-align: left;
         padding: 2px 5px;

        }
table.table_border {

         border-collapse: collapse;
         border: solid 1px #C0C0C0;
        }


  .Workflow_settings{


  /*border: solid 1px #C0C0C0;*/


  }
  table.Workflow_settings td {

        /*text-align: left;*/
        padding: 0px 0px 0px 5px;
        /*border-collapse: collapse;
        border: solid 1px #C0C0C0;*/
        }

table.Custom_colours td {

        text-align: left;
         padding: 2px 2px;

        }
table.Custom_colours {

         border-collapse: collapse;

        }
.next{
        background:url(images/arrow/hori_large.png) no-repeat;
        background-position: 0 -30px;
        clear:right;
        margin-right: 0px;
        display:block;
        width:30px;
        height:30px;
        float:right;
        margin:10px ;
        cursor:pointer;
        font-size:1px;

}

.next:hover{
        background-position:-30px -30px;
        }
.button_design{
        font:13px Trebuchet MS;
        display:block;
        padding:0 20px;
        text-decoration:none;
        border:1px solid lightgray;
        min-width:100px;
       height:20px;
        background-color:#ffffff;
        color:#000000;
        margin-right:2px;
        position:relative;
       /* top:1px;*/
        outline:100;
        cursor:pointer;
        -moz-border-radius-topleft :5px;
        -moz-border-radius-topright : 5px;
        -moz-border-radius-bottomleft :5px;
        -moz-border-radius-bottomright :5px;

        -webkit-border-top-right-radius : 5px;
        -webkit-border-top-left-radius : 5px;
         -webkit-border-bottom-right-radius : 5px;
         -webkit-border-bottom-left-radius : 5px;
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
                border-bottom-left-radius: 5px;
                border-bottom-right-radius: 5px;
}

.button_design:hover
 {
        background-color:#d3d3d3;
        color:#333;
}
/*05-04-22*/
.button_design_xcc{
  font:13px Trebuchet MS;
  display:block;
  padding:0 20px;
  text-decoration:none;
  border:1px solid #cc0000;
  min-width:100px;
 height:20px;
  background-color:#cc0000;
  color:#ffffff;
  margin-right:2px;
  position:relative;
 /* top:1px;*/
  outline:100;
  cursor:pointer;
  -moz-border-radius-topleft :5px;
  -moz-border-radius-topright : 5px;
  -moz-border-radius-bottomleft :5px;
  -moz-border-radius-bottomright :5px;

  -webkit-border-top-right-radius : 5px;
  -webkit-border-top-left-radius : 5px;
   -webkit-border-bottom-right-radius : 5px;
   -webkit-border-bottom-left-radius : 5px;
          border-top-left-radius: 5px;
          border-top-right-radius: 5px;
          border-bottom-left-radius: 5px;
          border-bottom-right-radius: 5px;
}
/*05-04-22*/
.button_design_xcc:hover
 {
        background-color:#d3d3d3;
        color:#cc0000;
}

/*05-04-22*/
.button_design_saas{
  font:13px Trebuchet MS;
  display:block;
  padding:0 20px;
  text-decoration:none;
  border:1px solid #f7931e;
  min-width:100px;
 height:20px;
  background-color:#f7931e;
  color:#000000;
  margin-right:2px;
  position:relative;
 /* top:1px;*/
  outline:100;
  cursor:pointer;
  -moz-border-radius-topleft :5px;
  -moz-border-radius-topright : 5px;
  -moz-border-radius-bottomleft :5px;
  -moz-border-radius-bottomright :5px;

  -webkit-border-top-right-radius : 5px;
  -webkit-border-top-left-radius : 5px;
   -webkit-border-bottom-right-radius : 5px;
   -webkit-border-bottom-left-radius : 5px;
          border-top-left-radius: 5px;
          border-top-right-radius: 5px;
          border-bottom-left-radius: 5px;
          border-bottom-right-radius: 5px;
}
/*05-04-22*/
.button_design_saas:hover
 {
        background-color:#d3d3d3;
        color:#f7931e;
}

 #overlay_Upload_error,
 #overlay_show_project,
 #overlay_security,
 #overlay {
                background-color:#fff;
                padding:15px;
                width:auto;
                -moz-box-shadow: 0 0  10px 0px #808080;
                -webkit-box-shadow: 0 0  10px 0px #808080;
                 box-shadow: 0 0  10px 0px #808080;
                z-index:5000;
                -moz-border-radius-topleft :15px;
                -moz-border-radius-topright : 15px;
                -moz-border-radius-bottomleft :15px;
                -moz-border-radius-bottomright :15px;

                -webkit-border-top-right-radius : 15px;
                -webkit-border-top-left-radius : 15px;
                -webkit-border-bottom-right-radius : 15px;
                -webkit-border-bottom-left-radius : 15px;
                border-top-left-radius: 15px;
                border-top-right-radius: 15px;
                border-bottom-left-radius: 15px;
                border-bottom-right-radius: 15px;
                display:none;
        }

.apple_overlay .close
 {
        background-image:url(images/close2.png);
        position:absolute;
        right:-20px;
        top:-20px;
        z-index:10000;
        cursor:pointer;
        height:35px;
        width:35px;

}
table.QC_label{

        /* border-collapse: collapse;*/
         border: solid 1px #C0C0C0;
        }
table.QC_label,
table.QC_label tr,
table.QC_label td{
                line-height:115%;
}

td.QC_label_td {
         padding: 2px 5px;
        }
td.QC_settings_label_td {
         padding: 0px 5px;
        }
        table.Workflow_Database td {
        border: solid 1px #C0C0C0;
        text-align: left;
         padding: 2px 5px;

        }
table.Workflow_Database {

         border-collapse: collapse;
         /*border: solid 1px #C0C0C0;*/
         border: solid 1px lightgray;
        }
        
.Show_License_agreement{
     text-decoration: none;
     color:black;
     font-style:bold;
}
.Show_more_info,
.Show_more_info_back{
   cursor: pointer;
}

#socialmedia{
        width:250px;
        position:absolute;
       top:691px;
        height:5px;
       /*width:400px;*/
        right:0px;
         padding:15px;
       /*  background-color: #a7cfe8;*/
         }
.AR_y
{
 float:right;
 height:16px;
 width:17px;
background:url(images/icon_pdf.png) 0px 0;
border: none;
}
.AR_n
{
 float:right;
 height:16px;
 width:17px;
background:url(images/icon_pdf.png) 17px 0;
border: none;


}
 .tbody_border tr td:first-child {
    border-left: solid 1px lightgray;

}
.tbody_border tr .aws_titel {
   height:20px;
   padding-left:10px;
    padding-right:15px;
}

.tbody_border tr .aws_tool {
   height:20px;
   padding-left:10px;
    padding-right:2px;
    text-align:right;
}

.tbody_border tr .aws_text {
    padding-left:15px;
    padding-right:2px;

}

.tbody_border tr .aws_text_checkbox {
    padding-left:2px;
    padding-right:2px;
}

.no_border tr td{
border:0px;
}




.tbody_border tr td:last-child {
    border-right: solid 1px lightgray;
}

.tbody_border tr:first-child td {
    border-top: solid 1px lightgray;
}

.tbody_border tr:last-child td {
    border-bottom: solid 1px lightgray;
}

.td_top_border{
border-top: solid 1px lightgray;
}

.td_bottom_border{
border-bottom: solid 1px lightgray;
}


.td_left_right_border.aws_titel {
   height:20px;
   padding-left:10px;
    padding-right:15px;
}
.td_left_right_border{
border-left: solid 1px lightgray;
 border-right: solid 1px lightgray;
}
 .td_right_border{

 border-right: solid 1px lightgray;
}
.td_left_border{
border-left: solid 1px lightgray;

}

.td_left_right_border.aws_text,
.td_right_border.aws_text,
.td_left_border.aws_text{
        padding-left:15px;
        padding-right:2px;
    }
.td_left_right_border.aws_text_checkbox,
.td_right_border.aws_text_checkbox,
.td_left_border.aws_text_checkbox{
        padding-left:2px;
        padding-right:2px;
    }


.TS_text{
        padding-left:15px;
        padding-right:2px;

}
.TS_titel{height:20px;
        padding-left:10px;
        padding-right:15px;
    }
.workflow_onscreen_checker{

 position: absolute;
 top: 0px;
 left: 20%;
 height: 600px;
 width: 55%;
 max-width: 55%;
 opacity: 0.0;

 background-color: white;
}
workflow_Loaded_checker{
position: relative;
 top: 0px;
 left: 40%;
 height: 1px;
 width: 1px;
 max-width: 1px;
 opacity: 0.0;

 background-color: white;

}

.NoBorder,
.NoBorder tr,
.NoBorder tr td:last-child,
.NoBorder tr td:first-child {
border: none;
}

/* Badge-stijling ColorChat */ 
#chat-button {
        position: fixed;
        bottom: 20px;
        right: 105px;
        background-color: rgb(204, 0, 0);
        color: white;
        padding: 10px 15px;
        border-radius: 25px;
        cursor: pointer;
        z-index: 9999;
        border: 1px solid #505050; /* klein zwart randje */
        }
  #chat-button .badge {
        position: absolute;
        top: -10px;
        right: -10px;
        background: rgb(255, 0, 0);
        color: white;
        width: 20px;
        height: 20px;
        font-size: 14px;
        line-height: 20px;
        border-radius: 50%;
        text-align: center;
        pointer-events: none;
        }