/*generic*/
section h1 { padding: 15px 50px; font-weight: 400; font-size: 20px; color: #4d4d4d; margin: 0; background: #fff; }
section.outer { padding: 2px 50px; font-size: 0.9rem; }
section.menuOption, section.heading, section.newDoc { border-bottom: 1px solid #cecece;}
.configLabel.sectionTitle { border-bottom: 1px solid #cecece; padding-bottom: 5px; font-weight: 600; margin: 10px 0 3px 0;}
section.newDoc {}
section.configOption { padding-top: 15px; padding-bottom: 0; }
section.actions { text-align: right; background: #f1f1f1; padding: 10px 50px; position: absolute; bottom: 0; width: 100%; box-sizing: border-box;}
section.actions button { padding: 0 40px; font-size: 16px; margin-left: 10px; }
.configLabel { margin: 8px 0 3px 0; font-size: 14px; }
.inline { display: inline-block; } 
.configLabel.inline { vertical-align: sub; margin-top: 12px;}
body, html { -webkit-user-select: none; user-select: none; overflow: hidden;}

/*general tab*/
section.newDoc input, section.newDoc textarea, section#docSettings input, section#docSettings textarea { width: 95%; resize: none; }
.pageSelector { vertical-align: middle; margin-left: 10px; }
.exportSelector { vertical-align: middle; margin-left: 10px; }
.exportSelector .rectangle { width: 12px; height: 17px; display: inline-block; background-color: #4b4b4b; vertical-align: bottom; margin-right: 7px; }
.exportSelector .rectangle.spread {margin-right: 1px;}
.exportSelector .is-selected .rectangle {background-color: #326ec8;}
.pageSelector .coral3-Select { width: 30px; margin-top: 5px; }
.thumbnail { width: 100px; height: 90px; margin-right: 10px; display: inline-block; }
.repubThumbnailImage { max-width:90px; max-height:90px; width: auto; height: auto; }
.existingDocSelector { display: inline-block; vertical-align: top;  max-width: 75%;}
.existingDocSelector a { line-height: 2.5rem; margin-left: 10px; }
.existingDocSelector .viewWrapper{white-space: nowrap;}
.existingDocTitle { text-overflow: ellipsis; width: 92%; overflow: hidden; white-space: nowrap;}
.existingDocTitle, .existingDocPublishDate { font-size: 14px; color: #666; margin-top: 5px;}
.deviceImg { width: 100px; height: 80px; margin-right: 10px; display: inline-block; background: url('../resources/icons/PO_LearnMore_Icon.svg') no-repeat; background-size: cover; background-position-y: -6px; margin-top: 10px; vertical-align:top;}
.aboutDetail { display: inline-block; width: 75%;}
.aboutDetail .aboutDesc { font-size: 14px; color: #666; line-height: 1.15; margin-bottom: 3px; margin-top: -3px;}
.optAllow label{ font-size: 14px; display: block; margin-left: 25px;margin-top: -18px;}
.existingDocSelector .coral3-Select {width: 19.0rem;}
.title { width: 100%;}
section.menuOption .coral-Checkbox-description, section.menuOption .coral-Radio-description coral-radio-label, section.menuOption .coral-Radio-description {font-weight: 700;}
section.newDoc .configLabel, section.updateExisting .configLabel, section.about .configLabel {font-weight: 700;}
section.about{margin-top: 20px;}
#dialog1 section.menuOption label.coral-Radio-description {font-weight: 700;}
.optAllow .coral-Checkbox {padding: 0.625rem 0 0;}
.optAllow:last-child .coral-Checkbox {padding-bottom: 0.625rem;}
section.general .stepperCombo input {width: 6rem !important;}
section.general .stepperCombo .coral3-Select {width: 8.5rem;}
/*advanced tab*/
.configLabel.sectionTitle.marginLess {margin-top: 8px; margin-bottom:6px;}
.coverThumbnail { display: inline-block; width:90px; height:90px; }
.coverThumbnailImage { max-width:90px; max-height:90px; width: auto; height: auto; }
.thumbnailDesc { width: 75%; display: inline-block; font-weight: 200; font-style: italic; vertical-align: top;}
.format, .jpegQuality, .gifOptions, .resolution, .pdfPreset { vertical-align: middle; margin-left: 10px;}
.inline.resolution {white-space: nowrap;}
.coverThumbnailOptions {/*margin: 5px 0;*/ display: inline-block; margin: 2px 0;}
.coverImageText{width: 19rem;}
.coverThumbnailOptions.choose {white-space: nowrap; width: 50%; display: block;}
.btnStepper  {width: 30px; min-width: 0; height: 19px; padding: 0; display: block; border-radius: 0; height: 16px;}
.stepper button:first-child {border-top-left-radius: 3px;}
.stepper button:nth-child(2) {border-bottom-left-radius: 3px; border-top: 1px solid transparent;}
.stepper {vertical-align: bottom; display: inline-block; position: relative; left: 9px; top: -6px;}
.stepperCombo { display: inline-block; position: relative; height: 35px; left: 5px;}
.stepperCombo input {min-width: 0; width: 4.5rem !important; position: absolute; z-index:2;}
.stepperCombo .coral3-Select {width: 6.95rem; position: absolute; margin-top: 0;}
.stepperCombo .coral3-Select button {min-width: 0;}
.chosen {margin-left: 15px; margin-bottom: 3px;}
.advanced .alert-icon {display: none; color: #999; margin-top: 0.8rem; margin-left: 5px;}
.advanced .alert-icon-tooltip {width: 150px; max-width: 150px; white-space: normal;}

/*coral overrides*/
#dialog1 .coral3-Select .button { min-width: 20px; }
#dialog1 .coral-Button.coral-ButtonGroup-item { font-weight: 600; font-size: 14px; color: #6f6f6f; height: 2rem; padding: 0 0.9375rem;}
#dialog1 .coral-Button.coral-ButtonGroup-item.is-selected {color: #316dc7;}
#dialog1 label.coral-Radio-description {font-size: 14px;}
#dialog1 input.coral-Radio-input:checked ~ label.coral-Radio-description {color: #316dc7;}
#dialog1 input.coral-Textfield, #dialog1 textarea.coral-Textfield {color: #666; ; font-size: 14px;}
#dialog1 input.coral-Textfield {height: 2rem;}
/*#dialog1 .coral-Radio {padding: 10px 0;}*/
#dialog1 .pageSelector .coral-Radio label {padding: 10px 0; font-weight: 400;}
/*#dialog1 .coral-Radio:first-child {padding-right: 10px;}*/
#dialog1 .exportSelector .coral-Button.coral-ButtonGroup-item {font-weight: 400;}
#dialog1 .coral3-SelectList-item, #dialog1 coral-select-item {white-space: nowrap;} {white-space: nowrap;}
#dialog1 .coral-Checkbox, .coral-Radio {height: auto;}
/*.coral-Button:not(:disabled):not(.is-disabled).is-focused, .coral-Button:not(:disabled):not(.is-disabled):focus,
.coral--dark .coral-Checkbox-input:focus+.coral-Checkbox-checkmark, .coral-Checkbox-input:focus+.coral-Checkbox-checkmark, .coral-Radio-input:focus+.coral-Radio-checkmark{
    box-shadow: none;
    border-color: #d0d0d0;
}*/
.coral-Link{cursor: pointer; font-weight: 700;}
/*
.coral-Link,
.coral-Checkbox-description,
.coral-Radio-description coral-radio-label,
.coral-Radio-description {font-weight: 700;}
*/

.alert-icon-tooltip.coral3-Tooltip--arrowDown:after, .alert-icon-tooltip.coral3-Tooltip--arrowDown:before {left: 56%;}
/*Modal dialogs*/
.coral-Dialog-header { height: 1.5rem; background: #f1f1f1;}
.coral-Dialog-footer {background: #f1f1f1;}
.coral-Dialog-content {font-size: 16px; padding: 1rem 30px; line-height: 1.25; text-align: justify;}
.coral-Dialog-header:after {height: 0;}
#warningModal p, #republishConfirmModal p { display: inline-block; width: 73%; margin: 0; vertical-align: middle;}
.modalIcon {display: inline-block; margin-right: 30px; vertical-align: top;}
#republishConfirmModal .modalIcon {vertical-align: middle;}
.coral-Button--block {
    height: 2rem;
    padding: 0 0.9375rem;
}

.configLabel.inline.pageMargin { margin-top: 21px; margin-bottom: 10px;}
.customTable-cell:first-child {vertical-align: middle; width: 160px;}
.customTable-cell {display: inline-block;}
.customTable-cell .configLabel.inline {margin: auto;}
.customTable-cell:first-child {text-align: right; min-width: 111px;}
.customTable-cell {padding: 2px 0;}
.customTable .coral3-Select {width: 18.9rem;}

/* Tooltip*/

.tooltip-image-path, .tooltip-title, .tooltip-repub-title { max-width: 200px; white-space: normal; height: auto; right: 75px !important; left: auto !important; word-break: break-word;}
.tooltip-image-path {right: 123px !important;}