﻿/* browser-reset */

html
{
    font-size: 20px;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,
acronym,address,cite,code,em,samp,small,strong,var,dl,dt,dd,ol,ul,li,table,
caption,tbody,tfoot,thead,tr,th,td
{
    border: 0 none inherit;
    margin: 0;
    padding: 0;
    outline: 0;
    text-align: left;
}

body
{
    color: #000000;
    /*background-color: #DBDBDB;*/
    background-color: transparent;
    font: normal 62.5%/1 Arial, Verdana, Sans-serif;
}

img {
    max-width: 100%;
    max-height: 100%;
}

.divPdfFrame{
    max-width: 100%;
}

.divImageFrame{
    max-width: 100%;
}

.right
{
    float:right;
}

.left
{
    float:left;
}

/*.right-productgrid
{
    float:right;
    width:700px;
}

.left-productgrid
{
    float:left; 
    width:250px;   
}*/

.left-inspectiongrid
{
    float:left; 
    width:300px;   
}

.right-inspectiongrid
{
    float:right;
    width:820px;
}

/*.left-tabstrip
{
    float:left; 
    width:8%;
    min-width:20px;   
}*/


.left-tabstrip
{
    float:left; 
    width:129px;   
}

.left-multipage
{
    float:left; 
    width:1421px;   
}


/*.left-tabstrip
{
    float:left;
    position:fixed;
    left:10px;
    width:8%;
    min-width:20px;   
}*/

/*.left-multipage
{
    float:left; 
    width:92%;   
}*/

/*.left-multipage
{
    float:left; 
    left:100px;
    width:92%;   
}*/

.left-wrapper
{
    float:left; 
    width:100%;   
}

.left-subtabstrip
{
    margin-left:-129px;
    margin-top:20px;
    float:left; 
    width:130px; 
}


.clear-test
{
    /*clear:both;*/
}

.left-details
{
    /*margin-left:-129px;*/
    margin-left: calc(100% / (-12 * (11/12)));
    margin-top:20px;
}

.right-submultipage
{
    margin-top:5px;
    margin-left:-1px;
    float:left; 
    width:1130px;   
}

.left-radgrid
{
    float:left; 
    width:1090px;
}

.right-radgrid
{
    float:right; 
    width:305px;   
}

.left-scheduler
{
    float:left; 
    width:200px;   
}

.right-scheduler
{
    float:right;
    width:750px;
}

.clear-right
{
    clear:right;
}

.clear-left
{
    clear:left;
}

.clear
{
    clear:both;
}

/* einde browser-reset */


/* Page */

#Page
{
    width: 960px;
    text-align: center;
    height: 15px;
    margin:  5px auto 0 auto;
}

/* Login */

#Login
{
    height:30px;
}

#LoginLoggedOut
{
    height:40px;
}

#Login p{
    margin: 0;
    padding-top: 6px;
    line-height: normal;
    text-align: center;
}

#Login a
{
    color: rgb(206, 20, 67);
}

/* Logo */

#Logo
{
    padding-left:1px;
}

/* Search */

#Search
{
    margin: -75px 0 0 775px;
    color: #FFFFFF;
}


/* TopMenu */

#TopMenu 
{
    /*width: 960px;*/
}


/* PdfMenu */

#PdfMenu 
{
    margin: -13px 0px 0px 0px;
    height: 0px;
}

/* PdfMenuItem */

.PdfMenuItem 
{
    width: 20px;
}


/* Wrapper */

#wrapper
{
    width: 960px;
    min-height: 480px;
    overflow: hidden;
    margin: 10px auto 5px auto;
    padding: 0;
}


/* LoggedOutMasterContentPlaceHolderCSS */

#LoggedOutMasterContentPlaceHolderCSS
{
    min-height: 500px;
    overflow: hidden;
    margin: 0 auto;
    padding: 10px;
    border: thin solid #808080;
    background-color: #FFFFFF;    
}


/* LoggedInMasterContentPlaceHolderCSS */

#LoggedInMasterContentPlaceHolderCSS
{
    min-height: 470px;
    overflow: hidden;
    margin: 0 auto;
    padding: 10px;
    border: thin solid #808080;
    background-color: #FFFFFF;
}

/* RadTabStrip */

/*.RadTabStrip .rtsScroll {
    height: 26px !important;
}*/


/* RadPageView */

#radpageview
{
    padding: 20px 0 10px 15px;
}
#radpageview1
{
    padding: 0 15px 0 0;
}
#radpageview2
{
    padding: 0 15px 0 0;
}


/* Footer */

#footer
{
    height:5px;
    width: 960px;
    margin-top:10px;
    background-color: #43AC35;
}
#footer p
{
    line-height: 22px;
    text-align: center;
    vertical-align: middle;
    background-color: #43AC35;
    color: #FFFFFF;
}
#footer a {
    color: #FFFFFF;
}


/* SessionExpire */

#sessionExpire
{
    width: 960px;
    height: 5px;
    padding-top:10px;
}
#sessionExpire p
{
    line-height: normal;
    text-align: center;
    color: #43AC35;
}
#sessionExpire u
{
    line-height: normal;
    text-align: center;
    color: rgb(206, 20, 67);
}
#sessionExpire a {
    color: #FFFFFF;
}


/* Search */

#VerticalTop
{
    vertical-align: top;
}


/* RadComboBox - multiple columns */

.rcbHeader ul,
.rcbFooter ul,
.rcbItem ul, 
.rcbHovered ul, 
.rcbDisabled ul
{
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.col1, .col2, .col3
{
    float: left;
    width: 200px;
    margin: 0;
    padding: 0 5px 0 0;
    line-height: 14px;
}


.RadUpload, .RadUploadProgressArea 
{ 
    float: right !important; 
    height:22px;
}

.RadButton_Default.rbLinkButton, 
.RadButton_Default.rbLinkButton.rbDisabled, 
.RadButton_Default.rbLinkButton.rbDisabled:hover, 
.RadButton_Default.rbLinkButton.rbDisabled:active, 
.RadButton_Default.rbLinkButton.rbDisabled:focus {
       border-color: #b3b3b3;
       color: #333;
       background-color: #e6e6e6;
       background-image: none !important;
       background-position: 0 0;
}

.RadButton_Material .rbText
{
    text-align: center !important;
}

html .RadUpload_Material .ruSelectWrap .ruBrowse{
padding-top: 0px !important;
}

/*.RadMultiPage .rmpView{
    overflow:auto;
}*/

html .t-container {
    max-width: 100%;
}

.t-col {
    padding: 0 !important;
}

#tab-horizontal {
    display:none;
}

#tab-vertical {
    display:block;
    width:8%;
}

#detail-tab-horizontal {
    float:left;
    display:none;
}

#detail-tab-vertical {
    float:left;
    display:block;
    width:125px;
}

#detail-multipage {
    float:left;
    display:block;
    width: calc(100% - 125px);
}

.grid-details {
    margin-left:-125px;
    /*margin-top:20px;*/
}

.xtitle,
.xfooter {
  position: -webkit-sticky; /* Required for Safari */
  position: sticky;
  /*height: 50px;*/
  float:right;
}

.xtitle {
  top: 0;
  display:none;
}

.xfooter {
  bottom: 100px;
  /*margin: 50px auto auto auto;*/
  margin: 5px auto auto auto;
  z-index: -1;
}

article {
  /*margin: auto auto 50px auto;*/
  margin: auto auto 5px auto;
}

