/*
------------------------------------------------------------------------
Title        : customer.css: Definition of customer specific CSS
------------------------------------------------------------------------
             This is an UNPUBLISHED work COPYRIGHT by
        "ArtCom GmbH"; Haferwende 2; D-28357 Bremen; Germany
    It may be used, copied, or distributed only as permitted in a
                          written license.
------------------------------------------------------------------------
Created : 29-12-2014 kk
Version : 14-02-2019 kk
Remarks : This CSS will be loaded after loding all other ArtNet-CSS.
          Means: all definitions here in this file would overwrite all
          coresponding default definitions of WebCheck.
          This CSS must be placed in the /customer directory on the
          WebCheck-Server
------------------------------------------------------------------------
 */

.big-butt-frame, .big-butt-frame-blackshadow, .big-butt-frame-production,
.big-butt-frame-i2kportal, .big-butt-frame-invisible {
    font: 100%/110% Verdana, Helvetica, sans-serif;
    width: 500px;
    /*border-radius: 20px;*/
}

.big-butt-frame-production {
    width: 600px;
}

.big-butt-frame-i2kportal {
    width: 700px;
}

.big-butt, .big-butt-sep, .big-input {
    font: 100%/110% Verdana, Helvetica, sans-serif;
    width: 380px;
    height: 45px;
    /*border-radius: 10px;*/
}

.big-butt, .big-butt-sep {
    background-color: #494D50;
    font-weight: bold;
}

.big-butt:hover, .big-butt-sep:hover {
    background-color: #007481; /* 'addvantage' cold blue */
}

.med-butt, .med-butt-sep, .med-input, .med-select {
    font: 100%/110% Verdana, Helvetica, sans-serif;
    border-radius: 10px;
}

.med-butt, .med-butt-sep {
    background-color: LightSlateGray;
    font-weight: bold;
}

.med-butt:hover, .med-butt-sep:hover {
    background-color: #007481; /* 'addvantage' cold blue */
}

.med-text {
    font: 100%/110% Verdana, Helvetica, sans-serif;
}

/* Display WebCheck name in top of login dialog?: */
.product-name {
    display: none;  /*values: none (=off) or block (=on)*/
}

.prodlist-clickname {
    background-color: transparent;
}

.prodlist-clickname:hover {
    background-color: #007481;
}

/* side nav bar, active/selected item style: */
ul.sidenav li a.active {
    background-color: #007481;
}

/* side nav bar, logout button style: */
.icon-logout {
    background-color: #494d50;
}
ul.sidenav li a.red:not(.active) {
    background-color: #494d50;
}
ul.sidenav li a.red:hover:not(.active) {
    background-color: Red;
}

/* Language menu, currently-selected-item style: */
.itemlist-titlebar #language .selected {
    background-color: #007481;
}


/* on small screens change button and font size to something smaller */
@media (max-width: 600px) {
  .big-butt-frame, .big-butt-frame-blackshadow {
      font: 70%/80% Verdana, Arial, Helvetica, sans-serif;
      width: 200px;
      border-radius: 7px;
  }
  .big-butt, .big-butt-sep, .big-input {
     font: 70%/80% Verdana, Arial, Helvetica, sans-serif;
      width: 150px;
      height: 20px;
      border-radius: 5px;
  }
  .med-butt, .med-butt-sep, .med-input, .med-select {
      font: 70%/80% Verdana, Helvetica, sans-serif;
      border-radius: 5px;
  }
  .med-text {
      font: 80%/70% Verdana, Helvetica, sans-serif;
  }
}