/*
    GDPR360 Limited 

    This stylesheet can be used to:
    1) Switch on the 'export as doc' button
    2) Style the output of the HTML-rendered notifications
    3) Update your company logo or switch the logo off completely

    ********************************************************************************
    **  Under no circumstances should the content of the notifications be altered ** 
    **  Failure to adhere to this requirement may cause your organisation to      ** 
    **  immediately be in breach of the GDPR Articles 13, 14 and others           **
   ********************************************************************************* 
*/

/****************************************
 *** Export as Word button visibility ***
 ***************************************/
.word-export {
    /* Switch 'visible' to 'hidden' (no quotes) if you want the 'Export as ...' button to be visible/hidden  */
     visibility:hidden;
 }
 
 a.word-export:link, a.word-export:visited {
     border-color: red;
     color: red;
     border: 2px solid red;
     padding: 10px 20px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
 }
 
 a.word-export:hover, a.word-export:active {
     background: red;
     color: white;
 }

/***********************************
 *** Logo replacement or removal ***
 **********************************/
 
 .logo-replace {
/* Switch 'block' to 'none' (no quotes) if you don't want any logo to be displayed */
    display: none;

    -moz-box-sizing: border-box;
    box-sizing: border-box;

/* Update the URI of your logo in the next line */
    background: url(https://www.gdpr360.com/wp-content/uploads/2018/05/powered-by-gdpr360-black-on-transparent-Small.png) no-repeat;

/* Ensure you update the size of you logo correctly below */
    width: 333px; 
    height: 128px; 
    padding-left: 333px; /* MUST be equal to width of your logo */
  }
 
/************************************************************************************
 *** Notifications styling can be changed here if default styling is not suitable ***
 ***********************************************************************************/

#notification {
    font-family:Arial, Times, serif, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    padding-top: 100px;
}

#notification td, #notification th {
    border: 1px solid #ddd;
    padding: 8px;
}

#notification tr:nth-child(even){background-color: #f2f2f2;}

#notification tr:hover {background-color: #ddd;}

#notification th {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    text-shadow:none;
    background-color: #2e4053;
    color: white;
}

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
    background-color: #f9f9f9;
    border-color: #bbb;
    color: #333;
    text-shadow: none;
}

.ui-page-theme-a .ui-btn:focus, html .ui-bar-a .ui-btn:focus, html .ui-body-a .ui-btn:focus, html body .ui-group-theme-a .ui-btn:focus, html head+body .ui-btn.ui-btn-a:focus, .ui-page-theme-a .ui-focus, html .ui-bar-a .ui-focus, html .ui-body-a .ui-focus, html body .ui-group-theme-a .ui-focus, html head+body .ui-btn-a.ui-focus, html head+body .ui-body-a.ui-focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

a:not(.btn):not(.badge):hover, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):active {
    text-decoration: none;
    outline: none;
    color: #000;
}

#page-content:not(.no-sidebar) {
    padding: 20px 0 40px 0;
}