/* This example only works on 8 inch screen sizes. */
.options-page{
    position: absolute;
    /*height: 484px;*/
    height:100%;
    width:100%;
    right: 100%;
    /*width: 800px;*/
    background-color: #ebebeb;
    -webkit-transition: right 300ms ease-in;
     background-image: url(assets/options/DocFileType.png);
}

.options-content-page.lg{
    height: 434px;
    /*position: absolute;*/
    /*height: 100%;*/
}

/*This is by a factor of 1.28 */
.options-content-page.xl{
    height: 555px;
    /*position: absolute;*/
    /*height: 100%;*/
}

.options-left-panel.lg
{
    position: absolute;
   
    width: 380px;
    height: 433px;
    border-right: 1px solid #a8a9aa;
    z-index: 1;
    background-color: #ebebeb;
    display: inline-block;
    

}

.options-left-panel.xl
{
    position: absolute;
   
    width: 486px;
    height: 555px;
    border-right: 1px solid #a8a9aa;
    z-index: 1;
    background-color: #ebebeb;
    display: inline-block;

}

.options-right-panel.lg
{
    position: absolute;
    left: 381px;
    height: 383px;
    width: 419px;
    /*left: 50%;*/
    /*height:90%;*/
    /*width: 50%;*/
    background-color: #ebebeb;
}

.options-right-panel.xl
{
    position: absolute;
    left: 487px;  
    height: 555px;
    width: 537px;
    background-color: #ebebeb;
}


.show-options-page {
    -webkit-transition: right 300ms ease-out;
    right: 0%;
}

.fileType-settings-page.lg{
    position: absolute;
    height: 484px;
    width: 800px;
    right: 100%;
    z-index:2;
    background-color: #ebebeb;
    -webkit-transition: right 300ms ease-in;
}

.fileType-settings-page.xl{
    position: absolute;
    height: 620px;
    width: 1024px;
    right: 100%;
    z-index:2;
    background-color: #ebebeb;
    -webkit-transition: right 300ms ease-in;
}

.show-options-page.lg {
    -webkit-transition: right 300ms ease-out;
    right: 0%;
}

.show-options-page.xl {
    -webkit-transition: right 300ms ease-out;
    right: 0%;
}

.fileType-content-page.lg{
    height: 384px;
}

.fileType-content-page.xl{
    height: 492px;
}

.fileType-left-panel.lg
{
    position: absolute;
    width: 380px;
    height: 384px;
    border-right: 1px solid #a8a9aa;
    z-index: 1;
}

.fileType-left-panel.xl
{
    position: absolute;
    width: 487px;
    height: 492px;
    border-right: 1px solid #a8a9aa;
    z-index: 1;
}

.fileType-right-panel.lg
{
    position: absolute;
    left: 5px;
    height: 383px;
    width: 419px;
}

.fileType-right-panel.xl
{
    position: absolute;
    left: 5px;
    height: 491px;
    width: 537px;
}

.fileType-settings-panel.lg
{
    position: absolute;
    height: 373px;
    width: 413px;
    -webkit-transition: left 300ms ease-out;
    left: -40px;
    background-color: #ebebeb;
    overflow-y: auto;
}

.fileType-settings-panel.xl
{
    position: absolute;
    height: 478px;
    width: 529px;
    -webkit-transition: left 300ms ease-out;
    left: -40px;
    background-color: #ebebeb;
    overflow-y: auto;
}

.fileType-settings-listpanel.lg
{
    position: absolute;
    /*height: 373px;*/
    /*width: 413px;*/
    height: 383px;
    width: 419px;
    margin-left: -6px;
    -webkit-transition: left 300ms ease-out;
    left: -40px;
    background-color: #ebebeb;
    overflow-y: auto;
}

.fileType-settings-listpanel.xl
{
    position: absolute;
    height: 555px;
    width: 537px;
    left: -51px;
    margin-left: -7px;
    background-color: #ebebeb;
    overflow-y: auto;
}


.fileType-panel.lg{
    width: 800px;
    height: 433px;
}

.fileType-panel.xl{
    width: 1024px;
    height: 555px;
}

.fileType-list {
    height: 384px;
}

.ocrFileType-list
{
    height: 180px;
}

.imageAdjustment-slider-panel.lg
{
	/*position: absolute;*/
    height: 333px;
    width: 418px;
    background-color: #f7f7f7;
}

.imageAdjustment-slider-panel.xl
{
	/*position: absolute;*/
    height: 418px;
    width: 535px;
    background-color: #f7f7f7;
}

.options-list
{
    height: 433px;
}

.preview-rectangle
{
    display: inline-block;
    background-color: white;
    margin: auto;
    margin-top: 20px;
    padding-top: 30px;
    margin-left: 40px;
    height: 400px;
    width: 310px;
    box-sizing: border-box;
    border: 1px dashed black;
}

