:root {
  --d2dBlue: #2B2D5B;
  --d2dDarkBlue: #151C46;
  --d2dAltBlue: #2E3E96;
  --d2dOrange: #FF5722;
  --d2dGold: #FFA000;
  --d2dWhite: #FFFFFF;
  --d2dGrey: #58585A;
  --d2dLightGrey: #BBBBBB;
  --d2dSilver: #EEEEEE;
  --d2dRed: #B20000;
  --d2dFlatGrey: #CCCCCC;
  --d2dGreen: #57B45A;
  --d2dDarkGreen: #2C813D;
  --d2dCheckmarkGreen: #57B359;
  --d2dCheckmarkDisableGreen: #84C586;
  --d2dLightGreenBackground: #EFF8EF;

  --d2dPurple: #6C5BBB;
  --d2dSlate: #AAAAAA;
  --d2dDirtyYellow: #FFE0B2;
  --d2dPaleBlue: #ECEFF1;
  --d2dLightBlue: #C3CCD1;
  --d2dAltForeground: #90A4AE;
  --d2dAltBackground: #DDDDDD;
  --d2dErrorBackground: #F4AAA7;
  --d2dLightRed: #F6D5D6;

  --voxAudiobook: #EE4927;
  --voxLightAudiobook: #FFD2B9;
  --d2dPrintYellow: #FFD978;
  --d2dEbookBlue: #616EB9;
  --d2dBlueSteel: #12275C;
  --d2dSelectBGAlt: #636D86;
  --d2dTheLightestGray: #F8F8F8;

  --d2dGoldLight: #FFF3E0;
  --d2dAnotherGrey: #ECEFF1;
  --d2dYAG: #BABABA;

  --d2dFlagBannerGold: #FDD652;

  --d2dPreviewBannerGold: #F57C00;
  --d2dPreviewBannerFold: #E65100;
  --d2dPreviewBannerYellow: #FFA000;

  --d2dFontColor: #2B2B2B;
  --d2dRobotoFont: Roboto, Verdana, Geneva, sans-serif;
  --d2dSerifFont: PlayfairDisplay, Palatino, Georgia, serif;
  --d2dMonospaceFont: CourierNew, Courier, monospace;

  --inputBackground: #F0F0F0;
  --inputBottomBorder: var(--d2dOrange);
  --inputBackgroundDisabled: #D9D9D9;
  --inputBottomBorderDisabled: #9E9E9E;
  --inputBorder: #B0BEC5;
  --outlineColor: #1C5959;

  --materializeGrey: #9E9E9E;
  --materializeGreen: #26A69A;
}

