@media print {
  .noprint {
    display: none;
  }
}


/* Main memu */
.main_menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: auto;
}

  .main_menu ul.static {
    border-style: None;
  }

  .main_menu ul.dynamic {
    background-color: AliceBlue;
    border-color: #C0C0FF;
    border-width: 1px;
    border-style: Solid;
    z-index: 1;
  }

.main_menu a {
  text-decoration: none;
  white-space: nowrap;
  display: block;
}

  .main_menu a.static {
    font-family: Verdana,Helvetica,sans-serif;
    border-style: Solid;
    border-radius: 4px 4px 0px 0px;
    font-weight: bold;
    text-decoration: none;
    color: Gainsboro;
    background-color: #9966FF;
    border-color: Black;
    padding: 5px 10px 5px 10px;
    border-width: 1px;
    font-size: 13px;
    display: block;
  }

  .main_menu a.dynamic {
    padding: 7px 10px 7px 10px;
    color: #0000CC;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    display: block;
  }

  .main_menu a.static.selected {
    background-color: White;
    border-color: White;
    border-radius: 4px 4px 0px 0px;
    color: #0000CC;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
  }

    .main_menu a.static.selected.highlighted {
      border-color: #C0C0FF;
    }

  .main_menu a.static.highlighted {
    color: #000088;
    background-color: #C0C0FF;
    border-color: #000088;
  }

  .main_menu a.dynamic.highlighted {
    color: #000088;
    background-color: #C0C0FF;
    border-color: #000088;
  }

/* Hide menu when loading page before running javascript */
.main_menu ul li a {
  display: none;
}


Body {
  background-color: white;
  margin: 0px;
}

Legend {
  font-weight: normal;
  font-size: 13px;
  line-height: 15px;
  font-family: Verdana, Helvetica, sans-serif;
  color: black;
}

.HeadBg {
  background-color: #87cefa;
}

.HeadBgOrange {
  background-color: orange;
}