.options-settings-panel.lg
{
    position: absolute;
    height: 433px;
    -webkit-transition: left 300ms ease-out;
    width: 418px;
    left: -40px;
    background-color: #ebebeb;
	/*background-color: #F7F7F7;*/
}

.options-settings-panel.xl
{
    position: absolute;
    height: 555px;
    -webkit-transition: left 300ms ease-out;
    width: 536px;
    left: -51px;
    background-color: #ebebeb;
	/*background-color: #F7F7F7;*/
}

.options-show-setting.lg {
    left: 381px;
    /*left:92%;*/
    -webkit-transition: left 300ms ease-out;
}

.options-show-setting.xl {
    left: 488px;
    /*left:92%;*/
    -webkit-transition: left 300ms ease-out;
}

.show-right-setting {
    left: 381px;
    -webkit-transition: right 300ms ease-out;
}

.show-options-page .hp-footer {
    -webkit-justify-content: flex-start;
    position: absolute;
    bottom: 0;
    width: 100%;
}

/*.fileType-settings-panel > .hp-label
{
   background-color: #f7f7f7; 
} */

.settings-list
{
    height: 433px;
}

/*.settings-panel > .hp-label
{
   // background-color: #f7f7f7;
}*/

#id-options-screen{
    height: 484px;
    overflow-y: auto;
   /* margin: 10px 10px 0; */
}

#id-file-list
{
    height: 324px;
    overflow-y: auto;
    margin: 10px 10px 0;
}

.darkness-instruction-class {
    height: 264px;
    padding: 10px;
}

#id-print-button {
    background-image: url('../helpersLib/img/Print.png');
}

#id-delete-button {
    background-image: url('../helpersLib/img/Delete.png');
}

/*#id-FileTypeOption  {
    background-image: url('../helpersLib/img/options/ListIcons/DocFileType.png');
}*/

/*#id-TextPhotoOptimizationOption .hp-listitem-icon {
   background-image: url('../helpersLib/img/options/OptionIcons/OptimizeTextPicture.png');
} */

/* #id-PlexModeOption .hp-listitem-icon {
    background-image: url('../helpersLib/img/options/OptionIcons/Sides.png');
} */

/* #id-MediaOrientationOption .hp-listitem-icon {
   background-image: url('../helpersLib/img/options/OptionIcons/ContentOrientation.png');
} */

/*#id-ColorModeOption .hp-listitem-icon {
    background-image: url('../helpersLib/img/options/OptionIcons/ColorBlack.png');
}*/

/*#id-MediaSizeOption .hp-listitem-icon {
    background-image: url('../helpersLib/img/options/OptionIcons/OriginalSize.png');
}*/

/*#id-ImageAdjustmentOption .hp-listitem-icon {
    background-image: url('../helpersLib/img/options/OptionIcons/ImageAdjustment.png');
}*/

/*#id-DarknessAdjustmentOptionSlider .hp-slider-icon-min {
   background-image: url('../helpersLib/img/options/ListIcons/ImageAdjustDarknessLess.png');
} */

/*#id-DarknessAdjustmentOptionSlider .hp-slider-icon-max {
   background-image: url('../helpersLib/img/options/ListIcons/ImageAdjustDarknessMore.png');
} */

/*#id-ContrastAdjustmentOptionSlider .hp-slider-icon-min {
  background-image: url('../helpersLib/img/options/ListIcons/ImageAdjustContrastLess.png');
} */

/*#id-ContrastAdjustmentOptionSlider .hp-slider-icon-max {
    background-image: url('../helpersLib/img/options/ListIcons/ImageAdjustContrastMore.png');
} */

/*#id-BackgroundCleanupOptionSlider .hp-slider-icon-min {
   background-image: url('../helpersLib/img/options/ListIcons/ImageAdjustBgNormal.png');
} */

/*#id-BackgroundCleanupOptionSlider .hp-slider-icon-max {
    background-image: url('../helpersLib/img/options/ListIcons/ImageAdjustBgCleaner.png');
} */

/*#id-SharpnessAdjustmentOptionSlider .hp-slider-icon-min {
   background-image: url('../helpersLib/img/options/ListIcons/ImageAdjustSharpnessless.png');
} */

/*#id-SharpnessAdjustmentOptionSlider .hp-slider-icon-max {
  background-image: url('../helpersLib/img/options/ListIcons/ImageAdjustSharpnessMore.png');
} */

/*#id-CropModeOption .hp-listitem-icon {
  background-image: url('../helpersLib/img/options/OptionIcons/AutoCrop.png');
} */

/*#id-BlankImageRemovalModeOption .hp-listitem-icon {
   background-image: url('../helpersLib/img/options/OptionIcons/AutoCrop.png');
} */
