/*
 * ValitorPay CSS customziations for Redoc styles
 */

/*
  Hiding the 'Powered by Redoc'
*/
.cxRqCB {
  display: none;
}

/*
  Spacing around logo image
*/
#redoc_container .menu-content img {
  padding: 20px 30px 14px 30px;
}

/*
  Making all controller sections in left-hand-menu expanded by default
*/

.kBBDeQ {
  display: block !important;
}

/*
  Hide collapsed/expanded indicator icon for left-hand-side menu items
  (unnecessary when everything is expanded by default)
*/
.hndQyM label[type="tag"] svg {
  display: none;
}

/*
  Adjusting background color and style on controller names in left-hand-side menu
*/
.hndQyM label[type="tag"] {
  background: #f1f1f1;
  font-weight: 600;
}

/*
  Hiding the 'Nullable' strings
*/
  .bKmuNy {
    display: none;
  }

/*
  Restyling of regular expression strings
*/
.fScDrf, .gGicuY {
  font-weight: bold;
  color: rgb(18, 52, 75) !important;
}

.fScDrf::before, .gGicuY::before {
  content: "Characters: " !important;
}

.fScDrf::after, .gGicuY::after {
  content: "" !important;
}

/*
  Restyling of enum values
*/
span.edZrAi {
  color: rgb(229, 57, 53)!important;
}

/*
  Custom colored boxes for warnings and infos in descriptions
*/
warn:before, info:before, note:before, err:before{
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

info:before {
  content:"\f05a";
}

warn:before {
  content:'\f071';
}

note:before {
  content: '\f059';
}

warn {
  margin: 1em 2em;
  padding: .5em .8em;
  display: block;
  margin-left: 2em;
  border-radius: 10px;
  color: #9F6000;
  background-color: #FEEFB3;
}

info {
  margin: 1em 2em;
  padding: .5em .8em;
  display: block;
  margin-left: 2em;
  border-radius: 10px;
  color: #00529B;
  background-color: #BDE5F8;
}

note {
  margin: 1em 2em;
  padding: .5em .8em;
  display: block;
  margin-left: 2em;
  border-radius: 10px;
  color: #424242;
  background-color: #f3f3f3;
}

err {
  margin: 1em 2em;
  padding: .5em .8em;
  display: block;
  margin-left: 2em;
  border-radius: 10px;
  color: white;
  background-color: red;
}

/*
  Styling tables showing amount values
  ensuring columns with currency values are
  right aligned and that the table itself
  is center aligned
*/
table.amount-examples {
  margin: 0 auto;
  width: max-content!important;
}
table.amount-examples td:not(:first-child) {
  text-align: right;
}

/*
  Stylings for callback sections
*/

/*
  Hide URL PATH for Callback examples
  the paths are invalid for these cases (we just want to show the examples)
*/
  div[id$="_Callback_Payload"] div.gKlzys, div[id$="_Callback"] div.gKlzys {
    display: none !important;
  }

  div.sc-dfVpRl.gSNMRl div.sc-gzOgki.fBopsv {
    display: none !important;
  }

  /* Adjust the padding of the example so that it looks better after removing the URL PATH */
  div[id$="_Callback_Payload"] div.hTZAWu, div[id$="_Callback"] div.hTZAWu {
    padding-top: 20px !important;
  }

/*
  Due to a strange bug in the Swashbuckle library, they display the wrong
  path in the examples. Short term fix is to simply disable the expandable
  section with the full server path to hide this bug
    1. Hide expandable image
    2. Disable click event to expand

    *This doesn't seem to be issue anymore so these rules will
    be commented, but still remain part of the css file due to the
    safety reasons.'
*/
/*div.glWwmc svg {
  display: none!important;
}
div.glWwmc {
  pointer-events: none!important;
}*/

/*
    Do not allow line breaks for code examples
    This is subject to change in the future.
*/
div.sc-jWBwVP.sc-iRbamj.JbZbm p note code {
  white-space: nowrap;
}

#apiVersionDiv {
  /*background-color: rgb(28, 80, 116);*/
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
}
#apiVersionDropDown {
  font-family: Hind;
  font-weight: 600;
  font-size: 0.8em;
  padding-bottom: 0;
}

select#apiVersionDropDown {
  width: 260px;
  background: #f1f1f1;
  padding-left: 30px;
  border: none;
  font-family: Hind, Verdana, Geneva, sans-serif;
}

p#responseCodes {
    margin: 0 0 0 0;
    text-align: center;
}

p#implementationGuide {
    margin: 0 0 0 0;
    text-align: center;
}

p#releaseNotes {
    margin: 0 0 0 0;
    text-align: center;
}

#externalInfoLink {
  font-family: Hind;
  font-weight: 600;
  font-size: 0.8em;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  margin: 0 auto;
  display: inline-block;
  width: 260px;
  padding: 2px 0px 2px 0px;
}

#redoc_container .menu-content img
{
  padding-top: 120px;
  max-height: 310px;
}

.responseCodeTable {
  border-collapse: collapse;
  margin-bottom: 1em;
}

.responseCodeTable td, .responseCodeTable th {
  border: 1px solid rgb(221, 221, 221);
  padding: 6px 13px;
}

.responseCodeTable th {
  text-align: left;
}

.responseCodeTable tr:nth-child(2n) {
  background-color: rgb(250, 250, 250);
}

#responseCodeBody {
    margin: 2rem 0rem 0rem 2rem;
}

.releaseNotesTable {
    border-collapse: collapse;
    margin-bottom: 1em;
    text-align: left;
}

.releaseNotesTable td, .releaseNotesTable th {
    border: 1px solid rgb(221, 221, 221);
    padding: 6px 13px;
}

.releaseNotesTable td, .releaseNotesTable ul {
    margin: 0 0 0 0;
}

.releaseNotesTable tr:nth-child(2n) {
    background-color: rgb(250, 250, 250);
}

#releaseNotesBody {
    margin: 2rem 0rem 0rem 2rem;
}

#valitorIcon {
  width: 200px;
  height: auto;
  display: block;
  margin: auto;
}

#exemptionHeader {
  display: block;
  margin: auto;
  width: fit-content;
}

#expandInfo {
  margin-left: 261px;
}

#expandInfoText {
  margin: 1px;
}

#depricatedWarningText {
  margin: 1px;
}

div[role="search"] {
  visibility: hidden;
}

@media only screen and (min-width: 1360px) and (max-width: 1760px) {
  [id*="cardTable"] {
    font-size: 0.6em;
  }

  [id*="merchentWebHookURL"] {
    font-size: 0.9em;
  }
}

@media only screen and (max-width: 1200px) {
  [id*="cardTable"] {
    font-size: 0.6em;
  }

  [id*="merchentWebHookURL"] {
    font-size: 0.8em;
  }
}