@font-face {
    font-family: 'danielblack';
    src: url('../font/Daniel-Black-webfont.eot');
    src: url('../font/Daniel-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Daniel-Black-webfont.woff') format('woff'),
         url('../font/Daniel-Black-webfont.ttf') format('truetype'),
         url('../font/Daniel-Black-webfont.svg#danielblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: "ArchivoBlack";
  src: url("../font/ArchivoBlack-Regular.ttf") format("truetype");
}

html, body {
    background-color: #151C46;
}

::-ms-clear {
  display: none;
}

body, input, select, textarea {
  font-family: "Roboto", Verdana, Geneva, sans-serif;
  color:#2b2b2b;
}

input[type=file], input[type=checkbox], select {
  display: none;
}

a, .link-placeholder {
  color:var(--d2dOrange);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
  color:#2B2B2B;
}

h2 {
  font-size:35px;
  font-weight: 100;
}

h3 {
  font-size:24px;
  line-height:26px;
  font-weight:bold;
  color:#4C4C4C;
}

strong {
  font-weight:bold;
}

em {
  font-style:italic;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

table.styled-table th{
  background-color:#F90;
  color:#FFF;
  font-weight:bold;
  padding-top:6px;
  padding-bottom:6px;
}

table.styled-table td{
  text-align:center;
  padding-top:4px;
  padding-bottom:4px;
}

table.styled-table tr:nth-child(odd) {
  background-color:#DBF4FB;
}

table.styled-table tr:nth-child(even) {
  background-color:#FFF;
}

.label-wrapper {
  font-size:14px;
  margin:4px 0;
}

.value-wrapper {
  width:250px;
  margin:4px 0 8px;
  position: relative;
}

.cbWrapper {
  width:375px;
}

.cbWrapper .value-wrapper {
  width:33px;
}

.cbWrapper label{
  float:right;
  height:34px;
  line-height:25px;
  font-size:14px;
}

.cbWrapper input {
  width:34px;
  height:34px;
}

.clear {
  clear:both;
}

.right {
  float:right;
}

.left {
  float:left;
}

.center-text {
  text-align:center;
}

:focus {
  outline: 1px dashed white;
  padding: 0;
}


/* TODO - WEB-3164 - down to here in searching for id css selectors, and eliminating them. */
/* blue outline */
a.distributor-view-link:focus, a.viewbook-link:focus, div.book-status:focus,
button#add-book:focus, button#search-icon:focus, a.metadata-page:focus,
a.breadcrumb:focus, a.ubl:focus, button.ubl:focus,
button.findaway-project:focus, button.download-link:focus,
button.book-action:focus, button.schedule-promotion:focus,
div.promotion-tool-title:focus, a.inner-rb-button:focus,
div#document-on-file-download a:focus, div#expand-shared-metadata:focus,
div#contributors-field-wrapper button:focus, button[title="Save and Continue"]:focus,
div.epub-preview button.red-button:focus, div.download-section button.red-button:focus,
.download-item a, button#manage_regional_prices_button:focus,
div.currency-inputs > div.toggle:focus, button#btn-change-pricing:focus,
button#btn-cancel-pricing:focus, form#publishing-form td > div.toggle:focus,
#digital-stores-toggle-digital-stores:focus, #digital-stores-toggle-library-services:focus,
#digital-stores-toggle-subscription-services:focus, #digital-stores-toggle-all-kobo-plus:focus,
#publishing-form a:focus, div[id^="amazon"].toggle:focus, button#amazon_cancel:focus,
button#amazon_submit:focus, #publishing-form button#confirm-btn-confirm:focus,
#publishing-form button#confirm-btn-cancel:focus, div#sync-digital-price:focus,
button#edit-shared-metadata:focus, button#copy-manuscript:focus,
div#button-print-upload-interior:focus, button#overwrite-using-ebook-file:focus,
button#cancel-overwrite-with-ebook:focus, button#edit-metadata-submit:focus,
a.inner-rb-button:focus, div#add-introductory-pages-field-wrapper div.toggle:focus,
div#add-biographical-pages-field-wrapper div.toggle:focus,
div#add-promotional-pages-field-wrapper div.toggle:focus,
div#preview-area button:focus, button.pdf-download:focus,
button#apply-changes:focus, button#save-and-continue:focus,
div.toggleChoiceButton:focus, div#force-chapter-start-checkbox:focus,
div#include-toc-checkbox:focus, div#hyphenate-checkbox:focus,
button#download-blank-template:focus, div#show-guides:focus,
div.reset-color-picker:focus, div.clearable-upload-input-button:focus,
button#submit-and-rights-confirmation:focus, button#publish_submit:focus,
div#publish_approved.toggle:focus {
  display: inline-block;
  outline-color: #1C2559;
}

/* moar blue outline that needed it's outline attribute set for some reason */
div.upload-button:focus, div.radio-choice div[role="radio"]:focus,
section#edit-book-metadata input:focus, section#edit-book-metadata div.select-component-root:focus,
div#template-style.select-component-root:focus, div#trim-size-select:focus,
div#header-text-location div.select-component-root:focus,
div#page-number-location div.select-component-root:focus,
div#chapter-page-number-location div.select-component-root:focus {
  outline: 1px dashed #1C2559;
}

