assets.css.bootstrap.css Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of groupdocs-viewer Show documentation
GroupDocs.Viewer is an online document viewer that lets you read documents in your browser, regardless of whether you have the software that they were created in. You can view many types to word processing documents (DOC, DOCX, TXT, RTF, ODT), presentations (PPT, PPTX), spreadsheets (XLS, XLSX), portable files (PDF), and image files (JPG, BMP, GIF, TIFF). For each file, you get a high-fidelity rendering, showing the document just as it would if you opened it in the software it was created in. Layout and formatting is retained and you see an exact copy of the original. GroupDocs.Viewer lets you really read the document. You can search text documents, copy text and even embed the document РІР‚ GroupDocs.Viewer and all - in a web page. You can print or download the file from GroupDocs.Viewer if you need to work with it offline.
There is a newer version: 17.5.0
Show newest version
@font-face { font-family: 'PT Sans'; font-style: normal; font-weight: normal; src: url('fonts/PT_Sans-Web-Regular.eot?#') format('eot'), url('fonts/PT_Sans-Web-Regular.woff') format('woff'), url('fonts/PT_Sans-Web-Regular.ttf') format('truetype') } @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: bold; src: url('fonts/PT_Sans-Web-Bold.eot?#') format('eot'), url('fonts/PT_Sans-Web-Bold.woff') format('woff'), url('fonts/PT_Sans-Web-Bold.ttf') format('truetype') } .grpdx { font-size: 16px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100% } .grpdx a:hover, .grpdx a:active { outline: 0 } img.groupdocs_base { max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic } .grpdx input { margin: 0; font-size: 100%; vertical-align: middle; *overflow: visible; line-height: normal } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0 } textarea { overflow: auto; vertical-align: top } .clearfix { *zoom: 1 } .clearfix:before, .clearfix:after { display: table; content: "" } .clearfix:after { clear: both } body.groupdocs_base { margin: 0; font-family: "PT Sans", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 18px; color: #333; background-color: #fff } .grpdx a { color: #08c; text-decoration: none } .grpdx a:hover { color: #005580; text-decoration: underline } .row:before, .row:after { display: table; content: "" } .row:after { clear: both } .row:before, .row:after { display: table; content: "" } .row:after { clear: both } .row:before, .row:after { display: table; content: "" } .row:after { clear: both } .row:before, .row:after { display: table; content: "" } .row:after { clear: both } .row-fluid:before, .row-fluid:after { display: table; content: "" } .row-fluid:after { clear: both } .row-fluid:before, .row-fluid:after { display: table; content: "" } .row-fluid:after { clear: both } .row-fluid > [class*=span]:first-child { margin-left: 0 } .row-fluid:before, .row-fluid:after { display: table; content: "" } .row-fluid:after { clear: both } .row-fluid:before, .row-fluid:after { display: table; content: "" } .row-fluid:after { clear: both } .grpdx p { margin: 0 0 9px; font-family: "PT Sans", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 18px } .grpdx ul, .grpdx ol { padding: 0; margin: 0 0 9px 25px } .grpdx ul { list-style: disc } li.groupdocs_base { line-height: 18px } blockquote small:before { content: '\2014 \00A0' } .spritebg { background: url(images/sprites.png) no-repeat } q:before, q:after, blockquote:before, blockquote:after { content: "" } .grpdx label, .grpdx input { font-size: 14px; font-weight: 400; line-height: 18px } .grpdx input { font-family: "PT Sans", Helvetica, Arial, sans-serif } .grpdx input { display: inline-block; width: 210px; height: 18px; padding: 4px; margin-bottom: 9px; font-size: 14px; line-height: 18px; color: #555; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .grpdx input { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s } .grpdx input:focus, .grpdx textarea:focus { border-color: #a4a4a4; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, 0.9); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, 0.9); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, 0.9); outline: 0; outline: thin dotted \9 } .grpdx input[type=file]:focus, .grpdx input[type=radio]:focus, input[type=checkbox]:focus, select:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .grpdx input[disabled], .grpdx input[readonly] { background-color: #f5f5f5; border-color: #ddd; cursor: not-allowed } .grpdx input:focus:required:invalid, .grpdx textarea:focus:required:invalid, select:focus:required:invalid { color: #b94a48; border-color: #ee5f5b } .grpdx input:focus:required:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7 } :-moz-placeholder { color: #999 } ::-webkit-input-placeholder { color: #999 } :-moz-placeholder { color: #999 } ::-webkit-input-placeholder { color: #999 } .input-prepend:before, .input-append:before, .input-prepend:after, .input-append:after { display: table; content: "" } .input-prepend:after, .input-append:after { clear: both } .input-prepend:before, .input-append:before, .input-prepend:after, .input-append:after { display: table; content: "" } .input-prepend:after, .input-append:after { clear: both } .input-prepend input:focus, .input-append input:focus, .input-prepend .uneditable-input:focus, .input-append .uneditable-input:focus { position: relative; z-index: 2 } .dropdown { position: relative } .dropdown-toggle { *margin-bottom: -3px } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0 } .dropdown .caret { margin-top: 8px; margin-left: 2px } .dropdown:hover .caret, .open.dropdown .caret { opacity: 1; filter: alpha(opacity=100) } .grpdx .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; float: left; display: none; _width: 160px; padding: 4px 0; margin: 0; list-style: none; background-color: #fff; border-color: #ccc; border-color: rgba(0, 0, 0, 0.2); border-style: solid; border-width: 1px; -webkit-border-radius: 5px 0 5px 5px; -moz-border-radius: 5px 0 5px 5px; border-radius: 5px 0 5px 5px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; *border-right-width: 2px; *border-bottom-width: 2px } .dropdown-menu.bottom-up { top: auto; bottom: 100%; margin-bottom: 2px } .dropdown-menu .divider { height: 1px; margin: 5px 1px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff; *width: 100%; *margin: -5px 0 5px } .dropdown-menu a { display: block; padding: 3px 15px; clear: both; font-weight: 400; line-height: 18px; color: #555; white-space: nowrap } .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover { color: #fff; text-decoration: none; background-color: #08c } .dropdown.open { *z-index: 1000 } .dropdown.open .dropdown-toggle { color: #fff; background: #ccc; background: rgba(0, 0, 0, 0.3) } .dropdown.open .dropdown-menu { display: block } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #eee; border: 1px solid rgba(0, 0, 0, 0.05); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15) } .fade { -webkit-transition: opacity .15s linear; -moz-transition: opacity .15s linear; -ms-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; opacity: 0 } .fade.in { opacity: 1 } .collapse { -webkit-transition: height .35s ease; -moz-transition: height .35s ease; -ms-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease; position: relative; overflow: hidden; height: 0 } .collapse.in { height: auto } .close { float: right; font-size: 20px; font-weight: 700; line-height: 18px; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20) } .close:hover { color: #000; text-decoration: none; opacity: .4; filter: alpha(opacity=40); cursor: pointer } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { background-color: #e6e6e6 } .btn:active, .btn.active { background-color: #ccc \9 } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { background-color: #e6e6e6 } .btn:active, .btn.active { background-color: #ccc \9 } .btn:hover { color: #333; text-decoration: none; background-color: #e6e6e6; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .btn.active, .btn:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); background-color: #e6e6e6; background-color: #d9d9d9 \9; outline: 0 } .btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); color: #393939; font-weight: 700 } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { background-color: #f89406 } .btn-warning:active, .btn-warning.active { background-color: #c67605 \9 } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { background-color: #f89406 } .btn-warning:active, .btn-warning.active { background-color: #c67605 \9 } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { background-color: #bd362f } .btn-danger:active, .btn-danger.active { background-color: #942a25 \9 } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { background-color: #bd362f } .btn-danger:active, .btn-danger.active { background-color: #942a25 \9 } .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { background-color: #51a351 } .btn-success:active, .btn-success.active { background-color: #408140 \9 } .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { background-color: #51a351 } .btn-success:active, .btn-success.active { background-color: #408140 \9 } .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { background-color: #2f96b4 } .btn-info:active, .btn-info.active { background-color: #24748c \9 } .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { background-color: #2f96b4 } .btn-info:active, .btn-info.active { background-color: #24748c \9 } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { background-color: #262626 } .btn-inverse:active, .btn-inverse.active { background-color: #0c0c0c \9 } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { background-color: #262626 } .btn-inverse:active, .btn-inverse.active { background-color: #0c0c0c \9 } button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner { padding: 0; border: 0 } .btn-group:before, .btn-group:after { display: table; content: "" } .btn-group:after { clear: both } .btn-group:before, .btn-group:after { display: table; content: "" } .btn-group:after { clear: both } .btn-group .btn:hover, .btn-group .btn:focus, .btn-group .btn:active, .btn-group .btn.active { z-index: 2 } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0 } .btn:hover .caret, .open.btn-group .caret { opacity: 1; filter: alpha(opacity=100) } .nav { margin-left: 0; margin-bottom: 0; list-style: none } .nav > li > a { display: block } .nav > li > a:hover { text-decoration: none; background-color: #eee } .nav .nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: 700; line-height: 18px; color: #999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase } .nav li + .nav-header { margin-top: 9px } .nav-list { padding-left: 14px; padding-right: 14px; margin-bottom: 0 } .nav-list > li > a, .nav-list .nav-header { margin-left: -15px; margin-right: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) } .nav-list > li > a { padding: 3px 15px } .nav-list .active > a, .nav-list .active > a:hover { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #08c } .nav-list [class^=icon-] { margin-right: 2px } .nav-tabs, .nav-pills { *zoom: 1 } .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display: table; content: "" } .nav-tabs:after, .nav-pills:after { clear: both } .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display: table; content: "" } .nav-tabs:after, .nav-pills:after { clear: both } .nav-tabs > li, .nav-pills > li { float: left } .nav-tabs > li > a, .nav-pills > li > a { padding-right: 20px; padding-left: 20px; margin-right: 5px; line-height: 14px } .nav-tabs { border-bottom: 1px solid #ddd } .nav-tabs > li { margin-bottom: -1px } .nav-tabs > li > a { padding-top: 15px; padding-bottom: 15px; border: 1px solid #d1d1d1; background: #eee; color: #393939; font-weight: 700; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; -webkit-box-shadow: inset 0 2px 1px 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0 2px 1px 0 rgba(255, 255, 255, 0.5); box-shadow: inset 0 2px 1px 0 rgba(255, 255, 255, 0.5) } .nav-tabs > li > a:hover { background-color: #e1e1e1 } .nav-tabs > .active > a, .nav-tabs > .active > a:hover { color: #393939; background-color: #fff; border: 1px solid #d5d5d5; border-bottom-color: transparent; cursor: default } .nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .nav-pills .active > a, .nav-pills .active > a:hover { color: #fff; background-color: #08c } .nav-stacked > li { float: none } .nav-stacked > li > a { margin-right: 0 } .nav-tabs.nav-stacked { border-bottom: 0 } .nav-tabs.nav-stacked > li > a { border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .nav-tabs.nav-stacked > li:first-child > a { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0 } .nav-tabs.nav-stacked > li:last-child > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px } .nav-tabs.nav-stacked > li > a:hover { border-color: #ddd; z-index: 2 } .nav-pills.nav-stacked > li > a { margin-bottom: 3px } .nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px } .nav-tabs .dropdown-toggle:hover .caret, .nav-pills .dropdown-toggle:hover .caret { border-top-color: #005580 } .nav > .dropdown.active > a:hover { color: #000; cursor: pointer } .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > .open.active > a:hover { color: #fff; background-color: #999; border-color: #999 } .nav .open .caret, .nav .open.active .caret, .nav .open a:hover .caret { border-top-color: #fff; opacity: 1; filter: alpha(opacity=100) } .tabs-stacked .open > a:hover { border-color: #999 } .tabbable:before, .tabbable:after { display: table; content: "" } .tabbable:after { clear: both } .tabbable:before, .tabbable:after { display: table; content: "" } .tabbable:after { clear: both } .tabs-below .nav-tabs { border-top: 1px solid #ddd } .tabs-below .nav-tabs > li { margin-top: -1px; margin-bottom: 0 } .tabs-below .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px } .tabs-below .nav-tabs > li > a:hover { border-bottom-color: transparent; border-top-color: #ddd } .tabs-below .nav-tabs .active > a, .tabs-below .nav-tabs .active > a:hover { border-color: transparent #ddd #ddd } .tabs-left .nav-tabs > li, .tabs-right .nav-tabs > li { float: none } .tabs-left .nav-tabs > li > a, .tabs-right .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px } .tabs-left .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd } .tabs-left .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px } .tabs-left .nav-tabs > li > a:hover { border-color: #eee #ddd #eee #eee } .tabs-left .nav-tabs .active > a, .tabs-left .nav-tabs .active > a:hover { border-color: #ddd transparent #ddd #ddd; *border-right-color: #fff } .tabs-right .nav-tabs > li > a:hover { border-color: #eee #eee #eee #ddd } .tabs-right .nav-tabs .active > a, .tabs-right .nav-tabs .active > a:hover { border-color: #ddd #ddd #ddd transparent; *border-left-color: #fff } .btn-navbar:hover, .btn-navbar:active, .btn-navbar.active, .btn-navbar.disabled, .btn-navbar[disabled] { background-color: #222 } .btn-navbar:active, .btn-navbar.active { background-color: #080808 \9 } .btn-navbar:hover, .btn-navbar:active, .btn-navbar.active, .btn-navbar.disabled, .btn-navbar[disabled] { background-color: #222 } .btn-navbar:active, .btn-navbar.active { background-color: #080808 \9 } .navbar .brand:hover { text-decoration: none } .navbar .navbar-text a:hover { color: #fff; background-color: transparent } .navbar-form:before, .navbar-form:after { display: table; content: "" } .navbar-form:after { clear: both } .navbar-form:before, .navbar-form:after { display: table; content: "" } .navbar-form:after { clear: both } .navbar-search .search-query :-moz-placeholder { color: #eee } .navbar-search .search-query ::-webkit-input-placeholder { color: #eee } .navbar-search .search-query :-moz-placeholder { color: #eee } .navbar-search .search-query ::-webkit-input-placeholder { color: #eee } .navbar-search .search-query:hover { color: #fff; background-color: #999; background-color: rgba(255, 255, 255, 0.5) } .navbar-search .search-query:focus, .navbar-search .search-query.focused { padding: 5px 10px; color: #333; text-shadow: 0 1px 0 #fff; background-color: #fff; border: 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); outline: 0 } .navbar .nav > li > a:hover { background-color: transparent; color: #fff; text-decoration: none } .navbar .nav .active > a, .navbar .nav .active > a:hover { color: #fff; text-decoration: none; background-color: #222 } .navbar .dropdown-menu:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 9px } .navbar .dropdown-menu:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -6px; left: 10px } .navbar .nav .active > .dropdown-toggle:hover { color: #fff } .navbar .nav.pull-right .dropdown-menu:before { left: auto; right: 12px } .navbar .nav.pull-right .dropdown-menu:after { left: auto; right: 13px } .pagination { height: 36px; margin: 18px 0 } .pagination ul { display: inline-block; *display: inline; *zoom: 1; margin-left: 0; margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) } .pagination li { display: inline } .pagination a { float: left; padding: 0 14px; line-height: 34px; text-decoration: none; border: 1px solid #ddd; border-left-width: 0 } .pagination a:hover, .pagination .active a { background-color: #f5f5f5 } .pagination .active a { color: #999; cursor: default } .pagination .disabled a, .pagination .disabled a:hover { color: #999; background-color: transparent; cursor: default } .pagination li:first-child a { border-left-width: 1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px } .pagination li:last-child a { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0 } .pagination-centered { text-align: center } .pagination-right { text-align: right } .pager { margin-left: 0; margin-bottom: 18px; list-style: none; text-align: center; *zoom: 1 } .pager:before, .pager:after { display: table; content: "" } .pager:after { clear: both } .pager:before, .pager:after { display: table; content: "" } .pager:after { clear: both } .pager li { display: inline } .pager a { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px } .pager a:hover { text-decoration: none; background-color: #f5f5f5 } .pager .next a { float: right } .pager .previous a { float: left } .grpdx .modal-open .dropdown-menu { z-index: 2050 } .grpdx .modal-open .dropdown.open { *z-index: 2050 } .grpdx .modal-open .popover { z-index: 2060 } .grpdx .modal-open .tooltip { z-index: 2070 } .grpdx .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000 } .grpdx .modal-backdrop.fade { opacity: 0 } .grpdx .modal-backdrop, .grpdx .modal-backdrop.fade.in { opacity: .35; filter: alpha(opacity=35) } .grpdx .modal { padding: 10px; position: fixed; top: 50%; left: 50%; z-index: 1050; max-height: 570px; overflow: auto; width: 560px; margin: -250px 0 0 -280px; background-color: #dfdfdf; border: 1px solid #cacccb; *border: 1px solid #999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box } .grpdx .modal.fade { -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out; -ms-transition: opacity 0.3s linear, top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out; transition: opacity 0.3s linear, top 0.3s ease-out; top: -25% } .grpdx .modal.fade.in { top: 50% } .grpdx .modal.modal300px { width: 300px; margin: -250px 0 0 -150px } .grpdx .modal.modal800px { width: 800px; margin: -250px 0 0 -400px; padding: 3px } .grpdx .modal-header { padding: 9px 15px; border-bottom: 1px solid #eee } .grpdx .modal-header .close { margin-top: 2px } .grpdx .modal-body { padding: 15px } .grpdx .modal-body .modal-form { margin-bottom: 0 } .grpdx .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; *zoom: 1 } .grpdx .modal-footer:before, .grpdx .modal-footer:after { display: table; content: "" } .grpdx .modal-footer:after { clear: both } .grpdx .modal-footer:before, .grpdx .modal-footer:after { display: table; content: "" } .grpdx .modal-footer:after { clear: both } .grpdx .modal-footer .btn { float: right; margin-left: 5px; margin-bottom: 0 } .thumbnails:before, .thumbnails:after { display: table; content: "" } .thumbnails:after { clear: both } .thumbnails:before, .thumbnails:after { display: table; content: "" } .thumbnails:after { clear: both } a.thumbnail:hover { border-color: #08c; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25) } .label:hover { color: #fff; text-decoration: none } .label-important:hover { background-color: #953b39 } .label-warning:hover { background-color: #c67605 } .label-success:hover { background-color: #356635 } .label-info:hover { background-color: #2d6987 } @-webkit-keyframes progress-bar-stripes { from { background-position: 0 0 } to { background-position: 40px 0 } } @-moz-keyframes progress-bar-stripes { from { background-position: 0 0 } to { background-position: 40px 0 } } @keyframes progress-bar-stripes { from { background-position: 0 0 } to { background-position: 40px 0 } } .carousel-control:hover { color: #fff; text-decoration: none; opacity: .9; filter: alpha(opacity=90) } .left { float: left } .right { float: right !important } a.small_button { cursor: pointer } .small_button { color: #393939; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #bdbdbd; line-height: 26px; padding: 3px 8px; position: relative; font-size: 14px; background: #dfdfdf; margin-left: 10px; -webkit-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8); -moz-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8); box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8); text-shadow: 0 -1px 0 #fff; -ms-filter: dropshadow(color=#fff, offx=0, offy=-1) } .small_button:hover { background: #fff; text-decoration: none; color: #393939 } .big_button { color: #393939; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #d1d1d1; line-height: 26px; padding: 6px 10px; position: relative; font-size: 22px; font-weight: 700; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; cursor: pointer; display: inline-block; background: #dfdfdf; margin-left: 10px; -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.7); -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.7); box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.7); text-shadow: 0 -1px 0 #fff; -ms-filter: dropshadow(color=#fff, offx=0, offy=-1) } .big_button:hover { background: #fff; text-decoration: none; color: #393939 } .grpdx .modaltext { font-size: 14px } .ellipses { overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap } .ellipsis { overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap } .ui-sortable-helper { list-style-type: none } .yellow_btn { border: 1px solid #ead996; background-color: #f7e3a2; background-image: -moz-linear-gradient(top, #fff8da, #ebc44d); background-image: -ms-linear-gradient(top, #fff8da, #ebc44d); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff8da), to(#ebc44d)); background-image: -webkit-linear-gradient(top, #fff8da, #ebc44d); background-image: -o-linear-gradient(top, #fff8da, #ebc44d); background-image: linear-gradient(top, #fff8da, #ebc44d); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8da', endColorstr='#ebc44d', GradientType=0) } .yellow_btn:hover { background-color: #f9e8b0; background-image: -moz-linear-gradient(top, #fff8da, #f0d071); background-image: -ms-linear-gradient(top, #fff8da, #f0d071); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff8da), to(#f0d071)); background-image: -webkit-linear-gradient(top, #fff8da, #f0d071); background-image: -o-linear-gradient(top, #fff8da, #f0d071); background-image: linear-gradient(top, #fff8da, #f0d071); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8da', endColorstr='#f0d071', GradientType=0) } #breadcrumb { display: inline-block; width: 100%; height: 58px } #mainwrapper { background: url(images/mainbg.png) repeat; bottom: 0; display: inline-block; position: absolute; top: 62px; width: 100%; left: 0 } #mainwrapper .wrapper { padding: 0 15px } #mainwrapper_html_version_only { position: relative; display: inline-block; width: 100%; background: url(images/mainbg.png) repeat; margin-top: -3px } #mainwrapper_html_version_only .wrapper { padding: 0 15px } #rightpanel { float: right !important; display: inline-block; position: relative; width: 230px } .wrapper { padding: 0 15px } .tool_tip { position: absolute; z-index: 1000; min-width: 30px; min-height: 20px; background: #dfdfdf; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #cacccb; left: 0; top: 100%; padding: 2px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; margin: 10px 0 0; display: none } .tool_tip p { margin: 5px; word-wrap: break-word; white-space: nowrap } .tool_tip_pointer { position: absolute; z-index: 1002; width: 13px; height: 8px; background: url(images/sprites.png) no-repeat; background-position: -225px -91px; top: -7px; left: 20px } .aheader { background: url(images/sprites.png) no-repeat; background-position: -1px -2px } .aheader:hover { background-position: -56px -2px } .apps li:hover { background-color: rgba(255, 255, 255, 0.1) } .apps li a:hover { text-decoration: none } .searchfield:focus { -webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.2), 0 1px 0 #8babc5; -moz-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.2), 0 1px 0 #8babc5; box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.2), 0 1px 0 #8babc5 } .profileicon:active { background-position: -361px -675px } .headtoolsicon:active { background-position: -364px -725px } .searchicon:active { background-position: -360px -629px } .breadcrumbs .dropdown_breadcrumb_left a:hover { text-decoration: none } .breadcrumbs .dropdown_breadcrumb_left:hover { background: url(images/sprites.png) no-repeat; background-position: -435px -932px } .breadcrumbs .dropdown_breadcrumb_right:hover { background: url(images/sprites.png) no-repeat; background-position: -747px -932px } .breadcrumbs li.dropdown_breadcrumb_right:hover > ul { visibility: visible } .breadcrumbs li.dropdown_breadcrumb_right ul li:hover > ul { visibility: visible } .breadcrumbs .folder_breadcrumb a:hover, .breadcrumbs .folder_breadcrumb span:hover { text-decoration: none } .breadcrumbs .folder_breadcrumb:hover { background-position: -435px -932px } .breadcrumbs .folder_breadcrumb:hover i { background-position: -725px -820px } .breadcrumbs .current_breadcrumb span:hover { text-decoration: none } #breadcrumbbtns li:hover { background: url(images/breadrighthover.png) no-repeat top right } #breadcrumbbtns li:hover a { background: url(images/breadlefthover.png) no-repeat top left; text-decoration: none } #breadcrumbbtns .current:hover { background: url(images/breadrightcurrent.png) no-repeat top right } #breadcrumbbtns .current:hover span { background: url(images/breadleftcurrent.png) no-repeat top left; text-decoration: none } #breadcrumbbtns .current_reverse:hover { background: url(images/breadrightcurrent_reverse.png) no-repeat top right } #breadcrumbbtns .current_reverse:hover span { background: url(images/breadleftcurrent_reverse.png) no-repeat top left; text-decoration: none } #breadcrumbbtns .dropdownli:hover { background: 0 } #breadcrumbbtns .dropdownli:hover a { background: #fff; border-bottom: 0 } #breadcrumbbtns .dropdownli:hover li a { background: 0 } #breadcrumbbtns .drop-close:hover { background-color: #fff; border-bottom: 0 } #breadcrumbbtns .dropdown-menu li a:hover { color: #29bbec } #rightpanel .user .avatar:hover .tool_tip { display: block } #rightpanel .user a.urs_mng_text:hover { color: #125389 } #rightpanel .getextraspace:hover { background: #fff } .profile-mail:hover { text-decoration: none } .profile-mail:hover h3 { color: #d4490e } .alertbox .resend:hover { color: #d54e14 } .vsi1:hover { background-position: 0 -99px } .vsi2:hover { background-position: -30px -99px } .vsi3:hover { background-position: -64px -99px } #uploadbtn:hover h3 { color: #55cdf4 } #uploadbtn:hover .uploadbtnicon { background-position: -104px -109px } #newfolderbtn:hover h3 { color: #55cdf4 } #newfolderbtn:hover .newfolderbtnicon { background-position: -131px -100px } .newfolderbox .newfolderline a.old_grey_btn:hover { background: #fff; text-decoration: none } .smallarrow { display: inline-block; float: left; background: url(images/sprites.png) no-repeat; width: 5px; height: 3px; margin: 10px 0 0 5px } .up { background-position: -15px -55px } .down { background-position: -15px -60px } #centermainlistfolder li:hover .unchecked { background-position: 0 -16px } #centermainlist li:hover .unchecked, .cl_centermainlist li:hover .unchecked { background-position: 0 -16px } .listbox { height: 39px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; float: left; cursor: pointer } .folderlist { background: #fffbed; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border: 1px solid #fff3c4 } .folderlist:hover { background: #fff; border: 1px solid #d5b62e } .folderlist:hover .listfunctions { display: inline-block } .filelist { background: #f7f7f7; border: 1px solid #ededed; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all 0.3s ease } .filelist:hover { background: #fff; border: 1px solid #b8ebfc } .filelist:hover .listfunctions { display: inline-block } .filelist:hover .listfilesize { margin-right: 80px } .sharebutton { display: inline-block; float: right !important; background: url(images/sprites.png) no-repeat; background-position: -219px -120px; border: 2px solid #fff; height: 32px; width: 32px; margin: 2px 0 0 } .uploading_file { background: #e2e2e2; border-color: #c9c9c9; -webkit-box-shadow: inset 0 3px 1px #ebebeb; -moz-box-shadow: inset 0 3px 1px #ebebeb; box-shadow: inset 0 3px 1px #ebebeb } .uploading_file:hover { background: #e2e2e2; border-color: #c9c9c9; -webkit-box-shadow: inset 0 3px 1px #ebebeb; -moz-box-shadow: inset 0 3px 1px #ebebeb; box-shadow: inset 0 3px 1px #ebebeb } #centermainlist .listbox li:hover .functext, #centermainlist .grid_item li:hover .functext, #centermainlistfolder .folderlist li:hover .functext, #centermainlistfolder .grid_item li:hover .functext { color: #29bbec; background: #fff } #centermainlist .listbox li:hover a, #centermainlist .grid_item li:hover a, #centermainlistfolder .folderlist li:hover a, #centermainlistfolder .grid_item li:hover a { background: #fff } #centermainlist .listbox li:hover .ficon1, #centermainlist .grid_item li:hover .ficon1, #centermainlistfolder .folderlist li:hover .ficon1, #centermainlistfolder .grid_item li:hover .ficon1 { background-position: -775px -4px } #centermainlist .listbox li:hover .ficon2, #centermainlist .grid_item li:hover .ficon2, #centermainlistfolder .folderlist li:hover .ficon2, #centermainlistfolder .grid_item li:hover .ficon2 { background-position: -775px -29px } #centermainlist .listbox li:hover .ficon3, #centermainlist .grid_item li:hover .ficon3, #centermainlistfolder .folderlist li:hover .ficon3, #centermainlistfolder .grid_item li:hover .ficon3 { background-position: -775px -54px } #centermainlist .listbox li:hover .ficon4, #centermainlist .grid_item li:hover .ficon4, #centermainlistfolder .folderlist li:hover .ficon4, #centermainlistfolder .grid_item li:hover .ficon4 { background-position: -775px -79px } #centermainlist .listbox li:hover .ficon5, #centermainlist .grid_item li:hover .ficon5, #centermainlistfolder .folderlist li:hover .ficon5, #centermainlistfolder .grid_item li:hover .ficon5 { background-position: -775px -104px } #centermainlist .listbox li:hover .ficon6, #centermainlist .grid_item li:hover .ficon6, #centermainlistfolder .folderlist li:hover .ficon6, #centermainlistfolder .grid_item li:hover .ficon6 { background-position: -775px -130px } #centermainlist .listbox li:hover .ficon7, #centermainlist .grid_item li:hover .ficon7, #centermainlistfolder .folderlist li:hover .ficon7, #centermainlistfolder .grid_item li:hover .ficon7 { background-position: -775px -161px } #centermainlist .listbox li:hover .ficon8, #centermainlist .grid_item li:hover .ficon8, #centermainlistfolder .folderlist li:hover .ficon8, #centermainlistfolder .grid_item li:hover .ficon8 { background-position: -775px -187px } #centermainlist .listbox li:hover .ficon9, #centermainlist .grid_item li:hover .ficon9, #centermainlistfolder .folderlist li:hover .ficon9, #centermainlistfolder .grid_item li:hover .ficon9 { background-position: -775px -219px } #centermainlist .listbox li:hover .ficon10, #centermainlist .grid_item li:hover .ficon10, #centermainlistfolder .folderlist li:hover .ficon10, #centermainlistfolder .grid_item li:hover .ficon10 { background-position: -775px -310px } #centermainlist .listbox li:hover .ficon11, #centermainlist .grid_item li:hover .ficon11, #centermainlistfolder .folderlist li:hover .ficon11, #centermainlistfolder .grid_item li:hover .ficon11 { background-position: -777px -338px } #centermainlist .listbox li:hover .ficon12, #centermainlist .grid_item li:hover .ficon12, #centermainlistfolder .folderlist li:hover .ficon12, #centermainlistfolder .grid_item li:hover .ficon12 { background-position: -777px -366px } #centermainlist .listbox li:hover .ficon13, #centermainlist .grid_item li:hover .ficon13, #centermainlistfolder .folderlist li:hover .ficon13, #centermainlistfolder .grid_item li:hover .ficon13 { background-position: -775px -394px } .context_menu li:hover .functext { color: #29bbec; background: #fff } .context_menu li:hover a { background: #fff } .context_menu li:hover .ficon1 { background-position: -775px -4px } .context_menu li:hover .ficon2 { background-position: -775px -29px } .context_menu li:hover .ficon3 { background-position: -775px -54px } .context_menu li:hover .ficon4 { background-position: -775px -79px } .context_menu li:hover .ficon5 { background-position: -775px -104px } .context_menu li:hover .ficon6 { background-position: -775px -130px } .context_menu li:hover .ficon7 { background-position: -775px -161px } .context_menu li:hover .ficon8 { background-position: -775px -187px } .context_menu li:hover .ficon9 { background-position: -775px -219px } .context_menu li:hover .ficon10 { background-position: -775px -310px } .context_menu li:hover .ficon11 { background-position: -777px -338px } .context_menu li:hover .ficon12 { background-position: -777px -366px } .context_menu li:hover .ficon13 { background-position: -775px -394px } .listfilesize { float: right !important; width: 140px; margin: 10px 80px 0 0 } .listmodified { float: right !important; width: 130px; margin: 10px 0 0 } .listsmalltext { font-size: 12px; color: #848484; text-align: right } .listname { font-size: 14px; margin: 10px 0 0 17px; display: inline-block; float: left; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; width: 125px } .author-name { float: left; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; width: 85px; margin: 10px 3px 0 26px } .grpdx .listname_file_browser { font-size: 14px; margin: 10px 0 0; display: inline-block; float: left; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; max-width: 400px } .foldername { color: #8a6905 } .filename { color: #393939 } .share { width: 100px; overflow: hidden; float: right !important; display: inline-block; height: 39px } .share .smallarrow.down { float: right !important; margin: 19px 0 0 3px } .share .popbox { right: 157px; top: 44px } .listicons { display: inline-block; float: left; width: 22px; height: 28px; background: url(images/sprites.png) no-repeat; margin: 6px 5px } .licon_folder { background-position: -422px 1px } .licon_word { background-position: -422px -27px } .licon_ppt { background-position: -422px -61px } .licon_pdf { background-position: -422px -92px } .licon_openof { background-position: -422px -120px } .licon_bmp { background-position: -422px -148px } .licon_envelope { background-position: -422px -173px } .licon_xls { background-position: -422px -207px } .licon_visio { background-position: -422px -360px } .licon_outlook { background-position: -466px -329px } .licon_mpp { background-position: -466px -360px } .licon_unkwn { background-position: -422px -239px } .licon_proof { background-position: -422px -271px } .licon_conv { background-position: -424px -300px } .licon_assem { background-position: -740px -76px } .licon_temp { background-position: -640px -1037px } .licon_html { background-position: -423px -332px } .dropped { display: none !important } .ui-selected { background: #edfafe; border: 1px solid #b8ebfc } .popbox { display: none; position: absolute; z-index: 1000; width: 310px; min-height: 70px; background: #dfdfdf; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #cacccb; right: 192px; top: 40px; padding: 0 0 4px } .popbox h4 { margin: 8px 0 15px 7px } .popbox .popboxline { height: 34px; margin: 0 5px 3px 7px } .popbox .popboxline p { float: left; line-height: 27px; font-size: 14px; margin: 0 } .popbox .popboxline a { float: right !important; color: #393939; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #bdbdbd; line-height: 26px; padding: 0 8px; text-shadow: 0 -1px 0 #fff; -ms-filter: dropshadow(color=#fff, offx=0, offy=-1) } .popbox .popboxline .popemail { width: 200px } .popclose { position: absolute; z-index: 1002; width: 26px; height: 26px; background: url(images/sprites.png) no-repeat; background-position: -465px -81px; top: 6px; right: 6px; cursor: pointer } .popupshow { display: block !important } .progresspin { width: 47px; height: 47px; background: url(images/spinner.gif); float: left; display: inline-block; margin: -5px 0; z-index: -1 } .popbox .popboxline a:hover { background: #fff; text-decoration: none } .convert .popupa:hover { border: 1px solid #cacccb; padding: 2px 3px } .convert .popbox .goconvert:hover { background: #fff; text-decoration: none } .convert .convertformatchoose:hover { border: 1px solid #cacccb; padding: 4px } .uploading .cancelupload:hover { background: #fff; text-decoration: none } .myaccmodal .emailalert p a:hover { color: #d54e14 } .myaccmodal .profileapi p a:hover { color: #d54e14 } .tool-button:hover { background-position: -820px -59px; color: #063359; text-decoration: none } .tool-button:hover .t_copy { background-position: -714px -187px } .tool-button:hover .t_move { background-position: -714px -161px } .tool-button:hover .t_paste { background-position: -714px -245px } .tool-button:hover .t_down { background-position: -714px -279px } .tool-button:hover .t_share { background-position: -714px -104px } .tool-button:hover .t_arch { background-position: -714px -130px } .tool-button:hover .t_del { background-position: -714px -219px } .tool-button:active { background-position: -820px -110px; color: #063359; text-decoration: none; padding: 1px 0 0 1px; margin: 0 0 4px } footer p a:hover { color: #55cdf4; text-decoration: none } footer.footer p a:hover { color: #55cdf4; text-decoration: none } footer.footer a.footlogo:hover { text-decoration: none } a.footlogo:hover { text-decoration: none } #file_browser_modal h3 { margin: 5px 10px } .file_browser_content { background: #fff; border: 1px solid #c9c9c9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; padding: 15px } .upload_file_browser_icon { height: 21px; width: 21px; background: url(images/sprites.png) no-repeat; background-position: -104px -144px; display: inline-block; float: left } .file_browser_upload_btn { display: inline-block; float: left; line-height: 20px; margin: 0; overflow: hidden } .file_browser_toolbar { width: 100%; overflow: hidden; margin: 15px 0 } .file_browser_sort { width: 100%; overflow: hidden; margin: 0 0 15px } .file_browser_sort h4 { float: left } .file_browser_sort_filename { width: 60%; float: left } .file_browser_sort_size { width: 15%; float: right !important } .file_browser_sort_modified { width: 15%; float: right !important } .grpdx .file_browser_folder_list { list-style: none outside none; margin: 0 } .file_browser_folder_list li { height: 41px; margin-bottom: 2px; position: relative; width: 100% } .file_browser_listbox { height: 39px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; float: left; cursor: pointer; width: 100% } .grpdx .file_browser_file_list { list-style: none outside none; margin: 0 } .grpdx .file_browser_file_list li { height: 41px; margin-bottom: 2px; position: relative; width: 100% } .grpdx .file_browser_listbox.filelist .listfilesize { width: 15%; float: right !important; margin: 10px 0; text-align: left } .grpdx .file_browser_listbox.filelist .listmodified { width: 15%; float: right !important; margin: 10px 0; text-align: left } .grpdx .file_browser_listbox.filelist:hover .listfilesize { margin-right: 0 } #openfile-dialog { max-height: 550px } .folder_browser { padding: 3px } .folder_browser h3 { margin: 5px 10px } .folder_browser_content { background: #fff; border: 1px solid #c9c9c9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; padding: 5px } .folder_browser_content a:hover { text-decoration: none } .folder_browser_buttons { width: 100%; overflow: auto; margin: 10px 0 0 } .file-input { cursor: pointer; font-size: 50px !important; margin: 0; opacity: 0; padding: 0 !important; position: absolute; right: 0; top: 0; filter: alpha(opacity=0) !important; height: auto !important } .category_view_h3 { display: inline-block; margin: 0 16px } .category_view_linewrapper { display: inline-block } .loading_overlay { position: absolute; z-index: 999; top: 63px; bottom: 0; width: 100%; background: url(images/mainbg.png) repeat scroll 0 0 transparent; display: inline-block } .loading_overlay.embed { top: 40px } .loading_overlay_message { position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -105px; width: 235px } .loading_overlay_message p { font-size: 16px; font-weight: 700; margin: 8px 0; float: left } .viewer_loading_overlay { background: #fff; display: inline-block; position: relative } .loading_overlay_message { position: absolute; top: 30%; left: 50%; margin: -50px 0 0 -105px; width: 235px } .loading_overlay_message p { font-size: 16px; font-weight: 700; margin: 8px 0; float: left } .input_error { border: 1px solid #923a16 } .ui-autocomplete { cursor: default; position: absolute; border: 1px solid #ddd; color: #333; background: #f2f2f2 } * html .ui-autocomplete { width: 1px } .ui-menu { display: block; float: left; list-style: none outside none; margin: 0; padding: 2px } .ui-menu .ui-menu { margin-top: -3px } .ui-menu .ui-menu-item { clear: left; float: left; margin: 0; padding: 0; width: 100% } .ui-menu .ui-menu-item a { display: block; line-height: 1.5; padding: .2em .4em; text-decoration: none; color: #393939 } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: 400; margin: -1px } .ui-autocomplete .ui-state-hover { background-color: #fff } .validation_message { color: #923a16; font-family: GochiHandRegular; font-size: 16px } .dropfileshere.wizard_dropfield { margin: 10px 0 20px 8px } .btn-group.app_buttons .main_btn.app_dash:active .app_icon, .log_in_btn_wrapper .main_btn.app_dash:active .app_icon { background-position: -316px -704px } .btn-group.app_buttons .main_btn.app_anno:active .app_icon, .log_in_btn_wrapper .main_btn.app_anno:active .app_icon { background-position: -316px -832px } .btn-group.app_buttons .main_btn.app_assem:active .app_icon, .log_in_btn_wrapper .main_btn.app_assem:active .app_icon { background-position: -314px -783px } .btn-group.app_buttons .main_btn.app_sig:active .app_icon, .log_in_btn_wrapper .main_btn.app_sig:active .app_icon { background-position: -315px -743px } .btn-group.app_buttons .main_btn.app_view:active .app_icon, .log_in_btn_wrapper .main_btn.app_view:active .app_icon { background-position: -314px -668px } .btn-group.app_buttons .main_btn.app_comp:active .app_icon, .log_in_btn_wrapper .main_btn.app_comp:active .app_icon { background-position: -311px -882px } .btn-group.app_buttons .main_btn.app_conv:active .app_icon, .log_in_btn_wrapper .main_btn.app_conv:active .app_icon { background-position: -313px -925px } .btn-group.app_buttons .main_btn.log_in_btn:active .app_icon, .log_in_btn_wrapper .main_btn.log_in_btn:active .app_icon { background-position: -323px -632px } .btn-group.app_buttons .main_btn:hover, .log_in_btn_wrapper .main_btn:hover { text-decoration: none; -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.7), 0 0 5px 3px #41a5cc; -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.7), 0 0 5px 3px #41a5cc; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.7), 0 0 5px 3px #41a5cc } .btn-group.app_buttons .main_btn:hover p, .log_in_btn_wrapper .main_btn:hover p { margin: 12px 10px 0 8px } .btn-group.app_buttons .main_btn:hover .shadow_wrapper, .log_in_btn_wrapper .main_btn:hover .shadow_wrapper { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) } .btn-group.app_buttons .main_btn:active, .log_in_btn_wrapper .main_btn:active { background: url(images/head_btn_bg_hover.png) repeat-x } .btn-group.app_buttons .main_btn:active p, .log_in_btn_wrapper .main_btn:active p { color: #55cdf4; margin: 13px 9px 0 } .btn-group.app_buttons .main_btn:active .app_pointer, .log_in_btn_wrapper .main_btn:active .app_pointer { background-position: -256px -649px; margin: 22px 6px 15px 5px } a.new_head_text:hover { color: #fff } .head_white_alert:hover { background-position: -201px -207px } .head_white_alert:hover .alertbox { display: block; left: -59px; top: 35px } .dropdown-menu a { overflow: hidden } .profile_dropdown li a:hover { background: 0; color: #393939; text-decoration: underline } html, body { height: 100% } .head_profile_dropdown_wrapper:hover .profile_dropdown { display: block } .blue_head_text:hover { color: #8be3ff } .new_head_tools_wrapper { margin: 0 3px; background-color: rgba(17, 83, 137, 0.1); width: auto; height: 45px; border-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-style: solid; -moz-box-shadow: 1px 3px 1px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 3px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 1px 3px 1px 0 rgba(0, 0, 0, 0.1); display: inline-block; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 3px } .new_head_tools_wrapper { border-color: #296494 \9 } .new_head_tools_dropdown_wrapper { position: relative; width: 40px; height: 45px; float: left; margin: 0 3px 0 0 } .new_head_tools_btn { width: 33px; height: 31px; border: 1px solid #114f83; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; float: left; cursor: pointer; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.15); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.15); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.15); margin: 5px 3px } .new_head_tools_btn.text_tool { line-height: 29px; padding: 0 7px; color: #fff; width: auto } .new_head_tools_btn:hover, .new_head_tools_btn.active { border-color: #0f4470; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 0 rgba(255, 255, 255, 0.3); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 0 rgba(255, 255, 255, 0.3); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 0 rgba(255, 255, 255, 0.3) } .h_t_i_browser { background: url(images/sprites.png) no-repeat; background-position: -7px -1022px } .h_t_i_embed { background: url(images/sprites.png) no-repeat; background-position: -48px -1023px } .h_t_i_download { background: url(images/sprites.png) no-repeat; background-position: -88px -1024px } .h_t_i_export { background: url(images/sprites.png) no-repeat; background-position: -222px -1057px } .h_t_i_import { background: url(images/sprites.png) no-repeat; background-position: -220px -1085px } .h_t_i_print { background: url(images/sprites.png) no-repeat; background-position: -129px -1023px } .h_t_i_tools { background: url(images/sprites.png) no-repeat; background-position: -169px -1023px } .h_t_i_nav1 { background: url(images/sprites.png) no-repeat; background-position: 2px -1062px } .h_t_i_nav1.disabled { opacity: .4; filter: alpha(opacity=40); cursor: default } .h_t_i_nav1.disabled:hover { border: 1px solid #114f83; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset } .h_t_i_nav2 { background: url(images/sprites.png) no-repeat; background-position: -38px -1062px } .h_t_i_nav2.disabled { opacity: .4; filter: alpha(opacity=40); cursor: default } .h_t_i_nav2.disabled:hover { border: 1px solid #114f83; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset } .h_t_i_nav3 { background: url(images/sprites.png) no-repeat; background-position: -130px -1062px } .h_t_i_nav3.disabled { opacity: .4; filter: alpha(opacity=40); cursor: default } .h_t_i_nav3.disabled:hover { border: 1px solid #114f83; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset } .h_t_i_nav4 { background: url(images/sprites.png) no-repeat; background-position: -170px -1062px } .h_t_i_nav4.disabled { opacity: .4; filter: alpha(opacity=40); cursor: default } .h_t_i_nav4.disabled:hover { border: 1px solid #114f83; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset } .h_t_i_zoomin { background: url(images/sprites.png) no-repeat; background-position: -261px -1025px } .h_t_i_zoomout { background: url(images/sprites.png) no-repeat; background-position: -220px -1025px } .h_t_i_zoom { background: url(images/sprites.png) no-repeat; background-position: -299px -1025px } .h_t_i_rotatecl { background: url(images/sprites.png) no-repeat; background-position: -262px -1060px } .h_t_i_rotatecon { background: url(images/sprites.png) no-repeat; background-position: -262px -1093px } .h_t_i_singlepage { background: url(images/sprites.png) no-repeat; background-position: -381px -1028px } .new_head_search_input::-webkit-input-placeholder { color: #9fb9cf !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.33) !important } .new_head_search_input:-moz-placeholder { color: #9fb9cf !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.33) !important } .new_head_search_input::-moz-placeholder { color: #9fb9cf !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.33) !important } .new_head_search_input:-ms-input-placeholder { color: #9fb9cf !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.33) !important } .new_head_search_input:focus { background: #f1f1f1; width: 250px } .grpdx .new_head_input { height: 23px; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; border: 1px solid #658fb2; background: #125389; color: #fff; margin: 6px 3px; width: 32px !important } .grpdx .new_head_input { padding: 6px 4px 2px \0/ } :root .grpdx .new_head_input { padding: 4px } @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) { .grpdx .new_head_input { padding: 4px } } .grpdx .new_head_of { margin: 7px 2px; color: #fff; line-height: 22px; float: left; padding: 4px 0; height: 23px } .head_tool_dropdown { -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); padding: 7px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; left: 3px; min-width: 120px; right: auto; top: 43px } .head_tool_dropdown li { line-height: 14px } .head_tool_dropdown li a { line-height: 14px; padding: 2px 6px 5px; cursor: pointer } .head_tool_dropdown li a:hover { background: 0; color: #29bbec; text-decoration: none } .head_tool_dropdown li a:hover .h_t_d_i_annotate { background-position: -775px -310px } .head_tool_dropdown li a:hover .h_t_d_i_signature { background-position: -776px -366px } .head_tool_dropdown li a:hover .h_t_d_i_compare { background-position: -776px -339px } .head_tool_dropdown li a:hover .h_t_d_i_questionnare { background-position: -774px -55px } .head_tool_dropdown li a:hover .h_t_d_i_conversion { background-position: -775px -395px } .head_tool_dropdown li a:hover .h_t_d_i_fitwidth { background-position: -537px -994px } .head_tool_dropdown li a:hover .h_t_d_i_fitheight { background-position: -536px -1017px } .head_tool_dropdown li a:hover .h_t_d_i_scroll { background-position: -597px -995px } .head_tool_dropdown li a:hover .h_t_d_i_single { background-position: -596px -1016px } .head_tool_dropdown li a:hover .h_t_d_i_double { background-position: -596px -1036px } .head_tool_dropdown li a:hover .h_t_d_i_pdf { height: 20px; background-position: -566px -1068px } .head_tool_dropdown li a:hover .h_t_d_i_doc { height: 20px; background-position: -566px -1127px } .head_tool_dropdown li a:hover .h_t_d_i_normal { height: 20px; background-position: -566px -1107px } .head_tool_dropdown li a p { margin: 0 0 0 5px } .head_tool_dropdown li a span { background: url(images/sprites.png) no-repeat; margin: 0 4px 0 0; display: inline-block; float: left; height: 23px; width: 23px } .head_tool_dropdown li a span.h_t_d_i_scroll { background-position: -566px -994px } .head_tool_dropdown li a span.h_t_d_i_double { background-position: -565px -1036px } .try_new_version:hover { background-image: -moz-linear-gradient(46% 0 0deg, #d2460c 0, #de771c 98%, #de771c 100%); background-image: -webkit-gradient(linear, 46% 0, 46% 106%, color-stop(0, #d2460c), color-stop(0.98, #de771c), color-stop(1, #de771c)); background-image: -webkit-linear-gradient(-90deg, #d2460c 0, #de771c 98%, #de771c 100%); background-image: -o-linear-gradient(0deg, #d2460c 0, #de771c 98%, #de771c 100%); background-image: -ms-linear-gradient(0deg, #d2460c 0, #de771c 98%, #de771c 100%); background-image: linear-gradient(0deg, #d2460c 0, #de771c 98%, #de771c 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd2460c,endColorstr=#ffde771c,GradientType=0)" } .rp_white_box:before, .rp_white_box:after { display: table; content: "" } .rp_white_box:after { clear: both } .rp_white_box:before, .rp_white_box:after { display: table; content: "" } .rp_white_box:after { clear: both } .btn:hover { background-color: #f6f6f6; background-image: -moz-linear-gradient(top, #fafafa, #f1f1f1); background-image: -ms-linear-gradient(top, #fafafa, #f1f1f1); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f1f1f1)); background-image: -webkit-linear-gradient(top, #fafafa, #f1f1f1); background-image: -o-linear-gradient(top, #fafafa, #f1f1f1); background-image: linear-gradient(top, #fafafa, #f1f1f1); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f1f1f1', GradientType=0); background-position: 0; color: #333; text-decoration: none; transition: background-position 0.1s linear 0s } .red_button:hover, .btn.red_button:hover, .red_button_sb:hover { background-color: #e97620; background-image: -moz-linear-gradient(top, #eb8626, #e75d17); background-image: -ms-linear-gradient(top, #eb8626, #e75d17); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eb8626), to(#e75d17)); background-image: -webkit-linear-gradient(top, #eb8626, #e75d17); background-image: -o-linear-gradient(top, #eb8626, #e75d17); background-image: linear-gradient(top, #eb8626, #e75d17); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb8626', endColorstr='#e75d17', GradientType=0); color: #fff; text-decoration: none; background-position: 0 } .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover { background-color: #333; color: #fff; text-decoration: none } .grey_button:hover { background-color: #dcdcdc; background-image: -moz-linear-gradient(top, #cfcfcf, #efefef); background-image: -ms-linear-gradient(top, #cfcfcf, #efefef); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cfcfcf), to(#efefef)); background-image: -webkit-linear-gradient(top, #cfcfcf, #efefef); background-image: -o-linear-gradient(top, #cfcfcf, #efefef); background-image: linear-gradient(top, #cfcfcf, #efefef); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf', endColorstr='#efefef', GradientType=0); color: #383838; text-decoration: none } .text_btn:hover { color: #383838 } .grpdx .modal2 { background: rgba(255, 255, 255, 0.15); border: 0 none; padding: 7px; max-height: 580px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px } .grpdx .modal2 .popclose { width: 20px; height: 20px; background-position: -972px -982px; top: 26px; right: 22px } .grpdx .modal2 { background: rgba(255, 255, 255, 0.15); border: 0 none; padding: 7px; max-height: 580px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px } .grpdx .modal2 .popclose { width: 20px; height: 20px; background-position: -972px -982px; top: 26px; right: 22px } .grpdx .modal2 input { border: 1px solid #ccc; height: 28px } .grpdx .modal2 select { height: 36px; padding: 6px 4px } .grpdx .modal_inner_wrapper { background: #f2f2f2; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px } .grpdx .modal_header { *zoom: 1; background: #ddd; border-bottom: 1px solid #fff; padding: 15px; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0 } .grpdx .modal_header:before, .grpdx .modal_header:after { display: table; content: "" } .grpdx .modal_header:after { clear: both } .grpdx .modal_header:before, .grpdx .modal_header:after { display: table; content: "" } .grpdx .modal_header:after { clear: both } .grpdx .modal_header h3 { float: left; margin: 0 15px 0 0 } .grpdx .modal_content { padding: 15px; max-height: 408px; overflow-y: auto } .grpdx .modal_input_wrap_half { width: 48%; position: relative } .grpdx .modal_input_wrap_half input { width: 96% } .grpdx .modal_input_wrap_full { width: 100%; float: left } .grpdx .modal_input_wrap_full input { width: 98.3% } .grpdx .modal_footer { padding: 15px 15px 10px; border-top: 1px solid #fff; background: #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px } .grpdx .modal_btn_wrapper { *zoom: 1; display: inline-block; width: 100% } .grpdx .modal_btn_wrapper:before, .grpdx .modal_btn_wrapper:after { display: table; content: "" } .grpdx .modal_btn_wrapper:after { clear: both } .grpdx .modal_btn_wrapper:before, .grpdx .modal_btn_wrapper:after { display: table; content: "" } .grpdx .modal_btn_wrapper:after { clear: both } .grpdx .modal_btn_wrapper.h30 { height: 30px } @-moz-keyframes bounce_circleG { 50% { background-color: #29bff0 } } @-webkit-keyframes bounce_circleG { 50% { background-color: #29bff0 } } @-ms-keyframes bounce_circleG { 50% { background-color: #29bff0 } } @-o-keyframes bounce_circleG { 50% { background-color: #29bff0 } } @keyframes bounce_circleG { 50% { background-color: #29bff0 } } #appswitch.viewer:hover { background-position: -2px -52px } #appswitch.viewer:hover p { margin: 16px 0 0 47px } .grpdx .modal.fade { top: -250px } .viewer_mainwrapper { background: url(images/mainbg.png) repeat scroll 0 0 transparent; bottom: 0; display: inline-block; position: absolute; top: 61px; width: 100%; left: 0 } .thumbs_btn { position: absolute; top: 50%; margin-top: -60px; width: 45px; height: 120px; background: url(images/sprites.png) no-repeat; background-position: -78px -187px; background-color: #125389; left: 0; z-index: 1000; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0 } .thumbs_btn_slide { left: 205px } div.thumbnailsContainer { position: absolute; top: -1px; left: 0; width: 203px; overflow: auto; height: 100%; z-index: 1000; border-right: 2px solid #125389; background: #B2B2B2; background: transparent \9; background: rgba(0, 0, 0, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000) } div.thumbnailsContainer:nth-child(n) { filter: none; } div.thumbnailsContainer ul { list-style-type: none; margin: 0; } div.thumbnailsContainer ul li.ui-selected { background: #CBCBCB; background: transparent \9; background: rgba(255, 255, 255, 0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff, endColorstr=#66ffffff); border: 0 } div.thumbnailsContainer ul li.ui-selected:nth-child(n) { filter: none; } div.thumbnailsContainer ul li { text-align: center; padding: 10px 0; min-width: 187px; min-height: 201px } div.thumbnailsContainer ul li img { border: 1px solid #bcbcbc; width: 150px; height: auto; display: inline-block; -webkit-box-shadow: 3px 3px 6px #919191; -moz-box-shadow: 3px 3px 6px #919191; box-shadow: 3px 3px 6px #919191 } .thumb_progress { left: 50%; top: 50%; margin-left: -23px; margin-top: -23px; position: absolute } .head_button:hover { color: #125389; text-decoration: none; background: #fff } .zoombtn:hover .zoomicon { background-position: -129px -238px } .dropdwn li a:hover { color: #125389; text-decoration: none; background: #fff } .doc-page { display: inline-block; position: relative; width: 920px \9 } .page-image { -webkit-box-shadow: 2px 2px 9px #d6d6d6; -moz-box-shadow: 2px 2px 9px #d6d6d6; box-shadow: 2px 2px 9px #d6d6d6; display: inline-block; margin: 0 34px; padding: 0; border: 1px solid #ededed } .modal-blue .nav-tabs > li > a:hover { border: 0; -webkit-box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; background: transparent; color: #fff } .signature-type-one.active, .signature-type-one:hover { border: 1px solid #29bff0 } .modal-blue .btn-grey:hover, .modal-blue .btn-red:hover { background-color: #e97620; background-image: -moz-linear-gradient(top, #eb8626, #e75d17); background-image: -ms-linear-gradient(top, #eb8626, #e75d17); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eb8626), to(#e75d17)); background-image: -webkit-linear-gradient(top, #eb8626, #e75d17); background-image: -o-linear-gradient(top, #eb8626, #e75d17); background-image: linear-gradient(top, #eb8626, #e75d17); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb8626', endColorstr='#e75d17', GradientType=0); color: #fff; text-decoration: none; background-position: 0 } .modal-blue .btn-grey:hover { background-color: #f1f1f1; background-image: -moz-linear-gradient(top, #fff, #ddd); background-image: -ms-linear-gradient(top, #fff, #ddd); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ddd)); background-image: -webkit-linear-gradient(top, #fff, #ddd); background-image: -o-linear-gradient(top, #fff, #ddd); background-image: linear-gradient(top, #fff, #ddd); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0); color: #393939 } .clearfix:before, .clearfix:after { display: table; content: "" } .clearfix:after { clear: both } .grpdx h3, .grpdx h4 { color: #333; font-weight: 700; margin: 0; font-size: 14px } .grpdx h3 { font-size: 18px; line-height: 27px } .viewer_mainwrapper_trial { top: 94px } .banner_trial { background: url(images/bg-trial.png); color: #fff; font-size: 13px; line-height: 32px; text-align: center; text-shadow: 0 -1px 0 rgba(178, 1, 0, 0.65); position: absolute; left: 0; right: 0; top: 62px } .banner_trial > a { color: #fdd334; border-bottom: 1px dashed #fdd334 } .banner_trial > a:hover { border-bottom: 0; text-decoration: none } .banner_trial:before { content: ''; background: url(images/sprites.png) -470px -296px; margin: -4px 8px 0; vertical-align: middle; display: inline-block; width: 16px; height: 17px } .input_search, .grpdx .input_search { float: left; width: 97px; height: 21px; margin: 7px 3px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font: 14px/20px "PT Sans", Helvetica, Arial, sans-serif; background: #fff url(images/sprites.png) -1167px -818px no-repeat; border: 0; padding: 5px 30px 5px; -webkit-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.2) inset } .search_wrapper { position: relative } .input_search_clear { height: 16px; width: 16px; position: absolute; left: 140px; top: 14px; background: url(images/sprites.png) -1141px -824px; cursor: pointer } .grpdx input[type="text"]::-ms-clear { display: none; width: 0; height: 0 } .grpdx .input_search { transition: width 0s; box-shadow: 0 0 0 transparent \9; background-color: #F4F4F4 \9; background-position-x: -1197px \9; border: 0; border-width: 30px \9; border-color: transparent \9; border-style: solid \9; border-right-color: "#F4F4F4\9"; padding-right: 0 \9; padding-left: 0 \9; border-top: 0; border-bottom: 0 } .grpdx .input_search:focus { border: 0; border-width: 30px \9; border-color: transparent \9; border-style: solid \9; border-top: 0; border-bottom: 0; background-color: #ffffff \9; background-position-x: -1197px \9; outline: 0 none } ::-webkit-input-placeholder { color: #aaa; font: 14px/19px "PT Sans", Helvetica, Arial, sans-serif } :-moz-placeholder { color: #aaa; font: 14px/19px "PT Sans", Helvetica, Arial, sans-serif } ::-moz-placeholder { color: #aaa; font: 14px/19px "PT Sans", Helvetica, Arial, sans-serif } :-ms-input-placeholder { color: #aaa; font: 14px/19px "PT Sans", Helvetica, Arial, sans-serif } .viewer_header_wrapper { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; padding: 6px 15px; overflow: visible } .viewer_header { height: auto; min-height: 60px; line-height: 0 } div.thumbnailsContainer { top: 0 } .navigation-bar { height: 42px } @media (max-width: 292px) { .viewer_header .viewer_header_wrapper { min-width: 261px; overflow: auto } } .new_head_tools_btn { position: relative; text-decoration: none } .new_head_tools_btn:before, .new_head_tools_btn:after { opacity: 0; filter: alpha(opacity=0); display: none \9; position: absolute; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; pointer-events: none } .new_head_tools_btn:before { content: ""; border-bottom: 5px solid #333; border-left: 5px solid transparent; border-right: 5px solid transparent; bottom: -9px; left: 11px } .new_head_tools_btn:after { content: attr(data-tooltip); bottom: -33px; left: 0; max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #333; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; white-space: nowrap } .new_head_tools_btn:hover:before, .new_head_tools_btn:hover:after { opacity: 1; filter: alpha(opacity=100); display: block \9 } .new_head_tools_btn.disabled:hover:before, .new_head_tools_btn.disabled:hover:after { display: none } .new_head_tools_btn.h_t_i_browser:after { left: -22px } .new_head_tools_btn.h_t_i_download:after { left: -22px } .new_head_tools_btn.h_t_i_export:after { left: -22px } .new_head_tools_btn.h_t_i_embed:after { left: -13px } .new_head_tools_btn.h_t_i_tools:after { left: -9px } .new_head_tools_btn.h_t_i_print:after { left: -7px } .new_head_tools_btn.h_t_i_search:after { left: -12px } .new_head_tools_btn.h_t_i_nav1:after { left: -23px } .new_head_tools_btn.h_t_i_nav2:after { left: -36px } .new_head_tools_btn.h_t_i_nav3:after { left: -24px } .new_head_tools_btn.h_t_i_nav4:after { left: -22px } .new_head_tools_btn.h_t_i_zoomin:after { left: -17px } .new_head_tools_btn.h_t_i_zoomout:after { left: -23px } .new_head_tools_btn.h_t_i_zoom:after { left: -27px } .new_head_tools_btn.h_t_i_singlepage:after { left: -26px } .head_tool_dropdown_export { min-width: 167px } .grpdx .comment_tabs_buttons > li { border: 0 !important } .grpdx .comment_tabs_buttons .ui-tabs-anchor { outline: 0 } .grpdx .comment_tabs_buttons .ui-tabs-anchor .com_com_icon { margin: 11px 14px } .grpdx .comment_tabs_buttons .ui-state-focus, .grpdx .comment_tabs_buttons .ui-state-hover { border: 0 } .grpdx .comment_box_sidebar .comment_text { outline: none } .grpdx .annotation_icons_wrapper .collapsed_anno_box { height: 23px; margin: 6px 0 5px -2px; padding: 10px 0 7px 7px; width: 40px } .thumbnail_panel { position: relative; float: left; height: 100%; min-width: 30px } .thumbnail_panel .thumbnail_stripe { position: absolute; top: 0; bottom: 0; left: 0; width: 30px; background-color: #c1c3c7 } .thumbnail_panel .thumbnail_stripe .thumbnail_open { display: block; width: 19px; height: 22px; margin: 14px 0 0 6px; background: url(images/sprites.png) no-repeat; background-position: -935px -1257px } .thumbnail_panel .thumbnail_stripe .thumbnail_open:hover { background-position: -935px -1284px } .thumbnail_panel.active .thumbnailsContainer { display: block } .thumbnail_panel.active .thumbnail_open { background-position: -935px -1284px } .thumbnail_panel div.thumbnailsContainer { position: relative; background-color: #d3d5d8; margin-left: 30px; border-left: 1px solid #777d84; border-right: 0; width: auto; min-width: 203px } .thumbnail_panel div.thumbnailsContainer h3 { font-size: 14px; color: #333; margin: 0; text-align: center; height: 42px; line-height: 42px; position: absolute; top: 0; left: 0; right: 0; z-index: 3; background-color: #d3d5d8 } .thumbnail_panel div.thumbnailsContainer h3 .static { -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5) } .thumbnail_panel div.thumbnailsContainer .panel_close { display: block; position: absolute; top: 11px; right: 5px; width: 21px; height: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid transparent; z-index: 4 } .thumbnail_panel div.thumbnailsContainer .panel_close:before { content: ""; position: absolute; width: 6px; height: 9px; top: 5px; left: 7px; background: url(images/sprites.png) no-repeat; background-position: -960px -1260px } .thumbnail_panel div.thumbnailsContainer .panel_close:hover { border-color: #b9bbbe } .thumbnail_panel div.thumbnailsContainer .panel_close:hover:before { background-position: -960px -1275px } .thumbnail_panel div.thumbnailsContainer .pages_thumbs { counter-reset: item } .thumbnail_panel div.thumbnailsContainer .pages_thumbs .thumb_page { min-height: 201px; margin-bottom: 50px } .thumbnail_panel div.thumbnailsContainer .pages_thumbs .thumb_page:after { content: counter(item); counter-increment: item; position: absolute; bottom: -27px; left: 0; right: 0; text-align: center } .thumbnail_panel div.thumbnailsContainer .pages_thumbs .thumb_page img { -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2) } .thumbnail_panel div.thumbnailsContainer .pages_thumbs .thumb_page.ui-selected { background-color: #d3d5d8 } .thumbnail_panel div.thumbnailsContainer .pages_thumbs .thumb_page.ui-selected img { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 5px solid #55cff6; -webkit-border-radius: 3%; -moz-border-radius: 3%; border-radius: 3% } .thumbnail_panel div.thumbnailsContainer .pages_thumbs .thumb_page .thumb_controls { position: absolute; top: 0; left: 50%; right: auto; bottom: 0; z-index: 2 } .thumbnail_panel div.thumbnailsContainer .pages_thumbs .thumb_page .thumb_controls button { display: none; border: 0; background-color: transparent } .thumbnail_panel div.thumbnailsContainer .pages_thumbs .thumb_page .thumb_controls .delete_page { position: absolute; top: -7px; right: -7px; width: 22px; height: 26px; background: url(images/sprites.png) no-repeat; background-position: -980px -1260px } .thumbnail_panel div.thumbnailsContainer .pages_thumbs .thumb_page .thumb_controls .page_rotate { position: absolute; width: 23px; height: 22px; bottom: 7px; right: 4px; border: 1px solid #b9bbbe; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff } .thumbnail_panel div.thumbnailsContainer .pages_thumbs .thumb_page .thumb_controls .page_rotate:before { content: ""; display: block; position: absolute; width: 14px; height: 15px; left: 3px; top: 3px; background: url(images/sprites.png) no-repeat; background-position: -960px -1293px } .thumbnail_panel div.thumbnailsContainer .pages_thumbs .thumb_page .thumb_controls:hover button { display: block } .document-wrapper { float: left; padding: 40px } .groupdocs_viewer_wrapper { background-color: #777d84 } .grpdx .ta_resize_box_round { background: #d35620; width: 16px; height: 16px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; position: absolute; cursor: pointer } .ta_resize_box_square { background: #d35620; width: 20px; height: 20px; position: absolute } .grpdx .doc_viewer_tabs { border-bottom: 36px solid #c4c4c4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff } .grpdx .doc_viewer_tabs .doc-page { border: 1px solid #ededed } .grpdx .tab_control_wrapper { position: absolute; bottom: 0; overflow-y: auto; height: 35px; width: 100%; background: url("images/mainbg.png") repeat; } .grpdx .tab_control_wrapper > .doc_viewer_tab_control { margin: 0; background: url(images/mainbg.png) repeat; padding: 0 20px } .grpdx .doc_viewer_tab_control > li { display: inline-block; margin-right: -3px; vertical-align: top; position: relative } .grpdx .doc_viewer_tab_control > li:after, .grpdx .doc_viewer_tab_control > li:before { content: ''; position: absolute; top: 0; right: -5px; border-width: 3px; border-style: solid; border-color: #f4f4f4 transparent transparent #f4f4f4 } .grpdx .doc_viewer_tab_control > li:before { top: 1px; border-color: #c4c4c4 transparent transparent #c4c4c4 } .grpdx .doc_viewer_tab_control > li > a { display: block; min-width: 70px; max-width: 150px; border: 1px solid #c4c4c4; border-top: 0; background-color: #f4f4f4; background-image: -webkit-linear-gradient(top, #f4f4f4, #ededed); background-image: linear-gradient(to bottom, #f4f4f4, #ededed); border-radius: 0 0 5px 5px; text-align: center; font: 700 12px/24px "PT Sans", Helvetica, Arial, sans-serif; color: #7f7f7f; white-space: nowrap; padding-right: 5px; padding-left: 5px; text-overflow: ellipsis; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); overflow: hidden } .grpdx .doc_viewer_tab_control > li > a:hover { text-decoration: none; color: #595959 } .grpdx .doc_viewer_tab_control > li.active { z-index: 2; margin-top: -1px } .grpdx .doc_viewer_tab_control > li.active > a { background-color: #fff; background-image: -webkit-linear-gradient(top, #fff, #f5f5f5); background-image: linear-gradient(to bottom, #fff, #f5f5f5); color: #333; position: relative; padding-top: 1px } .grpdx .doc_viewer_tab_control > li.active:after { border-color: #fff transparent transparent #fff } .grpdx .transformtool:before, .grpdx .transformtool:after, .grpdx .transformtool .bd_lr:before, .grpdx .transformtool .bd_lr:after { opacity: .5 } .jerrorwrapper { position: absolute } .grpdx .modal_progressbar { border: 3px solid rgba(0, 0, 0, 0.15) !important; border-radius: 8px; width: 531px !important; height: auto !important; margin: -200px 0 0 -265px !important; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) } .grpdx .modal_progressbar .modal_dialog_header { background: #ddd; height: 57px; color: #444; font: 700 20px/55px "PT Sans", Helvetica, Arial, sans-serif; padding-left: 20px } .grpdx .modal_progressbar .modal_dialog_header .percent { display: none } .grpdx .modal_progressbar .modal_dialog_content { border: 0; padding: 20px 20px 25px; background: #f2f2f2; border-top: 1px solid #fff; height: 35px } .grpdx .modal_progressbar .modal_dialog_content p { font: 400 14px "PT Sans", Helvetica, Arial, sans-serif; color: #444 } .grpdx .modal_progressbar .progressbar { background: #d4d4d4; height: 16px; border-radius: 8px; overflow: hidden; margin: 8px 0 } .grpdx .modal_progressbar .progressbar .progress { height: 100%; float: left; background: #e96730; border-radius: 8px } .grpdx .modal_progressbar .icon_minimize, .grpdx .modal_progressbar .icon_maximize { width: 18px; height: 18px; background: #393939; border-radius: 9px; float: right; margin: 20px 20px 20px 0; -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 0.7); -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, 0.7); box-shadow: 0 1px 0px rgba(255, 255, 255, 0.7); color: #fff; font: 700 16px/15px "PT Sans", Helvetica, Arial, sans-serif; text-align: center } .grpdx .modal_progressbar .icon_minimize:hover, .grpdx .modal_progressbar .icon_maximize:hover { text-decoration: none } .grpdx .modal_progressbar .icon_maximize { display: none; font: 700 17px/18px "PT Sans", Helvetica, Arial, sans-serif } .grpdx .modal_progressbar.min { top: auto !important; left: auto !important; bottom: -90px; right: 35px !important; width: auto !important } .grpdx .modal_progressbar.min .modal_dialog_header { font-size: 14px } .grpdx .modal_progressbar.min .modal_dialog_header .percent { display: inline } .grpdx .modal_progressbar.min .icon_minimize { display: none } .grpdx .modal_progressbar.min .icon_maximize { display: block } .grpdx .pages_container .current_search_highlight { background-color: lime } .grpdx .content_control_visual_wrapper { position: absolute; background-color: transparent; z-index: 1; border: 1px dashed #aeaeae } .grpdx .content_control_visual_wrapper:hover, .grpdx .content_control_visual_wrapper.hover { background-color: rgba(157, 217, 242, 0.15) } .grpdx .content_control_visual_wrapper:before { content: attr(data-title); opacity: 0; height: 20px; overflow: visible; position: absolute; top: -24px; left: -1px; text-shadow: 1px 1px 0 #fff } .grpdx .content_control_visual_wrapper:hover:before, .grpdx .content_control_visual_wrapper.hover:before { opacity: 1; color: #7c7c7c; background-color: #c7edfc; font: 400 14px/18px "PT Sans", Helvetica, Arial, sans-serif; padding: 3px 6px 0; border: 1px dashed #aeaeae; border-bottom: 0 } .grpdx .head_tool_dropdown li a p { margin-left: 27px }