/*--------------  download popup design  ---------------------*/
#download-popup {
    width: 530px;
    height: auto;
    padding-bottom: 25px;
}

#download-pdf {
    background: url(../../../vbplayer/images/pdf-icon.jpg);
    background-repeat: no-repeat;
    background-position: 95px 34px;
    }

#download-html {
    background-image: url(../../../vbplayer/images/html5-icon.jpg);
    background-repeat: no-repeat;
    }

.menu-popup .download-inner-box #download-html-btn {
    background-image: url(../../../vbplayer/images/dwonload-icon.png);
    background-repeat: no-repeat;
    background-position: 17px 12px;
    background-color: #f5b01b;
    /* margin-right: -45px; */
    width: 205px;
    height: 40px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }

.menu-popup .download-inner-box #download-html-btn span {
    margin-left: 31px;
    display: block;
    }

.firefox .menu-popup .download-inner-box #download-html-btn span {
    margin-top:2px;
}

.menu-popup .download-inner-box #download-pdf-btn {
    background-image: url(../../../vbplayer/images/dwonload-icon.png);
    background-repeat: no-repeat;
    background-position: 21px 12px;
    background-color: #f5b01b;
    /* margin-right: -45px; */
    width: 205px;
    height: 40px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }

.menu-popup .download-inner-box #download-pdf-btn span {
    margin-left: 30px;
    display:block;    
    }

.firefox .menu-popup .download-inner-box #download-pdf-btn span {
    margin-top:2px;
}

#download-popup .popup-messege {
    margin-left: 54px;
    }

#download-pdf .popup-messege {
    margin-left: 83px;
    }

#download-html-btn:hover, #download-pdf-btn:hover {
    background-color: #ec7f00 !important;
    }

.info-sign {
    background: url(../../../vbplayer/images/question-mark-more-info.jpg);
    width: 26px;
    height: 25px;
    position: absolute;
    margin-left: 5px;
    }

.download-inner-box {
    position: relative;
    width: 215px;
    height: 235px;
    display: inline-block;
    margin: 21px 7px 0 15px;
    background-position: 73px 36px;
    }

.download-inner-box:hover {
    border-color: yellow !important;
    }

#download-pdf-btn {
    left: 39px;
    top:152px;
    }

#download-html-btn {
    /*left: 39px;*/
    top:152px;
    }


/*-----------------------------------------------------------------*/
/*--------------  print popup design  ---------------------*/
#print-popup {
    width: 852px;
    height: 423px;
    left: 40%;
    }

.print-popup-portrait #landscape-view-btn, #portrait-view-btn {
    background-color: #404040;
    }

.print-popup-portrait #portrait-view-btn, #landscape-view-btn {
    background-color: #ec7f00;
    }

#landscape-view-btn {
    margin: 15px 15px 0 40px;
    }

#portrait-view-btn {
    left: 255px;
    bottom: 0;
    margin: -42px 171px 0 0;
    position: relative;
    }

.firefox #portrait-view-btn {
    left: 0;
}

#ok-print {
    position:relative;
    left: 693px;
    top: -110px;
    }

.firefox #ok-print {
    left: 352px;
    top: -10px;
}

#cancel-print {
    position:relative;
    top: -10px;
    }

.print-option {
    background-color: #d7d7d7;
    background-repeat: no-repeat;
    width: 175px;
    height: 121px;
    -moz-transition: all ease-out 0.4s;
    -o-transition: all ease-out 0.4s;
    -webkit-transition: all ease-out 0.4s;
    transition: all ease-out 0.4s;
    cursor: pointer;
    margin: 48px 0;
    display: inline-block;
    border: 4px solid transparent;
    background-position: center;
    }

.print-option-clicked {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-color: #f6b01b;
    border-bottom-color: #f6b01b !important;
    }

.print-option:hover {
    border-bottom-color: #f6b01b;
    }

.print-popup-portrait div.print-option:hover {
    border-right-color: #f6b01b;
    border-bottom-color: rgba(0, 0, 0, 0);
    }

.print-popup-portrait .print-option {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    /* IE 9 */
    /* Chrome, Safari, Opera */
    }

.print-option-1 {
    background-image: url(../../../vbplayer/images/print-landscape_page1.png) !important;
    margin-left: 42px;
    }

.print-popup-portrait .print-option-1 {
    background-image: url(../../../vbplayer/images/print-portrait_page1.png) !important;
    }

.print-option-2 {
    background-image: url(../../../vbplayer/images/print-landscape_page2.png);
    margin-left: 11px;
    }

.print-popup-portrait .print-option-2 {
    background-image: url(../../../vbplayer/images/print-portrait_page2.png) !important;
    }

.print-option-3 {
    background-image: url(../../../vbplayer/images/print-landscape_page3.png);
    margin-left: 11px;
    }

.print-popup-portrait .print-option-3 {
    background-image: url(../../../vbplayer/images/print-portrait_page3.png);
    }

.print-option-4 {
    background-image: url(../../../vbplayer/images/print-landscape_page4.png);
    margin-left: 11px
    }

.print-popup-portrait .print-option-4 {
    background-image: url(../../../vbplayer/images/print-portrait_page4.png);
    }

#print-pdf-btn {
    position:relative;
    background-color: #f5b01b;
    margin-right: 15px;
    width: 190px;
    left: 488px;
    top: -60px;
    }

.firefox #print-pdf-btn {
   left: 354px;
   top: -10px;
}
 
#print-pdf-btn:hover {
    background-color: #ec7f00;
    }

.print-view-btn {
    width: 201px;
    height: 42px;
    cursor: pointer;
    text-transform: uppercase;
    color: white;
    background-color: #404040;
    font: normal 21px "gobold", sans-serif, Arial, Helvetica;
    border: 0;
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    display: -moz-box;
    -moz-box-pack: center;
    -ms-box-pack: center;
    -webkit-box-pack: center;
    box-pack: center;
    -moz-box-align: center;
    -ms-box-align: center;
    -webkit-box-align: center;
    box-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-box;
    display: box;
    }

.print-view-btn.print-view-btn-selected, .print-view-btn:hover {
    background-color: yellow;
    }

.rotate-290 {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    /* IE 9 */
    /* Chrome, Safari, Opera */
    }

.rotate-290-transperant {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
    }

.rotate-290-visible {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    }

/*------------------------------------------------*/