/* d2d red outline */
form#book_layout_form button#id_form_submit_button:focus,
#preview-layout-navigation button#id_form_submit_button_next:focus,
button#publish_submit_button:focus, button#edit-metadata-cancel:focus {
  display: inline-block;
  outline-color: #FF6633;
}

a.site-logo, a.my-books {
  display: inline-block;
}

.hidden {
  display: none;
}

button::-moz-focus-inner {
  border: 0;
}

.relative {
  position:relative;
}

.help-popup{
  position:relative;
  z-index: 800;
}

.help-popup-outer{
  display:none;
  position:absolute;
  right: -102px;
  bottom: 10px;
  width:220px;
  text-align:center;
}

.help-popup-outer .help-popup-text {
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
  display:block;
  padding:5px;
  background:#FFF;
  max-width:220px;
  z-index:20;
  font-size: 11px;
  line-height:12px;
}

.help-popup-text p {
  margin-top:3px;
  margin-bottom:3px;
}

.help-popup-outer .help-popup-arrow {
  display:block;
  width:15px;
  height:17px;
  background: url("../img/bg-help-popup.png") center bottom no-repeat;
  z-index:25;
  margin:0 auto;
}

.help-popup:hover .help-popup-outer{
  display:block;
}

.primary-content .help-popup p {
  font-size: inherit;
  line-height: inherit;
  margin: inherit;
}

.checkbox {
  width: 33px;
  height: 33px;
  padding: 0;
  background: url("../img/checkbox.png") no-repeat;
  display: block;
  clear: left;
  float: left;
  cursor: pointer;
  border-bottom: 3px solid var(--d2dOrange);
  margin-right: 5px;
}

.radio {
  width: 34px;
  height: 34px;
  padding: 0 5px 0 0;
  background: url("../img/radio.png") no-repeat;
  display: block;
  clear: left;
  float: left;
}

.non-field-error-wrapper {
  margin-bottom:15px;
}

.non-field-error {
  font-size:14px;
  line-height:16px;
  padding:6px 9px 6px 9px;
  display:inline-block
}

.error-circle {
    margin-right: 5px;
}

.non-field-error {
  background: #AFC1D8;
  border: 2px solid #151C46;
  color:#151C46;
}

.primary-content .non-field-error ul {
  padding-left:0;
}

.primary-content .non-field-error ul li{
  background: none;
  padding-left: 0;
  font-size: inherit;
  line-height: inherit;
  margin:0;
}

/**
 * Content
 */
h2.page-header{
  padding: 3px 5px 0 0;
  display:inline-block;
  font-size:35px;
  margin-bottom:15px;
  font-weight:100;
}

.primary-content-wrapper{
  background: white;
  padding-top:53px;
    padding-bottom: 50px;
}

.wide .primary-content-wrapper {
  min-width: 1611px;
}

.wide .primary-content {
  width:1500px;
}

.wide .inner-rb-header-fill {
  width:1500px;
}

.wide .reports-right {
  max-width:1240px;
}

.primary-content {
  max-width:940px;
  margin: 0 auto;
  padding:0 55px;
}

.content-main {
  width:1050px;
  margin:20px auto;
}

.main-text ul {
  padding-left:68px;
}

.main-text ul li {
  list-style:none;
  background: url('../img/content-bullet.png') left 6px  no-repeat ;
  padding-left:13px;
  font-size: 14px;
  line-height:16px;
  margin: 4px 0;
}

.main-text ol {
  list-style:decimal;
  font-size: 14px;
  line-height:16px;
  padding-left:20px;
}

.radio-wrapper ul {
  padding-left:0;
}

.radio-wrapper ul li {
  font-size:14px;
  height:50px;
  line-height:16px;
  background:none;
  padding-left:0;
}

.primary-content p{
  font-size: 14px;
  line-height:16px;
  margin:10px 0;
}

.primary-content p:last-of-type{
    margin-bottom: 25px;
}