.HomeHead {
  font-weight: bold;
  font-size: 20px;
  color: #0000cc;
  font-family: Verdana, Arial;
  height: 35px;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */

a:link {
  text-decoration: none;
  color: darkblue;
  /*top: 4px;*/
  left: 0px;
  top: 4px;
}

a:visited {
  text-decoration: none;
  color: darkblue;
}

a:active {
  text-decoration: none;
  color: darkblue;
}

a:hover {
  text-decoration: underline;
  color: darkcyan;
}

/* hyperlink style for buttons and link buttons used RepairOffers.aspx */
.Approved {
  background-color: lime;
}

.Declined {
  background-color: red;
}

.Dimmed {
  color: Silver;
}

a.Dimmed:link {
  text-decoration: underline;
  color: Silver;
}

a.Dimmed:visited {
  text-decoration: underline;
  color: Silver;
}

a.Dimmed:active {
  text-decoration: underline;
  color: Silver;
}

a.Dimmed:hover {
  text-decoration: underline;
  color: Silver;
}

/* Gridview */
.GridViewNormal {
  font-weight: normal;
  font-size: 13px;
  line-height: 15px;
  font-family: Verdana, Helvetica, sans-serif;
}

  .GridViewNormal th {
    background-color: whitesmoke;
    text-align: left;
    vertical-align: baseline;
    padding-right: 8px;
    height: 22px;
  }

    .GridViewNormal th a:link {
      color: darkred;
    }

      .GridViewNormal th a:link:hover {
        color: red;
      }

  .GridViewNormal td {
    padding-right: 5px;
  }


.GridViewSmall {
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  font-family: Verdana, Helvetica, sans-serif;
}

  .GridViewSmall th {
    background-color: whitesmoke;
    text-align: left;
    vertical-align: baseline;
    padding-right: 8px;
    height: 22px;
  }

    .GridViewSmall th a:link {
      color: darkred;
    }

      .GridViewSmall th a:link:hover {
        color: red;
      }

  .GridViewSmall td {
    padding-right: 5px;
  }


.GridViewTasks {
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  font-family: Verdana, Helvetica, sans-serif;
  border: none;
}

  .GridViewTasks td {
    padding-right: 5px;
  }

  .GridViewTasks tr {
    border: 5px solid white;
    background-color: whitesmoke;
  }


/* Styles for Invoices.ascx */
.OverBooked {
  font-weight: bold;
  color: white;
  background-color: red;
}

.Booked {
  font-weight: bold;
  color: green;
}

.UnderBooked {
  font-weight: bold;
  color: blue;
}

.MatchOrder {
  background-color: yellow;
}

/* Datagrids used for the display of articles */

.StatusOK {
}

.StatusOpgeroepen {
  background-color: yellow;
}

.StatusInBehandeling {
  background-color: silver;
}

.StatusTransportProbleem {
  background-color: red;
}

.StatusRepair {
  background-color: lime;
}

.Collect {
  background-color: lime;
}

.table {
  border-top: gray 1px solid;
  border-left: gray 1px solid;
}

.cell {
  border-right: gray 1px solid;
  border-bottom: gray 1px solid;
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  font-family: Verdana, Helvetica, sans-serif;
}

/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle {
  font-weight: bold;
  font-size: 20px;
  color: #0000cc;
  font-family: Verdana Bold, Helvetica, sans-serif;
}

.SiteLink {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background: url(Images/bars.png) repeat-x;
}

.Accent {
  color: red;
  font-weight: bold;
}

.Message {
  font-weight: bold;
  font-size: 11px;
  color: red;
  font-family: Verdana, Helvetica, sans-serif;
}

.Message_Large {
  font-weight: normal;
  font-size: 18px;
  color: black;
  font-family: Verdana, Helvetica, sans-serif;
}

/* style of item titles by Announcements and events */
.ItemTitle {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #8b0000;
}

/* GENERAL */
/* style for module titles */
.Head {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: normal;
  color: #666644;
}

/* style of item titles on edit and admin pages */
.SubHead {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #8b0000;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: black;
}

.Large {
  font-weight: normal;
  font-size: 15px;
  line-height: 17px;
  font-family: Verdana, Helvetica, sans-serif;
}

.Normal {
  font-weight: normal;
  font-size: 13px;
  line-height: 15px;
  font-family: Verdana, Helvetica, sans-serif;
}

.Small {
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  font-family: Verdana, Helvetica, sans-serif;
}

.SmallCommandButton {
  font-weight: normal;
  font-size: 10px;
  line-height: 11px;
  font-family: Verdana, Helvetica, sans-serif;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
}

.NormalRed {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: red;
}

.NormalBold {
  font-weight: bold;
  font-size: 13px;
  line-height: 15px;
  font-family: Verdana, Helvetica, sans-serif;
}

.NormalDouble {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  line-height: 20px;
}

/* text style for buttons and link buttons used in the portal admin pages */
a.CommandButton {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  text-decoration: underline;
  color: darkblue;
  height: 13px;
}

  a.CommandButton:link {
    color: darkblue;
  }

  a.CommandButton:visited {
    color: darkblue;
  }

  a.CommandButton:active {
    color: darkblue;
  }

  a.CommandButton:hover {
    color: darkcyan;
  }

/* text style for buttons and link buttons used in the portal admin pages */
a.LargeCommandButton {
  font-weight: bold;
  font-size: 12px;
  font-family: Verdana, Helvetica, sans-serif;
}

  a.LargeCommandButton:link {
    color: darkred;
  }

  a.LargeCommandButton:visited {
    color: darkred;
  }

  a.LargeCommandButton:hover {
    color: red;
  }

a.SiteLink:link {
  text-decoration: none;
  color: white;
}

a.SiteLink:visited {
  color: white;
  text-decoration: none;
}

a.SiteLink:active {
  color: white;
  text-decoration: none;
}

a.SiteLink:hover {
  color: white;
  text-decoration: underline;
}

/* GENERIC */
H1 {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: normal;
  color: #666644;
}

H2 {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: normal;
  color: #666644;
}

H3 {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #8b0000;
}

H4 {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #8b0000;
}

H5, DT {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #8b0000;
}

H6 {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #8b0000;
}

TFOOT, THEAD {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 12px;
  color: #8b0000;
}

/* TH Table Header */
th {
  font-weight: normal;
  /*
	font-size: 13px;
	line-height: 15px;
	font-family: Verdana, Helvetica, sans-serif;
	
	vertical-align: baseline;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #8b0000;*/
}

SMALL {
  font-size: 8px;
}

BIG {
  font-size: 14px;
}

BLOCKQUOTE, PRE {
  font-family: Lucida Console, monospace;
}

HR {
  color: #696969;
  height: 1pt;
  text-align: left;
}

/****************************************
     
 Page layout for asp controls     

*****************************************/

/* Pane */
.pane1 {
  clear: both;
  float: left;
  margin-left: 10px;
  width: 45px;
}

.pane2 {
  float: left;
  margin-left: 10px;
  width: 450px;
}

.pane3 {
  float: left;
  margin-left: 10px;
}

/*  Textbox wit label above textbox  */
.tb-top-small {
  margin-top: 5px;
}

.tb > span, .tb > input {
  display: block;
  width: 200px;
}

.tb > select {
  display: block;
  width: 205px;
}

/*  Textbox */
.tb {
  margin-top: 5px;
}

  .tb > span, .tb > input {
    display: inline-block;
    width: 200px;
  }

  .tb > select {
    display: inline-block;
    width: 205px;
  }

.tb-large {
  margin-top: 5px;
}

  .tb-large > span {
    display: block;
  }

  .tb-large > textarea {
  }

/* Checkbox */
.cb {
  margin-top: 5px;
  width: 222px;
}

  .cb > input {
    float: right;
    width: 15px;
    clear: both;
    min-height: 20px;
  }

  .cb > label {
    width: 200px;
    float: left;
  }

/* Buttons*/
.btn {
  clear: both;
  margin-top: 15px;
  margin-bottom: 15px;
}

  .btn > a {
    margin: 4px 8px 4px 0px;
  }

.btn_rounded {
  font-size: 18px;
  color:black; 
  border-radius: 8px;
}

.btn_rounded_red {
  font-size: 18px;
  color: white;
  background-color: red;
  border-radius: 8px;
}

.btn_rounded_blue {
  font-size: 18px;
  color: white;
  background-color: blue;
  border-radius: 8px;
}

/* Input File*/
.fileContainer {
  position: relative;
  background: url(sprites/backgrounds.jpg) repeat-x 0px -40px;
  border-radius: 6px;
  padding: 2px 8px;
  display: inline-block;
  margin: 4px;
  /*top:4px;*/
  cursor: pointer;
  white-space: nowrap;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

  .fileContainer [type=file] {
    cursor: pointer;
    display: block;
    font-size: 1px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
  }

.fileContainer-inner {
  display: block;
  line-height: 16px;
  background: url(sprites/formbuttons.png) no-repeat 0px 0px;
  background-position: 0px 0px;
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  padding: 0px 4px 0px 20px;
  min-width: 60px;
  min-height: 16px;
}

.tb_label {
  margin-top: 5px;
  display: block
}

.tb_label_left {
  float: left;
}

.Head_bold {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: black;
}

.cb_list {
  display: block
}

.focus_blue:focus {
  background-color: lightblue
}

.focus_blue:hover {
  background-color: lightblue
}

.focus_green:focus {
  background-color: lightgreen
}

.focus_gray:focus {
  background-color: lightgray
}

div.footeractions {
  position: sticky;
  bottom: 0;
  height: 28px;
  background-color: white;
  padding: 10px;
  min-width: max-content;
}

  div.footeractions > div.footeraction {
    margin-left: 10px;
    float: left;
  }

/* Overlay for video control */
.content {
  position: relative;
  width: 300px;
  /*  margin: 0 auto;*/
  padding: 0px;
}

  .content video {
    width: 100%;
    display: block;
  }

  .content:before {
    white-space: pre-wrap;
    content: '+  +  +  +  +  + \A +                   + \A +                   + \A +                   +  \A +  +  +  +  +  +';
    position: absolute;
    /*    background: rgba(0, 0, 0, 0.5);
    border-radius: 5px;*/
    top: 50px;
    right: 50px;
    bottom: 50px;
    left: 100px;
  }