/**
 * Validation
 */
.vd-message-outer, .vd-hover-outer{
  overflow:hidden;
  position:absolute;
  padding-left:52px;
  width:140px;
  background:url('../img/required-field.png') top left no-repeat;
  z-index:900;
  height:34px;
}

.vd-message, .vd-hover{
  height: 40px;
}

.vd-message div, .vd-hover div{
  text-transform:uppercase;
  font-size:10px;
  text-align:left;
  padding-right:5px;
  color:#FFF;
  background:#151C46;
  height:34px;
  display:table-cell;
  vertical-align:middle;
}

/**
 * Login
 */

.login-form,  .validate-submit{
  width:269px;
}

form p {
  margin: 3px 0;
}

form input[type=number], form input[type=text], form input[type=url], form input[type=email], form input[type=password], .styled-file, form textarea, div.input-plus, .styled-input input {
  background-color: white;
  border-radius: 0px;
  padding: 0 20px;
  height:33px;
  width:210px;
  border: 1px solid var(--inputBorder);
  border-bottom: 2px solid var(--d2dOrange);
}

form input[type=number]{
  padding-right: 0px;
}

form input[disabled] {
  background-color: var(--inputBackgroundDisabled);
}

div.input-plus{
  padding:4px 5px 4px 20px;
  height:25px;
  margin:10px auto;
  width:275px;
}

.input-plus input {
  background-color: #F8F8F8;
  box-shadow:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  border-radius:0;
  -moz-border-radius:0;
  border:none;
  padding: 0;
  height:25px;
  width:248px;
  float:left;
  margin-right:9px;
}

.input-plus-add {
  margin-top:4px;
  cursor:pointer;
}

form textarea {
  resize:none;
  height:180px;
  width:280px;
  padding:10px;
}

form input.submit {
  background-image:none;
  margin-top:15px;
  border:none;
  border-radius:0;
  -moz-border-radius:0;
  box-shadow:none;
  -moz-box-shadow:0;
  height:34px;
  width:101px;
  float:right;
  padding:0;
  margin-right:20px;
}

/* Edit Book */
body .ui-dialog {
  background-color:#FFF;
  padding:10px;
  font-size: 62.5%;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

/* Inner With Right Label */
h2.inner-rb-header{
  padding: 3px 5px 0 0;
  display:inline-block;
  margin-bottom:15px;
  float:left;
  background-color:#FFF;
}

.inner-rb-button, .mybooks-right-button, .editbook-right-button{
  float:right;
  padding: 0 0 0 7px;
  color: #2b2b2b;
  font-size: 10px;
  font-weight: bold;
  background:#FFF;
  cursor:pointer;
  position:relative;
  text-transform:uppercase;
  margin-top:27px;
}

.inner-rb-button a{
  color:inherit;
}

.inner-rb-button a:hover{
  text-decoration: none;
}

.mybooks-right-button, .editbook-right-button {
  background:url("../img/bg-mybooks-sort.png") right 3px no-repeat #FFF;
  padding-right:12px;
}

.inner-rb-header-fill{
  clear:both;
  border-bottom:1px solid #C5C5C5;
  height:32px;
  width:930px;
  margin-top: 12px;
}

.ui-dialog-titlebar{
  text-align:center;
  font-size:16px;
  font-weight:bold;
  margin-bottom:15px;
}

.ui-dialog-titlebar-close {
  background: url('../img/remove-icon.png') no-repeat;
  display:block;
  float:right;
  width:13px;
  height:13px;
}

.no-close .ui-dialog-titlebar-close {
  display:none;
}

.ui-dialog-titlebar-close span {
  display:none;
}

/* TODO - WEB-3164 - working my way up from here.. */

.logo img {
  max-width: 100%;
}

.red-button {
  background-color: #FF5722;
  padding: 5px 10px;
  color: #FFFFFF;
  border: 0;
  font-size: 12px;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
  height: 33px;
}