@charset "UTF-8";
@font-face {
font-family:officefont;
src:url(../font/l) format("woff2"),
url(../font/d) format("woff"),
url(../font/a) format("opentype");
font-weight:400;
font-style:normal
}
@font-face {
font-family:officefont;
src:url(../font/ll) format("woff2"),
url(../font/dd) format("woff"),
url(../font/aa) format("opentype");
font-weight:700;
font-style:normal
}
@font-face {
font-family:officefont;
src:url(../font/lll) format("woff2"),
url(../font/ddd) format("woff"),
url(../font/aaa) format("opentype");
font-weight:300;
font-style:normal
}
body {
font-weight: 300;
font-family: officefont,sans-serif;
font-size: 14px;
line-height: normal;
background-color: #fff;
margin: 0;
max-width: 100%;
margin-top: -5px;
color: #555;
}
html body {
height: 100%;
}
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
.onlineuploader-input .onlineuploader-input-button,
.onlineuploader-input .onlineuploader-input-caption,
.onlineuploader-items .onlineuploader-item .onlineuploader-action i,
.onlineuploader-items .onlineuploader-item .onlineuploader-progressbar .bar,
.onlineuploader-items .onlineuploader-item .progress-bar2 .onlineuploader-progressbar .bar,
.onlineuploader-items .onlineuploader-item span.onlineuploader-action-popup,
.onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-button,
.onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-button.button-success,
.onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-tools li a i,
.onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-tools li a span {
-webkit-transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);
-o-transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);
transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);
}
.onlineuploader-items .onlineuploader-item,
.onlineuploader-items .onlineuploader-item .onlineuploader-action,
.onlineuploader-items .onlineuploader-item .onlineuploader-item-icon,
.onlineuploader-items .onlineuploader-item .onlineuploader-item-image canvas,
.onlineuploader-items .onlineuploader-item .onlineuploader-item-image img,
.onlineuploader-popup,
.onlineuploader-popup .onlineuploader-popup-node {
-webkit-animation: onlineuploaderFadeIn 0.9s ease;
animation: onlineuploaderFadeIn 0.9s ease;
}
.onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-button,
.onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-button.button-success {
display: inline-block;
margin: 0;
padding: 14px 22px;
border: none;
border-radius: 30px;
outline: 0;
font-weight: 700;
cursor: pointer;
vertical-align: middle;
text-decoration: none;
}
.onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-button {
background: #e6ebf4;
color: #90a0bc;
}
.onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-button:hover {
background: #edf1f7;
transform: translate3d(0, -1px, 0);
}
.onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-button:active {
background: #dfe5f1;
transform: translate3d(0, 1px, 0);
}
.onlineuploader-input .onlineuploader-input-button,
.onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-button.button-success {
background: #9658fe;
background: -moz-linear-gradient(-45deg, #3a8ffe 0, #9658fe 100%);
background: -webkit-linear-gradient(-45deg, #3a8ffe 0, #9658fe 100%);
background: linear-gradient(135deg, #3a8ffe 0, #9658fe 100%);
background-size: 140% auto;
background-position: center;
color: #fff;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
}
.onlineuploader-input .onlineuploader-input-button:hover,
.onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-button.button-success:hover {
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
transform: translate3d(0, -2px, 0);
}
.onlineuploader-input .onlineuploader-input-button:active,
.onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-button.button-success:active {
box-shadow: 0 4px 25px rgba(0, 0, 0, 0.15);
}
.onlineuploader-input .onlineuploader-input-caption .onlineuploader-pending-loader,
.onlineuploader-items .onlineuploader-item .onlineuploader-item-image.onlineuploader-loading:after,
.onlineuploader-items .onlineuploader-item.upload-pending .onlineuploader-action-remove:after,
.onlineuploader-popup.loading:after {
content: "";
position: absolute;
min-width: 24px;
min-height: 24px;
max-width: 48px;
max-height: 48px;
background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZGRlNGY2IiBkPSJNNDMuOTM1LDI1LjE0NWMwLTEwLjMxOC04LjM2NC0xOC42ODMtMTguNjgzLTE4LjY4M2MtMTAuMzE4LDAtMTguNjgzLDguMzY1LTE4LjY4MywxOC42ODNoNC4wNjhjMC04LjA3MSw2LjU0My0xNC42MTUsMTQuNjE1LTE0LjYxNWM4LjA3MiwwLDE0LjYxNSw2LjU0MywxNC42MTUsMTQuNjE1SDQzLjkzNXoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjUgMjUiIHRvPSIzNjAgMjUgMjUiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4gPC9wYXRoPiA8L3N2Zz4=) center no-repeat;
background-size: contain;
}
.onlineuploader-input .onlineuploader-input-button {
padding: 3px 8px;
border-radius: 40px;
cursor: pointer;
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.302), 0 1px 3px 1px rgba(60, 64, 67, 0.149);
-webkit-font-smoothing: antialiased;
font-family: officefont,sans-serif;
font-size: 0.875rem;
letter-spacing: 0.25px;
-webkit-align-items: center;
align-items: center;
background-color: #fff;
background-image: none;
color: #3c4043;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
font-weight: 400;
height: 52px;
min-width: 200px;
padding: 0px 14px 0 10px;
text-transform: none;
vertical-align: middle;
background: #fff url(../svg/add.svg) 220px center no-repeat;
background-size: 32px;
background-position: left;
background-position-x: 20px;
background-position-y: 10px;
}
.onlineuploader-input .onlineuploader-input-button p {
margin: 0 auto 0px 30px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 260px;
text-align: center;
width: 260px;
font-size: 26px;
font-weight: 300;
}
.onlineuploader-items .onlineuploader-item .onlineuploader-item-icon i,
.onlineuploader-items .onlineuploader-item .onlineuploader-item-image canvas,
.onlineuploader-items .onlineuploader-item .onlineuploader-item-image img,
.onlineuploader-items .onlineuploader-item .onlineuploader-item-image.onlineuploader-loading:after,
.onlineuploader-popup .onlineuploader-cropper .onlineuploader-cropper-area .area-move,
.onlineuploader-popup .onlineuploader-cropper .onlineuploader-cropper-area .point:after,
.onlineuploader-popup .onlineuploader-popup-move:after,
.onlineuploader-popup.loading:after {
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.onlineuploader-items .onlineuploader-item .onlineuploader-action,
.onlineuploader-items .onlineuploader-item .progress-bar2 span {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.onlineuploader-input .onlineuploader-input-button,
.onlineuploader-items .onlineuploader-item .onlineuploader-item-icon,
.onlineuploader-items .onlineuploader-item .progress-bar2 .onlineuploader-progressbar,
.onlineuploader-popup .onlineuploader-cropper,
.onlineuploader-popup .onlineuploader-cropper *,
.onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-button,
.onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-button.button-success,
.onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-tools li a,
.onlineuploader-popup .onlineuploader-popup-move,
.onlineuploader-popup .onlineuploader-popup-node .onlineuploader-popup-file-icon {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.onlineuploader,
.onlineuploader *,
.onlineuploader :after,
.onlineuploader :before,
.onlineuploader-popup,
.onlineuploader-popup *,
.onlineuploader-popup :after,
.onlineuploader-popup :before {
box-sizing: border-box;
}
.onlineuploader {
display: block;
width: 100%;
line-height: normal;
}
.onlineuploader-input-inner {
margin: auto;
}
.onlineuploader-input {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
min-height: 109px;
background-color: #009e54;
background-image: linear-gradient( 45deg, rgba(0, 0, 0, 0.06) 25%, transparent 0 ), linear-gradient(-45deg, rgba(0, 0, 0, 0.06) 25%, transparent 0), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.06) 0), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.06) 0);
background-size: 24px 24px;
background-position: 0 0, 0 12px, 12px -12px, -12px 0;
border-radius: 5px 5px 0px 0px;
}
.onlineuploader-input .onlineuploader-input-caption {
position: relative;
display: inline-block;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-item-align: start;
align-self: flex-start;
padding: 13px 16px;
margin-right: 16px;
background: #fff;
border: 1px solid #ebeef1;
border-radius: 30px;
color: #789bec;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.01);
font-weight: 700;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.onlineuploader-focused .onlineuploader-input .onlineuploader-input-caption {
border-color: #789bec;
}
.onlineuploader-input .onlineuploader-input-caption .onlineuploader-pending-loader {
position: relative;
display: inline-block;
vertical-align: middle;
min-height: 22px;
margin-right: 6px;
}
.onlineuploader-input .onlineuploader-main-icon {
color: #789bec;
}
.onlineuploader-input .onlineuploader-main-icon:after {
content: "\e900";
}
.onlineuploader-input.onlineuploader-dragging {
background-image: linear-gradient( 135deg ,rgb(0,162,69) 0%,rgb(3,130,62) 100%) !important;
box-shadow: 0 2px 5px 0 #939393;
background-size: auto;
border: 2px dashed #fff;
}
.onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input.onlineuploader-dragging .moreaddfile {
display: none;
}
.onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input.onlineuploader-dragging {
border-radius: 5px !important;
max-width: 600px;
margin: 0 auto 20px;
}
.onlineuploader-input.onlineuploader-dragging .onlineuploader-input-inner {
vertical-align: middle;
background: #0000 url(../svg/addfile.svg) 32px center no-repeat;
background-size: 60px;
background-position: left;
width: 60px;
height: 60px;
}
.onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input.onlineuploader-dragging .onlineuploader-input-inner:hover {
box-shadow:none !important;
}
.onlineuploader-input.onlineuploader-dragging .onlineuploader-input-inner button {
display: none;
}
.onlineuploader-input.onlineuploader-dragging .onlineuploader-input-caption {
border-color: transparent;
}
.onlineuploader-input.onlineuploader-dragging .onlineuploader-input-button {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
}
.onlineuploader-disabled .onlineuploader-input {
opacity: 0.7;
cursor: default;
pointer-events: none !important;
}
.onlineuploader-items .onlineuploader-items-list {
display: block;
margin: 0px;
padding: 0;
list-style: none;
}
.onlineuploader-items .onlineuploader-item {
position: relative;
margin: 0;
padding: 12px 16px 10px 22px;
border-bottom: 1px solid #ebeef1;
animation-duration: 0.6s;
background-color: #fff;
border-radius: 5px;
}
.onlineuploader-items .onlineuploader-item:last-child {
border-bottom: 0;
margin-bottom: -16px;
}
.onlineuploader-items .onlineuploader-item.upload-failed {
background: rgba(254, 84, 111, 0.06);
border-bottom: 1px solid #fb0606;
}
.onlineuploader-items .onlineuploader-item.upload-pending .onlineuploader-action-remove:after {
position: absolute;
left: -8px;
top: -8px;
width: 36px;
height: 36px;
}
.onlineuploader-items .onlineuploader-item .columns {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 2;
}
.onlineuploader-items .onlineuploader-item .column-thumbnail {
position: relative;
width: 28px;
height: 28px;
margin-top: 4px;
}
.onlineuploader-items .onlineuploader-item .column-title {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 16px;
padding-right: 16px;
color: #555;
overflow: hidden;
}
.onlineuploader-items .onlineuploader-item .column-title a {
display: inline-block;
width: 100%;
height: 100%;
color: #555;
text-decoration: none;
}
.onlineuploader-items .onlineuploader-item .column-title div {
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-weight: 400;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) !important;
}
.onlineuploader-items .onlineuploader-item .column-title span {
font-size: 12px;
color: #979fb8;
opacity: 0.7;
font-weight: 300;
}
.onlineuploader-items .onlineuploader-item .column-title ss {
position: absolute;
top: -8px;
color: #00944f;
padding: 0px 2px 0px;
border-radius: 2px;
font-size: 10px;
border: 1px solid #00944f;
background-color: #fff;
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.23);
}
.onlineuploader-items .onlineuploader-item .column-title ss::after {
content: '';
display: inline-block;
width: 0;
height: 0;
position: absolute;
left: 0;
bottom: -6px;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 10px solid #00944f;
-webkit-transform: rotate3d(0,0,1,45deg);
-ms-transform: rotate3d(0,0,1,45deg);
transform: rotate3d(0,0,1,45deg);
z-index: -1;
}
.onlineuploader-items .onlineuploader-item .column-actions {
margin: 0 16px;
}
.onlineuploader-items .onlineuploader-item .onlineuploader-item-image {
position: relative;
width: 100%;
height: 100%;
border-radius: 3px;
background: #fff;
overflow: hidden;
}
.onlineuploader-items .onlineuploader-item .onlineuploader-item-image.onlineuploader-loading:after {
content: "";
width: 50%;
height: 50%;
}
.onlineuploader-items .onlineuploader-item .onlineuploader-item-image canvas,
.onlineuploader-items .onlineuploader-item .onlineuploader-item-image img {
position: absolute;
max-width: none;
max-height: 100%;
}
.onlineuploader-items .onlineuploader-item .onlineuploader-item-icon {
position: relative;
width: 100%;
height: 100%;
text-align: center;
color: #fff;
font-size: 11px;
border-radius: 3px;
cursor: default;
background-color: #ddd;
background-position: center;
background-repeat: no-repeat;
background-size: 16px;
}
.onlineuploader button,
.onlineuploader-popup button {
display: inline-block;
padding: 0;
margin: 0;
margin-left: 0px;
border: 0;
font: inherit;
background: 0 0;
box-shadow: none;
}
.onlineuploader-items .onlineuploader-item .onlineuploader-item-icon.is-bright-color {
color: #888;
}
.onlineuploader-items .onlineuploader-item .onlineuploader-item-icon i {
position: absolute;
display: block;
width: auto;
font-style: normal;
overflow: hidden;
white-space: nowrap;
min-width: 14px;
text-align: center;
line-height: 14px;
padding: 6px;
font-size: 16px;
left: 14px;
top: 14px;
text-transform: capitalize;
color: #ffffff !important;
font-weight: 500;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.11) !important;
}
.onlineuploader-items .onlineuploader-item span.onlineuploader-action-popup {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 3px;
background-image: linear-gradient(135deg,rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, 0.37) 100%);
box-shadow: 0 2px 5px 0 rgba(147, 147, 147, 0.64);
}
.onlineuploader-items .onlineuploader-item span.onlineuploader-action-popup:hover {
opacity: 1;
}
.onlineuploader-items .onlineuploader-item span.onlineuploader-action-popup:active {
background: rgba(43, 56, 71, 0.4);
}
.onlineuploader-items .onlineuploader-item .onlineuploader-action {
position: relative;
display: inline-block;
color: #c0c6d2;
cursor: pointer;
vertical-align: top;
border-radius: 50px;
}
.convertformat format {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.12) !important;
}
.onlineuploader-items .onlineuploader-item .onlineuploader-action.onlineuploader-action-download {
width: auto;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25) !important;
border-radius: 2px !important;
fill: #fff;
background-color: #00944f !important;
padding: 10px 16px 8px;
color: #fff;
text-decoration: none;
height: auto;
margin-right: 30px;
font-weight: 700;
min-width: 126px;
text-align: center;
box-shadow: 0 2px 5px 0 rgba(147, 147, 147, 0.64);
}
.onlineuploader-items .onlineuploader-item .onlineuploader-action.onlineuploader-action-download span {
margin-left: 10px;
}
.onlineuploader-action.onlineuploader-action-remove {
margin-right: 2px !important;
}
.onlineuploader-items .onlineuploader-item .onlineuploader-action + .onlineuploader-action {
margin-left: 32px;
-webkit-transition: all 140ms ease;
transition: all 140ms ease;
}
.onlineuploader-items .onlineuploader-item .onlineuploader-action:hover {
color: #789bec;
}
.onlineuploader-items .onlineuploader-item .column-actions .onlineuploader-action-remove {
padding: 10px;
width: 40px;
height: 40px;
}
.onlineuploader-items .onlineuploader-item .column-actions .onlineuploader-action-remove:hover {
background-color: #e6ebe6;
}
.onlineuploader-items .onlineuploader-item .onlineuploader-action.onlineuploader-action-download:hover {
background-color: #333 !important;
color: #fff;
box-shadow: 0 1rem 2.5rem 0 rgba(39, 48, 54, 0.25);
-webkit-transform: translateY(-1.22rem);
-moz-transform: translateY(-1.22rem);
-ms-transform: translateY(-1.22rem);
transform: translateY(-1.22rem);
}
.onlineuploader-items .onlineuploader-item .onlineuploader-action.onlineuploader-action-finish {
padding: 1px 4px;
border: 1px solid #178238;
border-radius: 2px;
color: #178238;
font-size: 10px;
vertical-align: middle;
margin-left: 25px;
cursor: default;
text-align: center;
text-transform: capitalize;
min-width: 46px;
font-weight: 400;
width: auto;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) !important;
margin-bottom: 12px;
}
.onlineuploader-items .onlineuploader-item .onlineuploader-action.onlineuploader-action-info {
padding: 1px 4px;
color: #999;
font-size: 15px;
vertical-align: middle;
cursor: default;
text-align: center;
min-width: 46px;
font-weight: 300;
width: auto;
height: 35px;
}
.onlineuploader-items .upload-successful .onlineuploader-action.onlineuploader-action-info {
text-transform: uppercase;
}
.onlineuploader-items .onlineuploader-item .onlineuploader-action:active {
color: #668ee9;
}
.onlineuploader-items .onlineuploader-item.file-has-popup span.onlineuploader-action-popup {
display: block;
}
.onlineuploader-items .onlineuploader-item .onlineuploader-progressbar {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 4px;
border-radius: 6px;
overflow: hidden;
}
.onlineuploader-items .onlineuploader-item .onlineuploader-progressbar .bar {
position: absolute;
left: 0;
top: 0;
width: 0%;
height: 100%;
border-radius: 6px;
background: #789bec;
}
.onlineuploader-items .onlineuploader-item .progress-bar2 .onlineuploader-progressbar {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.onlineuploader-items .onlineuploader-item .progress-bar2 .onlineuploader-progressbar .bar {
position: absolute;
left: 0;
top: 0;
width: 0%;
height: 100%;
border-radius: 0;
background: #00ff0a12;
}
.barbar {
width: 1px;
height: 100%;
right: 0px;
position: absolute;
background-color: #00944f;
box-shadow: 0 2px 9px 0 #9fdcb9;
}
.onlineuploader-items .onlineuploader-item .progress-bar2 span {
position: absolute;
right: 16px;
color: rgba(151, 159, 184, 0.16);
font-size: 48px;
}
.onlineuploader-items .onlineuploader-sorter-placeholder {
background: rgba(0, 0, 0, 0.03);
margin: 0;
padding: 0;
-webkit-animation: none;
animation: none;
}
.file-type-image .onlineuploader-item-icon {
background-color: #49c9a7 !important;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjMwMTU4MDI3MDc2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjcyNDYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTY0OS4wODI1NiAzNjUuNzkyYTEwMy45MzYgMTAzLjkzNiAwIDAgMS0xMDQtMTAzLjU4NGMwLTU3LjE4NCA0Ni41OTItMTAzLjU4NCAxMDQtMTAzLjU4NHMxMDQgNDYuNCAxMDQgMTAzLjU4NGExMDQgMTA0IDAgMCAxLTEwNCAxMDMuNjE2eiBtMC0xNTcuNzkyYy0zMC4wMTYgMC01NC40IDI0LjE5Mi01NC40IDU0LjIwOGE1NC40IDU0LjQgMCAwIDAgMTA4LjggMGMwLTMwLjAxNi0yNC4zODQtNTQuMjA4LTU0LjQtNTQuMjA4ek0xMDE3LjA4MjU2IDc2My4wMDhsLTE5Ni0xOTUuMmEyNS42IDI1LjYgMCAwIDAtMzUuNTg0IDBMNjY1Ljg4MjU2IDY4Ni44MTZjLTAuMTkyIDAuMTkyLTAuMzg0IDAuNjA4LTAuOCAwLjhsLTI3NS42MTYtMjc0LjU5MmEyNC4xNiAyNC4xNiAwIDAgMC0xOC4wMTYtNy4yYy02LjQgMC0xMi45OTIgMi40LTE4LjAxNiA3LjJMNy40MTg1NiA3NTcuNjMyYTI0LjU0NCAyNC41NDQgMCAwIDAgMCAzNS4wMDhjOS43OTIgOS42IDI1LjQwOCA5LjYgMzUuMiAwbDMyOC44LTMyNy42MTYgMzkyIDM5MC40YzkuNzkyIDkuNiAyNS40MDggOS42IDM1LjIgMGEyNC41NDQgMjQuNTQ0IDAgMCAwIDAtMzUuMDA4bC05OC40LTk4LjAxNmMwLjE5Mi0wLjE5MiAwLjYwOC0wLjM4NCAwLjgtMC44bDEwMi4yMDgtMTAxLjc5MiAxNzguNTkyIDE3OC4wMTZjOS42IDkuNiAyNS40MDggOS42IDM1LjIgMCA5LjYtOS40MDggOS42LTI0Ljk5MiAwLTM0Ljc4NHoiIHAtaWQ9IjcyNDciIGRhdGEtc3BtLWFuY2hvci1pZD0iYTMxM3guNzc4MTA2OS4wLmkxIiBjbGFzcz0ic2VsZWN0ZWQiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48L3N2Zz4=");
}
.file-type-image .onlineuploader-item-icon i {
visibility: hidden;
color: #fff;
}
.file-type-aac .onlineuploader-item-icon,
.file-type-ac3 .onlineuploader-item-icon,
.file-type-aiff .onlineuploader-item-icon,
.file-type-flac .onlineuploader-item-icon,
.file-type-m4a .onlineuploader-item-icon,
.file-type-mp3 .onlineuploader-item-icon,
.file-type-wav .onlineuploader-item-icon,
.file-type-wma .onlineuploader-item-icon,
.file-type-ogg .onlineuploader-item-icon,
.file-type-opus .onlineuploader-item-icon,
.file-type-mmf .onlineuploader-item-icon,
.file-type-audio .onlineuploader-item-icon {
background-color: #fca32a !important;
background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTk0NyA2NzktLjMtMTIyYzAtMjQwLTE5NS4yLTQzNS4yLTQzNS4yLTQzNS4ycy00MzUuMiAxOTUuMi00MzUuMiA0MzUuMWwtLjYgMTM1LjZjMCAuNy0uMiAxLjMtLjIgMnY2MC42YzAgNjIuNCA1MC44IDExMy4yIDExMy4yIDExMy4yczExMy4yLTUwLjggMTEzLjItMTEzLjJ2LTYwLjZjMC02Mi40LTUwLjgtMTEzLjItMTEzLjItMTEzLjItMjUuMyAwLTQ4LjQgOC42LTY3LjIgMjIuNmwuMi00N2MwLTIxNC45IDE3NC45LTM4OS44IDM4OS44LTM4OS44czM4OS44IDE3NC45IDM4OS44IDM4OS45bC4xIDQ4LjdjLTE4LTEzLjMtMzkuOC0yMS42LTYzLjQtMjIuMy0zMC41LTEuMS01OC45IDkuOS04MSAzMC42cy0zNC44IDQ4LjctMzUuOCA3OC45bC0yIDYwLjZjLTIgNjIuNCA0Ny4xIDExNC43IDEwOS41IDExNi43IDEuMiAwIDIuNC4xIDMuNi4xIDU5LjggMCAxMTAuOS00OCAxMTQuNi0xMDkuMmwtLjItNjEuM2MuMi03LjEtLjEtMTMuNy4zLTIwLjh6bS03NTguMy01Mi4zYzM3LjQgMCA2Ny44IDMwLjQgNjcuOCA2Ny44djYwLjZjMCAzNy40LTMwLjQgNjcuOC02Ny44IDY3LjhzLTY3LjgtMzAuNC02Ny44LTY3Ljh2LTU1LjNjMC0uMy4yLS42LjItLjl2LTYuNWMxLjEtMzYuMyAzMC45LTY1LjcgNjcuNi02NS43em02NDEuNiAxOTguMmMtMzcuNC0xLjItNjYuOC0zMi42LTY1LjYtNjkuOWwyLTYwLjZjMS4yLTM2LjYgMzEuNC02NS42IDY3LjctNjUuNmgyLjJjMzEuNiAxIDU3LjkgMjQuNCA2NSA1NC4zbC4xIDU0LjljMCAxIC40IDEuOC42IDIuN2wtLjYgMTguMmMtMi4zIDM3LjYtMzQuNyA2Ny4xLTcxLjQgNjZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+");
}
.file-type-aac .onlineuploader-item-icon i,
.file-type-ac3 .onlineuploader-item-icon i,
.file-type-aiff .onlineuploader-item-icon i,
.file-type-flac .onlineuploader-item-icon i,
.file-type-m4a .onlineuploader-item-icon i,
.file-type-mp3 .onlineuploader-item-icon i,
.file-type-wav .onlineuploader-item-icon i,
.file-type-wma .onlineuploader-item-icon i,
.file-type-ogg .onlineuploader-item-icon i,
.file-type-opus .onlineuploader-item-icon i,
.file-type-mmf .onlineuploader-item-icon i,
.file-type-audio .onlineuploader-item-icon i {
visibility: hidden;
color: #fff;
}
.file-type-video .onlineuploader-item-icon {
background-color: #ce3a3a !important;
background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE3OS43OTYgMzY5LjE3MWMtMTAuNzYyIDAtMTkuNDg5IDguNzI1LTE5LjQ4OSAxOS40ODcgMCAxMC43NjYgOC43MjcgMTkuNDg5IDE5LjQ4OSAxOS40ODkgMTAuNzY0IDAgMTkuNDg5LTguNzIzIDE5LjQ4OS0xOS40ODkgMC0xMC43NjItOC43MjYtMTkuNDg3LTE5LjQ4OS0xOS40ODd6bTc2OS4xOC01Ny4xMDZhMTkuNDA5IDE5LjQwOSAwIDAgMCAtMTkuODg4Ljc0M2wtMjIzLjA5MiAxNDcuMzY1di0xMTAuNDkzYzAtNDMuMDUzLTM0LjkwNC03Ny45NTMtNzcuOTU1LTc3Ljk1M2gtNDg3LjIyM2MtNDMuMDUzIDAtNzcuOTUzIDM0LjkwMS03Ny45NTMgNzcuOTUzdjM4OS43NzZjMCA0My4wNTUgMzQuOTAxIDc3Ljk1NSA3Ny45NTMgNzcuOTU1aDQ4Ny4yMjJjNDMuMDUxIDAgNzcuOTU1LTM0LjkwMSA3Ny45NTUtNzcuOTU1di05My45M2wyMjIuOTQgMTQ5LjU5YTE5LjQ1NCAxOS40NTQgMCAwIDAgMTkuOTY0Ljg3NyAxOS40NyAxOS40NyAwIDAgMCAxMC4yMzktMTcuMTV2LTQ0OS42NjlhMTkuNDczIDE5LjQ3MyAwIDAgMCAtMTAuMTYyLTE3LjEwOXptLTI4MS45NiAxODAuNjg4YTE5LjU0NyAxOS41NDcgMCAwIDAgLS40IDMuOTAzdjExMi4wNjNjMCAxLjMyMS4xNCAyLjYyNC40IDMuODk0djEyNi44NDVjMCAyMS41MjctMTcuNDUyIDM4Ljk4LTM4Ljk3NiAzOC45OGgtNDg3LjIyMmMtMjEuNTI1IDAtMzguOTc4LTE3LjQ1Mi0zOC45NzgtMzguOTh2LTM4OS43NzhjMC0yMS41MjUgMTcuNDUyLTM4Ljk3OCAzOC45NzgtMzguOTc4aDQ4Ny4yMjJjMjEuNTIzIDAgMzguOTc2IDE3LjQ1MiAzOC45NzYgMzguOTc4em0yNTMuMTQ2IDI0OS45MjktMjE0LjE2Ni0xNDQuMjAydi05MS40NzFsMjE0LjE2Ni0xNDIuMDU1eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
}
.file-type-video .onlineuploader-item-icon i {
visibility: hidden;
color: #fff;
}
.file-ext-z .onlineuploader-item-icon,
.file-ext-lzo .onlineuploader-item-icon,
.file-ext-gz .onlineuploader-item-icon,
.file-ext-bz2 .onlineuploader-item-icon,
.file-ext-7z .onlineuploader-item-icon,
.file-ext-rar .onlineuploader-item-icon,
.file-ext-zip .onlineuploader-item-icon {
background-color: #ffb233 !important;
background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwMjEuNCAxMTEuOXYtNTUuMWgtODQ4LjhjLTkzLjkgMC0xNzAgNzYuMS0xNzAgMTcwIDAgNTkuNyAzMC44IDExMi4yIDc3LjMgMTQyLjUtNDYuNSAzMC4zLTc3LjMgODIuOC03Ny4zIDE0Mi41IDAgNTkuOCAzMC45IDExMi40IDc3LjYgMTQyLjctNDYuNyAzMC4zLTc3LjYgODIuOS03Ny42IDE0Mi43IDAgOTMuOSA3Ni4xIDE3MCAxNzAgMTcwaDg0OC44di01NS4xYy0yOC42LTEuNC01NS40LTEzLjEtNzUuOC0zMy41LTIxLjctMjEuNy0zMy43LTUwLjYtMzMuNy04MS4zczEyLTU5LjYgMzMuNy04MS4zYzIwLjQtMjAuNCA0Ny4xLTMyLjIgNzUuOC0zMy41di01NS44Yy0yOC42LTEuNC01NS40LTEzLjEtNzUuOC0zMy41LTIxLjctMjEuNy0zMy43LTUwLjYtMzMuNy04MS4zczEyLTU5LjYgMzMuNy04MS4zYzIwLjQtMjAuNCA0Ny4xLTMyLjIgNzUuOC0zMy41di01NS4yYy0yOC42LTEuNC01NS40LTEzLjEtNzUuOC0zMy41LTIxLjctMjEuNy0zMy43LTUwLjYtMzMuNy04MS4zczEyLTU5LjYgMzMuNy04MS4zYzIwLjQtMjAuNyA0Ny4yLTMyLjUgNzUuOC0zMy45em0tMTE5LjYgODAwLjNoLTcyOS4yYy0zMC43IDAtNTkuNi0xMi04MS4zLTMzLjdzLTMzLjctNTAuNi0zMy43LTgxLjMgMTItNTkuNiAzMy43LTgxLjMgNTAuNi0zMy43IDgxLjMtMzMuN2g3MjkuMWMtMjcuOCAzMC4zLTQ0LjggNzAuNi00NC44IDExNXMxNyA4NC44IDQ0LjkgMTE1em0wLTI4NS40aC03MjkuMmMtMzAuNyAwLTU5LjYtMTItODEuMy0zMy43cy0zMy43LTUwLjYtMzMuNy04MS4zIDEyLTU5LjYgMzMuNy04MS4zIDUwLjYtMzMuNyA4MS4zLTMzLjdoNzI5LjFjLTI3LjggMzAuMy00NC44IDcwLjYtNDQuOCAxMTUgMCA0NC4zIDE3IDg0LjcgNDQuOSAxMTV6bS03MjkuMi0yODVjLTMwLjcgMC01OS42LTEyLTgxLjMtMzMuN3MtMzMuNy01MC42LTMzLjctODEuMyAxMi01OS42IDMzLjctODEuMyA1MC42LTMzLjcgODEuMy0zMy43aDcyOS4xYy0yNy44IDMwLjMtNDQuOCA3MC42LTQ0LjggMTE1czE3IDg0LjcgNDQuOCAxMTV6IiBmaWxsPSIjZmZmIi8+PC9zdmc+");
}
.file-ext-z .onlineuploader-item-icon i,
.file-ext-lzo .onlineuploader-item-icon i,
.file-ext-gz .onlineuploader-item-icon i,
.file-ext-bz2 .onlineuploader-item-icon i,
.file-ext-7z .onlineuploader-item-icon i,
.file-ext-rar .onlineuploader-item-icon i,
.file-ext-zip .onlineuploader-item-icon i {
visibility: hidden;
color: #fff;
}
.file-ext-pdf .onlineuploader-item-icon {
background-color: #ef5450 !important;
background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwMTIuODE4ODkzIDY0MC41MTJjLTE2LjM4NC0yMi4wMTYtNDguNjQtMzQuODE2LTk2LjI1Ni0zOC40LTExMi42NC04LjE5Mi0yMDEuNzI4IDE1LjM2LTIxMC40MzIgMTcuNDA4LTEwLjI0LTUuNjMyLTE1MC41MjgtODkuMDg4LTIyMC42NzItMjgxLjA4OCAzLjA3Mi03LjY4IDM0LjMwNC04Ni41MjggMTcuNDA4LTE4OC45MjhsLTEuNTM2LTkuNzI4LTEuNTM2IDkuNzI4Yy04LjcwNCA0Ny4xMDQtMjMuNTUyIDExNy43Ni0zMi43NjggMTMyLjA5Ni00LjA5Ni0xNi44OTYtMjQuMDY0LTk0LjIwOC0yOC4xNi0xNjEuMjgtMy41ODQtNDkuNjY0IDcuMTY4LTk1Ljc0NCAyMi4wMTYtOTguMzA0IDYuMTQ0LTEuMDI0IDExLjc3NiAxLjUzNiAxNy40MDggNi42NTYgMTkuOTY4IDE5Ljk2OCAzMC43MiA3Ny4zMTIgMjcuMTM2IDk3LjI4bC0xLjUzNiA3LjE2OCA0LjA5Ni01LjYzMmMuNTEyLS41MTIgMTEuNzc2LTE2Ljg5NiAxMS43NzYtNTkuOTA0IDAtMjMuNTUyLTE5LjQ1Ni02MC45MjgtNzIuMTkyLTYwLjkyOC0xNy45MiAwLTMwLjcyIDUuMTItMzkuOTM2IDE1Ljg3Mi0xNi44OTYgMTkuNDU2LTIyLjAxNiA1Ny4zNDQtMTQuMzM2IDExNi4yMjQgMTMuMzEyIDEwNi40OTYgNDQuMDMyIDIyMC4xNiA0Ni41OTIgMjI5LjM3Ni05LjcyOCAyMi4wMTYtMjgzLjEzNiA2MTcuOTg0LTM5NS43NzYgNjE3Ljk4NC0xLjUzNiAwLTMuMDcyIDAtNC42MDgtLjUxMi01LjYzMi03MC42NTYgMTczLjA1Ni0yMDcuODcyIDE3NS4xMDQtMjA5LjQwOGw3LjY4LTUuNjMyLTkuMjE2IDMuMDcyYy0xLjUzNi41MTItMTI5LjAyNCAzOS45MzYtMjA1LjgyNCAxNzIuMDMyLTQuNjA4IDcuNjgtMTEuMjY0IDIzLjA0LTQuMDk2IDM3Ljg4OCA3LjY4IDE1Ljg3MiAyOS4xODQgMjUuNiA2NCAyOS42OTZoMy4wNzJjNDMuNTIgMCAxNDQuODk2LTg5LjYgMjMyLjQ0OC0yNjUuNzI4IDEzLjMxMi00LjA5NiAyMTQuMDE2LTcwLjY1NiAzNzguODgtODguMDY0IDE0LjMzNiA3LjY4IDIyOC4zNTIgMTE5LjgwOCAzMDcuNzEyIDc5Ljg3MiAxNS44NzItOC4xOTIgMjUuMDg4LTIxLjUwNCAyOC4xNi00MC40NDhsMS4wMjQtNS4xMi0zLjU4NCAzLjU4NGMtLjUxMi41MTItNTIuNzM2IDQ5LjE1Mi0yNTAuODgtNTAuNjg4IDMxLjIzMi00LjA5NiAxODguOTI4LTIwLjQ4IDI1Ni41MTIgMzUuODRsMi4wNDggMS41MzYuNTEyLTMuMDcyYy41MTItMS4wMjQgNC42MDgtMjAuNDgtMTAuMjQtNDAuNDQ4em0tMzc1LjgwOC04LjE5MmMtMjkuMTg0IDQuNjA4LTIxNC41MjggMzYuODY0LTMxOS40ODggODUuNTA0IDE4LjQzMi0zNC4zMDQgMTI2LjQ2NC0yMzIuOTYgMTQyLjg0OC0yOTYuOTYgMTAuNzUyIDIyLjUyOCA2MC45MjggMTIwLjgzMiAxNzYuNjQgMjExLjQ1NnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
}
.file-ext-pdf .onlineuploader-item-icon i {
visibility: hidden;
color: #fff;
}
.file-ext-html .onlineuploader-item-icon {
background-color: #1890ff !important;
background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgd2lkdGg9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNzMuNiA1NDcuMmMtNi40LTYuNC05LjYtMTYtOS42LTI1LjZzMy4yLTE2IDkuNi0yMi40bDIyNC0yMzAuNGMxMi44LTEyLjggMzItMTIuOCA0NC44IDBzMTIuOCAzNS4yIDAgNDQuOGwtMjAxLjYgMjA4IDIwMS42IDIwOGMxMi44IDEyLjggMTIuOCAzMiAwIDQ0LjhzLTMyIDEyLjgtNDQuOCAwem00ODMuMi0zNTUuMmMzLjItMTYgMjIuNC0yOC44IDM4LjQtMjIuNCAxNiAzLjIgMjguOCAyMi40IDIyLjQgMzguNGwtMTY2LjQgNjQwYy0zLjIgMTYtMTkuMiAyNS42LTM1LjIgMjIuNHMtMjguOC0yMi40LTIyLjQtMzguNHptMzkzLjYgMzU1LjItMjI0IDIzMC40Yy0xMi44IDEyLjgtMzIgMTIuOC00NC44IDBzLTEyLjgtMzIgMC00NC44bDIwMS42LTIwOC0yMDEuNi0yMDhjLTEyLjgtMTIuOC0xMi44LTMyIDAtNDQuOHMzMi0xMi44IDQ0LjggMGwyMjQgMjMwLjRjNi40IDYuNCA5LjYgMTYgOS42IDIyLjRzLTMuMiAxNi05LjYgMjIuNHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJtNzMuNiA1NDcuMmMtNi40LTYuNC05LjYtMTYtOS42LTI1LjZzMy4yLTE2IDkuNi0yMi40bDIyNC0yMzAuNGMxMi44LTEyLjggMzItMTIuOCA0NC44IDBzMTIuOCAzNS4yIDAgNDQuOGwtMjAxLjYgMjA4IDIwMS42IDIwOGMxMi44IDEyLjggMTIuOCAzMiAwIDQ0LjhzLTMyIDEyLjgtNDQuOCAwem00ODMuMi0zNTUuMmMzLjItMTYgMjIuNC0yOC44IDM4LjQtMjIuNCAxNiAzLjIgMjguOCAyMi40IDIyLjQgMzguNGwtMTY2LjQgNjQwYy0zLjIgMTYtMTkuMiAyNS42LTM1LjIgMjIuNHMtMjguOC0yMi40LTIyLjQtMzguNHptMzkzLjYgMzU1LjItMjI0IDIzMC40Yy0xMi44IDEyLjgtMzIgMTIuOC00NC44IDBzLTEyLjgtMzIgMC00NC44bDIwMS42LTIwOC0yMDEuNi0yMDhjLTEyLjgtMTIuOC0xMi44LTMyIDAtNDQuOHMzMi0xMi44IDQ0LjggMGwyMjQgMjMwLjRjNi40IDYuNCA5LjYgMTYgOS42IDIyLjRzLTMuMiAxNi05LjYgMjIuNHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
}
.file-ext-doc .onlineuploader-item-icon,
.file-ext-docx .onlineuploader-item-icon,
.file-ext-rtf .onlineuploader-item-icon {
background-color: #2695f9 !important;
background-image: url("data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE5LjggNC43Yy4yLS44IDEtMS4zIDEuOC0xLjFzMS4yIDEgMSAxLjhsLS4xLjMtNC4yIDE0LjVjLS4yLjgtLjkgMS4zLTEuNyAxLjNzLTEuNS0uNS0xLjctMS4zbC0yLjgtMTAuNmgtLjFsLTIuNyAxMC42Yy0uMi44LS45IDEuMy0xLjcgMS4zcy0xLjUtLjUtMS44LTEuM2wtNC4yLTE0LjVjLS4xLS44LjQtMS43IDEuMS0xLjguOC0uMiAxLjUuMyAxLjcgMS4xbC4zIDEuMyAyLjggMTEuNWguMWwzLjEtMTEuOXYtLjFjLjItLjYuNy0xIDEuMy0xIC42IDAgMS4yLjQgMS4zIDF2LjFsMy4xIDExLjloLjFsMy0xMi4xeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
}
.file-type-no .onlineuploader-item-icon i {
color: #fff;
}
.file-ext-html .onlineuploader-item-icon i,
.file-ext-doc .onlineuploader-item-icon i,
.file-ext-docx .onlineuploader-item-icon i,
.file-ext-rtf .onlineuploader-item-icon i {
visibility: hidden;
color: #fff;
}
.file-ext-xls .onlineuploader-item-icon,
.file-ext-xlsx .onlineuploader-item-icon {
background-color: #2fc06e !important;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjMwMTk1MjQyOTcxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI5NTUzIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik02MDguODk2IDU1NS4xNzg2NjdsMjExLjk2OCAyMTEuOTY4YTM3Ljk3MzMzMyAzNy45NzMzMzMgMCAwIDEtNTMuNzE3MzMzIDUzLjc2bC0yMTEuMTE0NjY3LTIxMS4xNTczMzQgNTIuODY0LTU0LjU3MDY2NnogbTIxMS45NjgtMzUyLjA0MjY2N2EzNy45NzMzMzMgMzcuOTczMzMzIDAgMCAxIDAgNTMuNzE3MzMzbC0yNTAuODM3MzMzIDI1MC44MzczMzR2LTAuMDQyNjY3bC01Ny44MTMzMzQgNTguMjgyNjY3LTAuMjEzMzMzLTAuMjEzMzM0LTI1NS4xNDY2NjcgMjU1LjE0NjY2N2EzNy45NzMzMzMgMzcuOTczMzMzIDAgMCAxLTUzLjc2LTUzLjcxNzMzM0w0NTguMzI1MzMzIDUxMmwtMjU1LjE0NjY2Ni0yNTUuMTQ2NjY3QTM3Ljk3MzMzMyAzNy45NzMzMzMgMCAxIDEgMjU2Ljg1MzMzMyAyMDMuMDkzMzMzTDUxMiA0NTguMzI1MzMzbDI1NS4xNDY2NjctMjU1LjE0NjY2NmEzNy45NzMzMzMgMzcuOTczMzMzIDAgMCAxIDUzLjc2IDB6IiBwLWlkPSIyOTU1NCIgZGF0YS1zcG0tYW5jaG9yLWlkPSJhMzEzeC43NzgxMDY5LjAuaTIxIiBjbGFzcz0ic2VsZWN0ZWQiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48L3N2Zz4=");
}
.file-ext-xls .onlineuploader-item-icon i,
.file-ext-xlsx .onlineuploader-item-icon i {
visibility: hidden;
color: #fff;
}
.file-ext-pps .onlineuploader-item-icon,
.file-ext-ppsx .onlineuploader-item-icon,
.file-ext-ppt .onlineuploader-item-icon,
.file-ext-pptx .onlineuploader-item-icon {
background-color: #e64a19 !important;
background-image: url("data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0ibTExLjEgMi4zYy01LjggMC0xMC41IDQuOC0xMC41IDEwLjdzNC43IDEwLjcgMTAuNSAxMC43IDEwLjUtNC44IDEwLjUtMTAuN2gtMTAuNXoiIG9wYWNpdHk9Ii40Ii8+PHBhdGggZD0ibTEyLjcuNnYxMC43aDEwLjVjMC01LjktNC43LTEwLjctMTAuNS0xMC43eiIvPjwvZz48L3N2Zz4=");
}
.file-ext-pps .onlineuploader-item-icon i,
.file-ext-ppsx .onlineuploader-item-icon i,
.file-ext-ppt .onlineuploader-item-icon i,
.file-ext-pptx .onlineuploader-item-icon i {
visibility: hidden;
color: #fff;
}
.file-ext-psd .onlineuploader-item-icon {
background-color: #3172eb !important;
background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIwMi4zMSA4NDcuOTNoLTg2Ljk3di02NjYuODhoMTg1LjYyYzcwLjgxIDAgMTIwLjcxIDcuMjIgMTQ5LjcgMjEuNjZzNTAuODggMzUuNjQgNjUuNjYgNjMuNTljMTQuNzggMjcuOTYgMjIuMTcgNjAuMzkgMjIuMTcgOTcuMjggMCA2Mi41Ni0yMS4yNCAxMTUuMDQtNjMuNyAxNTcuNDQtNDIuNDcgNDIuNC0xMDUuODMgNjMuNTktMTkwLjA3IDYzLjU5aC04Mi40MXptMC0zMjkuNjZoNTguMzZjNzYuNjYgMCAxMjcuMTgtMTQuOCAxNTEuNTUtNDQuNHMzNi41Ni02NS4wNSAzNi41Ni0xMDYuMzZjMC0zNS43OS05Ljc5LTY0LjY1LTI5LjM1LTg2LjU2cy01OC40MS0zMi44Ny0xMTYuNTQtMzIuODdoLTEwMC41OHptMzM3LjAzIDIwMy4xNmg3OS43NXYxLjcyYzAgMjAuNjIgNy45MSAzNy43NiAyMy43MiA1MS4zOSAxNS44MSAxMy42NCA0Mi4zOSAyMC40NSA3OS43NSAyMC40NSAzMyAwIDU5Ljc1LTguMDIgODAuMjctMjQuMDggMjAuNTEtMTYuMDUgMzAuNzctMzQuOTggMzAuNzctNTYuNzcgMC0yOS41OC0yMC4wNi01MC41Ny02MC4xNi02Mi45NmwtNDAuOTEtMTIuMzgtMjcuMTYtOC42LTU1LjM1LTE3LjJjLTYzLjI1LTIzLjE3LTk0Ljg4LTYxLjctOTQuODgtMTE1LjU5IDAtMzcuODQgMTUuMy03MS4xIDQ1Ljg5LTk5Ljc3czc2LjE0LTQzIDEzNi42NC00M2M1OS41OCAwIDEwMS45OCAxMi4yNiAxMjcuMTkgMzYuNzhzMzcuODEgNTEuNjggMzcuODEgODEuNDd2MS43MmgtODAuNDR2LTEuNzNjMC0xNi4xNS04LjA4LTI4LjgzLTI0LjIzLTM4LjA1cy0zNy42NC0xMy44NC02NC40NS0xMy44NGMtMzIuMDkgMC01Ni42NyA2LjY1LTczLjczIDE5Ljk1LTE3LjA3IDEzLjMtMjUuNjEgMjkuNy0yNS42MSA0OS4xOSAwIDE0LjkxIDUuNSAyNy4wMSAxNi41IDM2LjI5IDExIDkuMjkgMjkuNTYgMTcuNzIgNTUuNjkgMjUuMjlsMzguNSAxMC42NyAyOC4xOSA4LjI1YzM4Ljk2IDExLjAxIDYzLjE5IDE4LjggNzIuNyAyMy4zOXMxOS4xOSAxMC41NSAyOS4wNSAxNy44OWMxMy41MiAxMC4zMiAyMy40OSAyMi43NiAyOS45MSAzNy4zMiA2LjQxIDE0LjU3IDkuNjIgMzEuNTkgOS42MiA1MS4wOSAwIDQ1LjQxLTE2LjI3IDgzLjYtNDguODEgMTE0LjU1LTMyLjU0IDMwLjk2LTc5Ljk4IDQ2LjQ0LTE0Mi4zMSA0Ni40NC0zOS42NSAwLTcyLjQ4LTUuODctOTguNDgtMTcuNjEtMjYuMDEtMTEuNzQtNDYuNzUtMjcuOTUtNjIuMjItNDguNjQtMTUuNDctMjAuNjgtMjMuMi00NC42Ni0yMy4yLTcxLjk0di0xLjY5eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
}
.file-ext-psd .onlineuploader-item-icon i {
visibility: hidden;
color: #fff;
}
.file-ext-ai .onlineuploader-item-icon {
background-color: #ff834c !important;
background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTgwMCAxMjhhMzIgMzIgMCAwIDEgMzIgMzJ2NzA0YTMyIDMyIDAgMSAxIC02NCAwdi03MDRhMzIgMzIgMCAwIDEgMzItMzJ6bS00MDYuMzM2IDE3LjI4YTMyIDMyIDAgMCAxIDI5LjEyIDIyLjA4bDIxNy41MzYgNjY5LjUwNGEzMiAzMiAwIDAgMSAtNjAuODY0IDE5Ljg0bC03NC4zNjgtMjI4Ljg2NGEzMiAzMiAwIDAgMSAtMjUuMDg4IDEyLjE2aC0xOTJhMzEuODcyIDMxLjg3MiAwIDAgMSAtMTcuMjgtNS4wNTZsLTcxLjkzNiAyMjEuNjk2YTMyIDMyIDAgMSAxIC02MC44NjQtMTkuNzc2bDIxNy41MzYtNjY5LjUwNGEzMiAzMiAwIDAgMSAzMy42NjQtMjEuOTUyem0tNC41NDQgMTI1LjQ0LTk5LjI2NCAzMDUuMjhoMTkwLjE0NGEzMiAzMiAwIDAgMSA4LjcwNCAxLjIxNnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
}
.file-ext-ai .onlineuploader-item-icon i {
visibility: hidden;
color: #fff;
}
.file-ext-txt .onlineuploader-item-icon {
background-color: #8bc63f !important;
background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgd2lkdGg9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMCAxMzYuNTMzMzMzaDYxNC40djY4LjI2NjY2N2gtNjE0LjR6bTAgMzA3LjJoOTU1LjczMzMzM3Y2OC4yNjY2NjdoLTk1NS43MzMzMzN6bTAgMzA3LjJoOTU1LjczMzMzM3Y2OC4yNjY2NjdoLTk1NS43MzMzMzN6IiBmaWxsPSIjZmZmIi8+PC9zdmc+");
}
.file-ext-epub .onlineuploader-item-icon {
background-color: #a0a398 !important;
background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgd2lkdGg9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtOTI4LjcyNTMzMyA0ODQuMzA5MzMzYTM0Ljk4NjY2NyAzNC45ODY2NjcgMCAwIDAgLTUxLjU4NCAwbC0xNTQuODggMTYzLjY2OTMzNC0xODEuMDM0NjY2IDE5MS4wMTg2NjZhNzAuMDU4NjY3IDcwLjA1ODY2NyAwIDAgMSAtMTAzLjEyNTMzNCAwbC0yNTguMDQ4LTI3Mi44MTA2NjZhNzkuOTU3MzMzIDc5Ljk1NzMzMyAwIDAgMSAwLTEwOC45NzA2NjdsMjU4LjA0OC0yNzIuNjRhNzAuMDU4NjY3IDcwLjA1ODY2NyAwIDAgMSAxMDMuMTI1MzM0IDBsMTE4LjA1ODY2NiAxMjQuNzU3MzMzLTI0NS40MTg2NjYgMjU4Ljk4NjY2N2EyMC4zNTIgMjAuMzUyIDAgMCAwIDAgMjcuMzA2NjY3bDI1Ljg5ODY2NiAyNy4zOTJjNy4yNTMzMzMgNy40MjQgMTguNjAyNjY3IDcuNDI0IDI1Ljg1NiAwbDI4NC4xNi0yOTkuNzc2YTIwLjM1MiAyMC4zNTIgMCAwIDAgMC0yNy4zNDkzMzRsLTI1Ljg5ODY2Ni0yNy4zNDkzMzMtMS44MzQ2NjctMS43NDkzMzMtMTI5LjI4LTEzNi41MzMzMzRhMTQxLjAxMzMzMyAxNDEuMDEzMzMzIDAgMCAwIC0yMDYuNDY0IDBsLTI1OC4yNjEzMzMgMjcyLjY0Yy01Ni45NiA2MC4xNi01Ni45NiAxNTcuOTUyIDAgMjE4LjExMmwyNTguMDQ4IDI3Mi42NGExNDEuMDEzMzMzIDE0MS4wMTMzMzMgMCAwIDAgMjA2LjUwNjY2NiAwbDI1OC4wNDgtMjcyLjY0IDc3LjQ0LTgxLjU3ODY2NmE0MC40MDUzMzMgNDAuNDA1MzMzIDAgMCAwIDAtNTQuNDg1MzM0bC42NC0uNjgyNjY2eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
}
.file-ext-epub .onlineuploader-item-icon i,
.file-ext-txt .onlineuploader-item-icon i {
visibility: hidden !important;
color: #fff;
}
.file-ext-css .onlineuploader-item-icon {
background-color: #26a69a92 !important;
}
.file-ext-css .onlineuploader-item-icon i {
color: #fff !important;
}
.file-ext-html .onlineuploader-item-icon i {
color: #fff !important;
}
.file-ext-mp3 .onlineuploader-item-icon {
background-color: #00944f !important;
background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTUxMiAxNDMuMzZjMTc4LjgxMDg4IDAgMzI0LjE5ODQgMTQzLjIzNzEyIDMyNy42MTg1NiAzMjEuMjI4OGwuMDYxNDQgNi40NTEydjQ5LjQ3OTY4YTEwMi40IDEwMi40IDAgMCAxIDE0My4zNiA5My44ODAzMnYxNjMuODRhMTAyLjQgMTAyLjQgMCAwIDEgLTIwNC44IDB2LTMwNy4yYzAtMTQ3LjA0NjQtMTE5LjE5MzYtMjY2LjI0LTI2Ni4yNC0yNjYuMjQtMTQ0LjkzNjk2IDAtMjYyLjgxOTg0IDExNS44MTQ0LTI2Ni4xNTgwOCAyNTkuOTUyNjRsLS4wODE5MiA2LjI4NzM2djMwNy4yYTEwMi40IDEwMi40IDAgMCAxIC0yMDQuOCAwdi0xNjMuODRhMTAyLjQgMTAyLjQgMCAwIDEgMTQzLjM2LTkzLjg4MDMydi00OS40Nzk2OGMwLTE4MC45ODE3NiAxNDYuNjk4MjQtMzI3LjY4IDMyNy42OC0zMjcuNjh6bTguNjAxNiAzNTguNTAyNC44MTkyIDIuNjgyODggNDEuMjQ2NzIgMTY1LjEwOTc2IDI0LjI0ODMyLTQ4LjUzNzZhMzAuNzIgMzAuNzIgMCAwIDEgMjQuNTk2NDgtMTYuODU1MDRsMi44ODc2OC0uMTAyNGg4MS45MmEzMC43MiAzMC43MiAwIDAgMSAyLjk0OTEyIDYxLjI5NjY0bC0yLjk0OTEyLjE0MzM2LTYyLjkzNTA0LS4wMjA0OC01Mi44NzkzNiAxMDUuOTIyNTZjLTEyLjMwODQ4IDI0LjYzNzQ0LTQ3LjgwMDMyIDIxLjY0NzM2LTU2LjQ2MzM2LTMuNDgxNmwtLjgxOTItMi43ODUyOC00NC42MjU5Mi0xNzguNDYyNzItNDMuNTIgNjUuMTY3MzZhMzAuNzIgMzAuNzIgMCAwIDEgLTIyLjQ4NzA0IDEzLjUxNjhsLTMuMDcyLjE0MzM2aC04MS44MzgwOGEzMC43MiAzMC43MiAwIDAgMSAtMi45NDkxMi02MS4yOTY2NGwyLjk0OTEyLS4xNDMzNiA2NS40MzM2LS4wMjA0OCA3Mi45NDk3Ni0xMDkuMTc4ODhjMTQuMjc0NTYtMjEuMzgxMTIgNDYuNDY5MTItMTYuNjI5NzYgNTQuNTM4MjQgNi45MjIyNHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
}
.file-ext-mp3 .onlineuploader-item-icon i {
visibility: hidden;
color: #fff;
}
.onlineuploader-ready.onlineuploader-action-start {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
min-width: auto;
position: relative;
display: inline-block;
height: 20px;
cursor: pointer;
padding: 1px 4px;
border: 1px solid #178238;
border-radius: 2px;
color: #178238;
vertical-align: middle;
margin-right: 30px;
text-align: center;
text-transform: capitalize;
}
@-webkit-keyframes onlineuploaderFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes onlineuploaderFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.NoFiles {
-webkit-animation: onlineuploaderFadeIn 0.9s ease;
animation: onlineuploaderFadeIn 0.9s ease;
}
@-webkit-keyframes onlineuploaderFadeOut {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes onlineuploaderFadeOut {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
[class*="hint--"] {
position: relative;
display: inline-block;
}
[class*="hint--"]:after,
[class*="hint--"]:before {
position: absolute;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: hidden;
opacity: 0;
z-index: 1000000;
pointer-events: none;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
transition: 0.3s ease;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
}
.onlineuploader-action-start {
display: none !important;
}
[class*="hint--"]:hover:after,
[class*="hint--"]:hover:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
transition-delay: 0.1s;
}
[class*="hint--"]:before {
content: "";
position: absolute;
background: 0 0;
border: 6px solid transparent;
z-index: 1000001;
}
[class*="hint--"]:after {
background: #e7352c;
color: #fff;
padding: 10px 20px;
font-size: 14px;
font-family: officefont,sans-serif;
line-height: 20px;
white-space: nowrap;
text-shadow: 0 1px 0 #e7352c;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.33);
border-radius: 4px;
font-weight: 400;
}
[class*="hint--"][aria-label]:after {
content: attr(aria-label);
}
[class*="hint--"][data-hint]:after {
content: attr(data-hint);
}
[aria-label=""]:after,
[aria-label=""]:before,
[data-hint=""]:after,
[data-hint=""]:before {
display: none !important;
}
.hint--top-left:before,
.hint--top-right:before,
.hint--top:before {
border-top-color: #e7352c;
}
.hint--bottom-left:before,
.hint--bottom-right:before,
.hint--bottom:before {
border-bottom-color: #e7352c;
}
.hint--top:after,
.hint--top:before {
bottom: 100%;
left: 50%;
}
.hint--top:before {
margin-bottom: -11px;
left: calc(50% - 6px);
}
.hint--top:after {
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.hint--top:hover:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--top:hover:after {
-webkit-transform: translateX(-50%) translateY(-8px);
-moz-transform: translateX(-50%) translateY(-8px);
transform: translateX(-50%) translateY(-8px);
}
.hint--bottom:after,
.hint--bottom:before {
top: 100%;
left: 50%;
}
.hint--bottom:before {
margin-top: -11px;
left: calc(50% - 6px);
}
.hint--bottom:after {
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.hint--bottom:hover:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
.hint--bottom:hover:after {
-webkit-transform: translateX(-50%) translateY(8px);
-moz-transform: translateX(-50%) translateY(8px);
transform: translateX(-50%) translateY(8px);
}
.hint--right:before {
border-right-color: #e7352c;
margin-left: -11px;
margin-bottom: -6px;
}
.hint--right:after {
margin-bottom: -19px;
}
.hint--right:after,
.hint--right:before {
left: 90%;
bottom: 50%;
}
.hint--right:hover:after,
.hint--right:hover:before {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px);
}
.at4-jumboshare .at4-count-container {
min-width:80px!important;
border-right:1px solid #dbdbdb!important
}
.at4-jumboshare .at4-count {
line-height:10px!important;
font-size:15px!important;
color:#222!important
}
.at4-jumboshare .at4-title {
color:#222!important
}
.at-svc-facebook,
.at-svc-twitter,
.at-svc-pinterest_share,
.at-svc-email,
.at-svc-compact,
.at-svc-print,
.at-svc-wechat,
.at-svc-tencentqq,
.at-svc-sinaweibo {
background-color:transparent!important
}
.at-svc-facebook svg {
fill:#3b5998!important
}
.at-svc-twitter svg {
fill:#1da1f2!important
}
.at-svc-pinterest_share svg {
fill:#cb2027!important
}
.at-svc-compact svg {
fill:#ff6550!important
}
.at-svc-wechat svg {
fill:#2dc100!important
}
.at-svc-tencentqq svg {
fill:#000!important
}
.at-svc-sinaweibo svg {
fill:#e6162d!important
}
.at-svc-print svg {
fill:#738a8d!important
}
.at-svc-email svg {
fill:#848484!important
}
.at4-jumboshare .at4-share-container {
padding-left:10px!important
}
.showshare {
display: flex;
min-height: 46px;
padding: 0;
margin-bottom: 15px;
margin-top: 40px;
}
.at-icon {
width: 24px !important;
height: 24px !important;
}
#at15s .at-icon {
width: 1pc !important;
height: 1pc !important;
}
.hint--left:before {
border-left-color: #e7352c;
margin-right: -11px;
margin-bottom: -6px;
}
.hint--left:after {
margin-bottom: -19px;
}
.hint--left:after,
.hint--left:before {
right: 96%;
bottom: 50%;
}
.hint--left:hover:after,
.hint--left:hover:before {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px);
}
.hint--top-left:after,
.hint--top-left:before {
bottom: 100%;
left: 50%;
}
.hint--top-left:before {
margin-bottom: -11px;
left: calc(50% - 6px);
}
.hint--top-left:after {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
margin-left: 12px;
}
.hint--top-left:hover:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--top-left:hover:after {
-webkit-transform: translateX(-100%) translateY(-8px);
-moz-transform: translateX(-100%) translateY(-8px);
transform: translateX(-100%) translateY(-8px);
}
.hint--top-right:after,
.hint--top-right:before {
bottom: 100%;
left: 50%;
}
.hint--top-right:before {
margin-bottom: -11px;
left: calc(50% - 6px);
}
.hint--top-right:after {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
margin-left: -12px;
}
.hint--top-right:hover:after,
.hint--top-right:hover:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--bottom-left:after,
.hint--bottom-left:before {
top: 100%;
left: 50%;
}
.hint--bottom-left:before {
margin-top: -11px;
left: calc(50% - 6px);
}
.hint--bottom-left:after {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
margin-left: 12px;
}
.hint--bottom-left:hover:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
.hint--bottom-left:hover:after {
-webkit-transform: translateX(-100%) translateY(8px);
-moz-transform: translateX(-100%) translateY(8px);
transform: translateX(-100%) translateY(8px);
}
.hint--bottom-right:after,
.hint--bottom-right:before {
top: 100%;
left: 50%;
}
.hint--bottom-right:before {
margin-top: -11px;
left: calc(50% - 6px);
}
.hint--bottom-right:after {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
margin-left: -12px;
}
.hint--bottom-right:hover:after,
.hint--bottom-right:hover:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
.hint--large:after,
.hint--medium:after,
.hint--small:after {
white-space: normal;
line-height: 1.4em;
word-wrap: break-word;
}
.hint--small:after {
width: 80px;
}
.hint--medium:after {
width: 150px;
}
.hint--large:after {
width: 300px;
}
.hint--error:after {
background-color: #b34e4d;
text-shadow: 0 -1px 0 #592726;
}
.hint--error.hint--top-left:before,
.hint--error.hint--top-right:before,
.hint--error.hint--top:before {
border-top-color: #b34e4d;
}
.hint--error.hint--bottom-left:before,
.hint--error.hint--bottom-right:before,
.hint--error.hint--bottom:before {
border-bottom-color: #b34e4d;
}
.hint--error.hint--left:before {
border-left-color: #b34e4d;
}
.hint--error.hint--right:before {
border-right-color: #b34e4d;
}
.hint--warning:after {
background-color: #c09854;
text-shadow: 0 -1px 0 #6c5328;
}
.hint--warning.hint--top-left:before,
.hint--warning.hint--top-right:before,
.hint--warning.hint--top:before {
border-top-color: #c09854;
}
.hint--warning.hint--bottom-left:before,
.hint--warning.hint--bottom-right:before,
.hint--warning.hint--bottom:before {
border-bottom-color: #c09854;
}
.hint--warning.hint--left:before {
border-left-color: #c09854;
}
.hint--warning.hint--right:before {
border-right-color: #c09854;
}
.hint--info:after {
background-color: #3986ac;
text-shadow: 0 -1px 0 #1a3c4d;
}
.hint--info.hint--top-left:before,
.hint--info.hint--top-right:before,
.hint--info.hint--top:before {
border-top-color: #3986ac;
}
.hint--info.hint--bottom-left:before,
.hint--info.hint--bottom-right:before,
.hint--info.hint--bottom:before {
border-bottom-color: #3986ac;
}
.hint--info.hint--left:before {
border-left-color: #3986ac;
}
.hint--info.hint--right:before {
border-right-color: #3986ac;
}
.hint--success:after {
background-color: #458746;
text-shadow: 0 -1px 0 #1a321a;
}
.hint--success.hint--top-left:before,
.hint--success.hint--top-right:before,
.hint--success.hint--top:before {
border-top-color: #458746;
}
.hint--success.hint--bottom-left:before,
.hint--success.hint--bottom-right:before,
.hint--success.hint--bottom:before {
border-bottom-color: #458746;
}
.hint--success.hint--left:before {
border-left-color: #458746;
}
.hint--success.hint--right:before {
border-right-color: #458746;
}
.hint--always:after,
.hint--always:before {
opacity: 1;
visibility: visible;
}
.hint--always.hint--top:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--always.hint--top:after {
-webkit-transform: translateX(-50%) translateY(-8px);
-moz-transform: translateX(-50%) translateY(-8px);
transform: translateX(-50%) translateY(-8px);
}
.hint--always.hint--top-left:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--always.hint--top-left:after {
-webkit-transform: translateX(-100%) translateY(-8px);
-moz-transform: translateX(-100%) translateY(-8px);
transform: translateX(-100%) translateY(-8px);
}
.hint--always.hint--top-right:after,
.hint--always.hint--top-right:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--always.hint--bottom:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
.hint--always.hint--bottom:after {
-webkit-transform: translateX(-50%) translateY(8px);
-moz-transform: translateX(-50%) translateY(8px);
transform: translateX(-50%) translateY(8px);
}
.hint--always.hint--bottom-left:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
.hint--always.hint--bottom-left:after {
-webkit-transform: translateX(-100%) translateY(8px);
-moz-transform: translateX(-100%) translateY(8px);
transform: translateX(-100%) translateY(8px);
}
.hint--always.hint--bottom-right:after,
.hint--always.hint--bottom-right:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
.hint--always.hint--left:after,
.hint--always.hint--left:before {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px);
}
.hint--always.hint--right:after,
.hint--always.hint--right:before {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px);
}
.hint--rounded:after {
border-radius: 4px;
}
.hint--no-animate:after,
.hint--no-animate:before {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
transition-duration: 0s;
}
.hint--bounce:after,
.hint--bounce:before {
-webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
-moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}
.onlineuploader {
margin: 0 auto;
}
.onlineuploader-error {
vertical-align: middle;
margin: auto;
display: none;
width: 100%;
opacity: 0;
background-image: url('../svg/regbg.svg');
background-repeat: no-repeat;
background-size: 1460px 190px;
}
.addcenter {
display: block;
text-align: center;
height: 190px !important;
color: #fff;
-webkit-animation: scale-in-bottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
animation: scale-in-bottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
margin-bottom: 30px;
}
.addcenterout {
display: block;
text-align: center;
height: 170px !important;
color: #fff;
-webkit-animation: scale-out-bottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
animation: scale-out-bottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
margin-bottom: 30px;
}
.closecenterout {
display: none;
text-align: center;
height: 0px !important;
color: #fff;
-webkit-animation: scale-out-bottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
animation: scale-out-bottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
margin-bottom: 30px;
}
.additem {
-webkit-animation: scale-in-top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
animation: scale-in-top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
}
.onlineuploader-error h3 {
margin: 0px;
padding-top: 30px;
font-size: 1.6em;
line-height: 1.35;
font-weight: 400;
text-shadow: 0 2px 0 rgba(0, 0, 0, 0.19) !important;
}
.onlineuploader-error h5 {
margin: 0px;
padding-top: 5px;
font-weight: 300;
font-size: 18px;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.27) !important;
}
.maxbuttom {
border-radius: 40px !important;
padding: 0 60px !important;
border: 2px solid #fff !important;
color: #fff !important;
height: 40px !important;
font-size: 18px !important;
font-weight: 400 !important;
border: 2px solid #fff !important;
min-width: 200px;
margin-top: 20px !important;
cursor: pointer;
}
.file-title {
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-align: center !important;
}
.file-title h1 {
text-align: center !important;
font-weight: 200 !important;
font-size: 56px;
margin: 20px 0px 0px;
font-family: "Roboto", sans-serif;
}
@-webkit-keyframes scale-out-bottom {
0% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
100% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 0;
}
}
@keyframes scale-out-bottom {
0% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
100% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 0;
}
}
@-webkit-keyframes scale-in-bottom {
0% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
}
@keyframes scale-in-bottom {
0% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
}
.onlineuploader-error-close {
position: absolute;
right: 0px !important;
margin: 10px 22px !important;
color: #fff !important;
fill: #fff !important;
border-radius: 50px;
padding: 10px !important;
cursor: pointer;
z-index: 111;
border: 2px solid #fff0 !important;
}
.onlineuploader-error-close:hover {
background-color: rgba(255, 255, 255, 0.249);
border: 2px solid #ffffff29 !important;
}
.onlineuploader-error-button {
position: absolute;
left: 0px !important;
padding: 4px 20px !important;
margin: 10px !important;
font-weight: 700 !important;
border-radius: 3px;
color: #fff !important;
background-color: #fdfdfd2e !important;
}
.itemclose {
-webkit-animation: scale-out-top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
animation: scale-out-top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
}
@-webkit-keyframes scale-out-top {
0% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
opacity: 1;
}
100% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
opacity: 0;
}
}
@keyframes scale-out-top {
0% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
opacity: 1;
}
100% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
opacity: 0;
}
}
@-webkit-keyframes scale-in-top {
0% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
opacity: 1;
}
}
@keyframes scale-in-top {
0% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
opacity: 1;
}
}
.onlineuploader {
max-width: 1460px;
-webkit-box-shadow: 0 18px 100px 4px rgba(0, 0, 0, 0.15);
box-shadow: 0 18px 100px 4px rgba(0, 0, 0, 0.15);
border-radius: 5px;
}
.f-24 {
width: 24px;
height: 24px;
vertical-align: middle;
padding: 0 2px 2px;
margin-top: 6px;
}
.f-icolist {
width: 17px;
height: 17px;
vertical-align: middle;
padding: 0 2px 2px;
}
.f-ico24px {
width: 24px;
height: 24px;
vertical-align: middle;
padding: 0px;
}
.f-ico18 {
width: 18px;
height: 18px;
vertical-align: middle;
padding: 0px;
}
.f-ico24 {
width: 20px;
height: 20px;
vertical-align: top;
padding: 0px;
}
.f-ico24buy {
width: 20px;
height: 20px;
vertical-align: top;
padding: 0px;
margin-right: 10px;
}
.f-ico30 {
width: 30px;
height: 30px;
vertical-align: top;
padding: 0px;
}
.f-formatlist {
width: 17px;
height: 17px;
vertical-align: middle;
padding: 0;
position: absolute;
right: 10px;
margin-top: 2.5px;
}
.onlineuploader-items .onlineuploader-item .onlineuploader-action.onlineuploader-action-null {
width: auto;
color: #fff;
text-decoration: none;
margin-right: 30px;
min-width: 120px;
font-weight: 700;
}
.selectreg {
display: inline-block;
right: 1%;
position: fixed;
padding: 0px 8px;
cursor: pointer;
width: 80px;
height: 30px;
border-radius: 20px;
transition-duration: .3s;
transition-property: background-color;
margin-top: 5px;
}
.f-pay {
width: 68px;
height: 30px;
padding: 0px;
}
.selectreg:hover {
background-color: #a1a1a15a;
}
.onlineuploader-action-format span {
padding: 6px 12px;
border: 1px solid #00944f !important;
cursor: pointer;
vertical-align: middle;
border-radius: 3px;
margin-left: 10px;
font-size: 16px;
color: #00944f;
min-width: 100px;
display: inline-block;
fill: #00944f;
background-color: #00944f0a;
}
.onlineuploader-action-format span:hover,
.onlineuploader-action-format span:focus {
-webkit-box-shadow: 0 0 0 0.2em #1e1e1e;
-moz-box-shadow: 0 0 0 0.2em #1e1e1e;
box-shadow: 0 0 0 0.2em #1e1e1e;
color: rgb(255, 255, 255);
fill: rgb(255, 255, 255);
border: 1px solid #1e1e1e !important;
background-color: #1e1e1e;
}
.onlineuploader-action-format span svg {
-webkit-transition: .3s all;
transition: .3s all;
}
.onlineuploader-action-format span:hover svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.UploadDIV {
margin-top: 60px;
}
.OnlineConvertUpload {
max-width: 300px;
width: 300px;
border: none;
box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
border-radius: 50px;
background-color: #00944f;
color: #fff;
padding: 6px 0;
line-height: 44px;
cursor: pointer;
font-size: 28px;
font-weight: 100;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 6px 20px;
font-weight: 300;
-webkit-animation: PDFConvert 5s cubic-bezier(0.66, 0, 0, 1) infinite;
animation: PDFConvert 5s cubic-bezier(0.66, 0, 0, 1) infinite;
-webkit-animation-delay: 2s;
animation-delay: 2s;
text-align: center;
margin: auto;
}
.OnlineConvertUpload:hover {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
animation: none;
}
.UploadNO .OnlineConvertUpload {
background-color: #00944f24;
-webkit-animation: none;
animation: none;
}
.OnlineConvertUpload:hover {
-webkit-animation: scale-out-click 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
animation: scale-out-click 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
}
@-webkit-keyframes scale-out-click {
0% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
100% {
-webkit-transform: scale(0.95);
transform: scale(0.95);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 0.95;
}
}
@keyframes scale-out-click {
0% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
100% {
-webkit-transform: scale(0.95);
transform: scale(0.95);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 0.95;
}
}
@-webkit-keyframes PDFConvert {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 148, 79, 0.6);
box-shadow: 0 0 0 0 rgba(0, 148, 79, 0.6);
}
40% {
-webkit-box-shadow: 0 0 0 60px transparent;
box-shadow: 0 0 0 60px transparent;
}
50% {
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
}
to {
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
}
}
@keyframes PDFConvert {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 148, 79, 0.6);
box-shadow: 0 0 0 0 rgba(0, 148, 79, 0.6);
}
40% {
-webkit-box-shadow: 0 0 0 60px transparent;
box-shadow: 0 0 0 60px transparent;
}
50% {
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
}
to {
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
}
}
.onlineuploader-action-format img {
width: 24px;
height: 24px;
margin-top: 6px;
}
.onlineuploader-action-format format {
margin-right: 22px;
text-transform: uppercase;
font-weight: 400;
}
.SelectFormat span {
background-color: #1e1e1e;
color: #fff;
fill: #fff;
border: 1px solid #1e1e1e !important;
}
.onlineuploader-action-format.SelectFormat span:hover,
.onlineuploader-action-format.SelectFormat span:focus {
color: #fff;
fill: #fff;
}
.close .f-icolist {
color: #fff;
fill: #fff;
}
.search_format {
padding: 4px 10px;
width: 310px !important;
border-bottom: 1px solid rgba(238, 238, 238, 0.11);
margin: 4px 10px;
}
.form-input {
width: 265px;
background-color: transparent;
border-width: 0;
padding: 6px 12px;
outline: 0;
margin: 2px 0px 6px;
color: #fff;
}
nav {
position: relative;
overflow: hidden;
margin: 0 auto;
margin-top: 5px;
height: 373px;
}
nav ul {
margin: 0 8px;
padding: 0;
display: inline-block;
max-width: 120px;
}
nav li {
word-spacing: 0;
width: 80px;
list-style: none;
margin: 0 auto;
padding: 15px 4px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-right: none;
border-bottom: none;
font-size: 13px;
letter-spacing: 0.5px;
color: #9f9f9f;
cursor: pointer;
font-weight: 300;
border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
}
nav li:last-child {
border-bottom: none;
}
nav li span {
position: absolute;
left: 80px;
font-weight: bold;
display: none;
}
nav li:hover span {
display: inline-block;
position: absolute;
fill: #fff;
left: 80px;
}
nav > div {
position: absolute;
top: 0;
width: 100%;
height: calc(100% - 45px);
left: 0px;
padding: 5px 10px;
font-family: officefont,sans-serif;
word-spacing: 3px;
z-index: 11;
background-color: #1e1e1e;
display: none;
overflow-y: auto;
}
.upload-popover-select nav li > div {
display: none;
position: absolute;
top: 0;
right: 0;
width: 265px;
left: 95px;
height: calc(100% - 10px);
padding: 5px;
background-color: #1e1e1e;
letter-spacing: 1px;
z-index: 10;
overflow-y: auto;
cursor: default;
}
nav li > div {
display: none;
position: absolute;
top: 0;
right: 0;
width: 265px;
left: 95px;
height: calc(100% - 45px);
padding: 5px;
background-color: #1e1e1e;
letter-spacing: 1px;
z-index: 10;
overflow-y: auto;
cursor: default;
}
nav div button {
font-size: 12px;
padding: 12px 6px;
background-color: #303030;
border-width: 0px;
color: #fff;
border-radius: 3px;
min-width: 71px;
text-transform: uppercase;
margin: 3px 2px;
cursor: pointer;
}
nav div a {
font-size: 13px;
padding: 12px 6px;
background-color: #303030;
border-width: 0px;
color: #fff;
border-radius: 3px;
min-width: 40px;
text-transform: uppercase;
margin: 3px 4px;
cursor: pointer;
display: inline-block;
text-align: center;
}
nav div.allformat button {
display: none;
padding: 12px 1px;
min-width: 72px;
}
nav div button:hover {
background-color: #282727;
}
nav div button:focus {
background-color: #5bb75b;
-webkit-box-shadow: 0 0 0 0.2em rgba(91, 183, 91, 0.24);
-moz-box-shadow: 0 0 0 0.2em rgba(91, 183, 91, 0.24);
box-shadow: 0 0 0 0.2em rgba(91, 183, 91, 0.24);
}
nav li:hover > div {
display: block;
}
nav li:hover {
color: #fff;
}
nav li:focus > div {
display: block;
}
nav li.active > div {
display: block;
}
nav li.active > span {
display: inline-block;
fill: #fff;
}
nav li.active {
color: #fff;
}
nav li b {
text-transform: capitalize;
font-weight: 400;
}
nav div button.active {
background-color: #5bb75b;
-webkit-box-shadow: 0 0 0 0.2em rgba(91, 183, 91, 0.24);
-moz-box-shadow: 0 0 0 0.2em rgba(91, 183, 91, 0.24);
box-shadow: 0 0 0 0.2em rgba(91, 183, 91, 0.24);
}
.onlineuploader-item:hover {
background-color: #f1f9f191;
}
.dropgoogle {
min-height: 64px;
background-color: transparent;
font-weight: 200;
border-bottom: 1px solid #ebeef1;
}
.clickdropbox:hover,
.clickgoogle:hover,
.clickurlcss:hover {
cursor: pointer;
padding: 2px 8px 4px;
border: 2px solid #dc3c00 !important;
border-radius: 20px;
fill: #dc3c00;
color: #dc3c00;
}
.googletext {
text-align: center;
color: #555;
display: block;
width: 100%;
padding-top: 20px;
}
.clickdropbox,
.clickgoogle,
.clickurlcss {
cursor: pointer;
padding: 2px 8px 4px;
border: 2px solid transparent !important;
border-radius: 20px;
fill: #555;
font-weight: 300;
}
.onlineuploader.onlineuploader-theme-dragdrop {
background-color: #fff;
}
.onlineuploader.onlineuploader-theme-dragdrop.NoFiles{
background-color: transparent;
}
.onlineuploader.onlineuploader-theme-dragdrop.NoFiles .dropgoogle{
display: none !important;
}
.onlineuploader.onlineuploader-theme-dragdrop .onlineuploader-input-drop {
display: none;
}
.onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-drop {
display: block;
}
.unconvert {
background-color: #8f8f8f !important;
color: #ddd !important;
-webkit-animation: none !important;
animation: none !important;
}
.addcenter .maxbuttom {
-webkit-transition: all 140ms ease;
background-color: #fff;
transition: all 140ms ease;
color: #05723d !important;
}
.addcenter .maxbuttom:hover {
background-image: linear-gradient( 135deg ,rgb(255 255 255) 0%,rgb(255 255 255) 100%);
box-shadow: 0 2px 5px 0 rgb(251 66 97 / 51%);
color: #00944f !important;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
@-webkit-keyframes shake-top {
0%,
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
10% {
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
}
20%,
40%,
60% {
-webkit-transform: rotate(-4deg);
transform: rotate(-4deg);
}
30%,
50%,
70% {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
80% {
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
}
90% {
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
}
}
@keyframes shake-top {
0%,
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
10% {
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
}
20%,
40%,
60% {
-webkit-transform: rotate(-4deg);
transform: rotate(-4deg);
}
30%,
50%,
70% {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
80% {
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
}
90% {
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
}
}
.onlineuploader-input-inner span {
display: none;
}
.onlineuploader.onlineuploader-theme-dragdrop.NoFiles {
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
padding: 20px 0px;
}
.onlineuploader.onlineuploader-theme-dragdrop.NoFiles .dropgoogle {
border-bottom-width: 0px;
}
.onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input {
background-image: none;
background-color: transparent;
}
.onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-button {
background-color: #259229;
height: 72px;
border-radius: 3px 0px 0px 3px;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
border: 0px solid #fff !important;
min-width: 360px;
padding-left: 0px;
-webkit-transition: 0.3s cubic-bezier(0.17, 0.67, 0, 1.01);
-o-transition: 0.3s cubic-bezier(0.17, 0.67, 0, 1.01);
transition: 0.3s cubic-bezier(0.17, 0.67, 0, 1.01);
background: transparent url(../svg/adds.svg) 220px center no-repeat;
background-size: 24px;
background-position: right;
background-position-x: calc(100% - 20px);
}
.onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-button:before {
background-image: none;
}
.onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-button:hover {
transform: translate3d(0, 0px, 0);
background-color: #dc0000 !important;
}
.onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-inner span:hover {
background-color: #dc0000 !important;
opacity: 1 !important;
}
.onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-inner span:last-child {
border-radius: 0px 3px 3px 0px;
opacity: 0.6;
}
.onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-inner {
background-color: #ff2b2b;
border-radius: 3px;
-webkit-box-shadow: 0 4px 22px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 4px 22px 0 rgba(0,0,0,.1);
box-shadow: 0 4px 22px 0 rgba(0, 0, 0, 0.1);
}
.onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-dragging .onlineuploader-input-inner {
background-color: transparent;
border-radius: 3px;
}
.onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-inner:hover {
-webkit-box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.24);
}
.onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-inner .f-ico24 {
color: #fff;
fill: #fff;
}
.onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-inner span:hover .f-ico24 {
fill: #fff;
}
.hint-left {
cursor: pointer;
}
.share-win {
font-family: officefont,sans-serif;
font-size: 15px;
line-height: 24px;
font-weight: 400;
position: fixed;
z-index: 9000;
right: 30px;
bottom: 30px;
width: auto;
min-width: 340px;
padding: 30px;
background-color: #fff;
box-shadow: 0 4px 22px 0 rgba(0,0,0,.1);
color: #333;
border-radius: 6px
}
.share-win>svg {
float: left;
margin: 0 15px 0 0
}
.share-win>svg+div {
overflow: hidden;
padding: 3px;
display: table
}
.share-win h5 {
padding: 0;
margin: -6px 0 12px;
font-size: 16px;
line-height: 28px;
font-weight: 400;
letter-spacing: -.2px;
color: inherit
}
.share-win p {
margin: 0 -10px;
white-space: nowrap
}
@media(max-width: 600px) {
.share-win {
bottom:55px;
width: calc(100% - 20px);
left: 0;
padding: 20px 0 15px 20px;
right: 0;
border-radius: 0;
display: none
}
.closeshare {
right: 20px
}
}
.lang-win,
.share-win {
font-family: officefont,sans-serif;
font-size: 15px;
line-height: 24px;
font-weight: 400;
position: fixed;
z-index: 9000;
right: 30px;
bottom: 60px;
width: auto;
min-width: 340px;
padding: 30px;
background-color: #fff;
box-shadow: 0 4px 22px 0 rgba(0,0,0,.1);
color: #333;
border-radius: 6px
}
.lang-win {
left: 30px;
right: auto;
}
.lang-win>img,
.share-win>img {
float: left;
margin: 0 15px 0 0;
width: 60px;
}
.lang-win>img+div,
.share-win>img+div {
overflow: hidden;
padding: 3px;
display: table;
min-width: 260px;
}
.lang-win h5,
.share-win h5 {
padding: 0;
margin: -6px 0 12px;
font-size: 16px;
line-height: 28px;
font-weight: 400;
letter-spacing: -.2px;
color: inherit
}
.lang-win p,
.share-win p {
margin: 0 -10px;
white-space: nowrap
}
.selectindex {
background-color: #dff1df;
}
.lang-win a,
.share-win a {
cursor: pointer;
}
.lang-win button.but,
.share-win button.but {
background-color: #00944f;
color: #fff;
min-width: 100px;
}
.lang-win button.butno,
.share-win button.butno {
border: 1px solid #2b932f2b;
}
.lang-win button,
.share-win button {
background: #fff;
outline: 0;
border-radius: 3px;
cursor: pointer;
border: 0px solid #2b932f2b;
padding: 8px 16px;
min-width: 60px;
font-size: 13px;
color: #555;
margin: 0 10px 10px 0;
transition: all .3s linear;
display: inline-block;
transition: all .3s linear;
}
.need-more-help-container .file-type-video .onlineuploader-item-icon {
height: 30px;
width: 30px;
border-radius: 3px;
background-repeat: no-repeat;
background-position: center;
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
}
.needmore .homepage-category-card__view-all-container {
display: inline-block;
margin: 20px 0px 0px 2.5rem;
padding: 0px 14px;
min-width: 150px;
}
.lang-win button.but:hover,
.share-win button.but:hover {
background-color: #d92221;
box-shadow: 0 2px 5px 0 rgb(120 120 120 / 51%);
}
.lang-win button.butno:hover,
.share-win button.butno:hover {
background-color: #333;
color: #fff;
box-shadow: 0 2px 5px 0 rgb(120 120 120 / 51%);
}
@media(max-width: 1200px) {
.lang-win,
.share-win {
bottom:55px;
width: calc(100% - 20px);
left: 0;
padding: 20px 0 15px 20px;
right: 0;
border-radius: 0;
display: none
}
.closeshare {
right: 20px
}
}
.hint-left::after {
max-width: 300px;
word-wrap: break-word;
min-width: 240px;
white-space: break-spaces;
line-height: 20px;
font-size: 14px;
text-align: left;
}
.onlineuploader.onlineuploader-theme-dragdrop.NoFiles .dropgoogle {
display: none;
}
.onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-inner span {
display: inline-block;
height: 72px;
vertical-align: middle;
padding: 26px 16px;
}
.onlineuploader-title .columns {
padding: 10px;
}
.onlineuploader-title .column-title {
text-align: center;
margin: 20px 20px 0px;
padding: 20px 0px;
display: block;
}
.onlineuploader-title .column-title h1 {
font-weight: 300;
margin: 5px 0px;
font-size: 52px;
}
.onlineuploader-title .column-actions {
text-align: center;
display: block;
border-radius: 0px;
max-width: 560px;
margin: 10px auto;
background: #fff url(../svg/find.svg) 8px center no-repeat;
background-size: 38px;
padding: 4px 5px 2px;
background-position-x: 20px;
padding: 6px;
border-radius: 8px;
box-shadow: 0 0px 9px 4px rgba(221, 221, 221, 0.51);
}
.onlineuploader-title .column-actions .convertformat {
font-size: 18px;
color: #333;
font-weight: 400;
}
.onlineuploader-title .column-actions .convertformat pp {
vertical-align: middle;
}
.upload-successful .column-title span {
display: none;
}
.upload-successful .column-title div {
margin-top: 9px;
}
.convertcenter {
display: block;
text-align: center;
color: #333;
-webkit-animation: scale-in-bottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
animation: scale-in-bottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
-webkit-box-shadow:none;
box-shadow: none;
}
.SelectFormFormat {
background-image: linear-gradient(135deg,rgb(251,93,95) 0%,rgb(244, 68, 71) 100%);
box-shadow: 0 2px 5px 0 rgba(251,66,97,.51);
}
.SelectToFormat {
background-image: linear-gradient(135deg,rgb(0,162,69) 0%,rgb(3,130,62) 100%);
box-shadow: 0 2px 5px 0 #9fdcb9;
}
.f-selectformat {
width: 17px;
height: 30px;
vertical-align: middle;
padding: 0;
position: absolute;
right: 6px;
margin-top: 3px;
fill: #FFF;
border-radius: 6px;
-webkit-transition: .3s all;
transition: .3s all;
}
.SelectFormFormat:hover,
.SelectToFormat:hover {
background-image: linear-gradient(135deg,rgb(231, 53, 44) 0%,rgb(231, 53, 44) 100%);
box-shadow: 0 2px 5px 0 rgba(196, 131, 131, 0.51);
}
.SelectToFormat:hover {
background-image: linear-gradient(135deg,rgb(49, 106, 74) 0%,rgb(1, 85, 40) 100%);
box-shadow: 0 2px 5px 0 #9fdcb9;
}
.SelectFormFormat:hover .f-selectformat,
.SelectToFormat:hover .f-selectformat {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.convertformat cto {
margin: 0px;
}
.f-toformat {
width: 46px;
height: 24px;
vertical-align: middle;
padding: 0;
}
.onlineuploader-title .column-actions .convertformat span {
padding: 1px 26px 1px 2px;
cursor: pointer;
vertical-align: middle;
border-radius: 3px;
margin: 5px;
color: #FFF;
min-width: 100px;
height: 36px;
line-height: 36px;
font-weight: 500;
font-size: 18px;
}
.onlineuploader-title .column-actions .convertformat span.AddFromFormat {
background-color: #1e1e1e;
color: #fff;
-webkit-box-shadow: 0 0 0 0.2em rgba(74, 74, 74, 0.11);
-moz-box-shadow: 0 0 0 0.2em rgba(74, 74, 74, 0.11);
box-shadow: 0 0 0 0.2em rgba(74, 74, 74, 0.11);
}
.onlineuploader-title .column-actions .convertformat span.AddFromFormat svg,
.onlineuploader-title .column-actions .convertformat span.AddToFormat svg {
fill: #fff;
}
.onlineuploader-title .column-actions .convertformat span.AddToFormat {
background-color: #1e1e1e;
color: #fff;
-webkit-box-shadow: 0 0 0 0.2em rgba(74, 74, 74, 0.11);
-moz-box-shadow: 0 0 0 0.2em rgba(74, 74, 74, 0.11);
box-shadow: 0 0 0 0.2em rgba(74, 74, 74, 0.11);
}
.SelectToFormat,
.SelectFormFormat {
text-transform: uppercase;
}
.onlineuploader-title .column-title p {
font-weight: 300;
line-height: 1.5;
font-size: 18px;
}
.mainrow {
flex-wrap: nowrap;
display: flex;
max-width: 1960px;
margin: 60px auto 0px;
}
.main-sidebar {
flex: 1 1 16.6666%;
padding-right: 15px;
padding-left: 15px;
display: flex;
justify-content: center;
}
.column-ads {
max-width: 970px;
height: 90px;
margin: 20px auto 40px;
text-align: center;
}
.column-ads60 {
margin-top: 60px;
}
.onlineuploader-ads-close {
position: absolute;
right: 0px !important;
margin: 10px 22px !important;
color: #fff !important;
fill: #999 !important;
border-radius: 50px;
padding: 10px !important;
cursor: pointer;
z-index: 111;
border: 0px solid #fff !important;
background-color: #b5b5b51c;
}
.adssidebar {
position: fixed;
width: 300px;
height: 900px;
top: 220px;
background-color: #b5b5b51c;
}
.min-vh-100 {
flex: 0 1 99.6666%;
padding-right: 15px;
padding-left: 15px;
min-height: 95vh;
}
.upload-userreg .onlineuploader-action-format {
opacity: 0.3;
}
.upload-userreg .onlineuploader-action-null {
background-color: #d93c00;
color: #fff;
box-shadow: 0 2px 5px 0 #d7d7d7c9;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25) !important;
border-radius: 2px !important;
cursor: pointer !important;
padding: 0px !important;
height: 38px !important;
text-align: center;
}
.upload-userreg .onlineuploader-action-null span {
padding-top: 10px;
display: inline-block;
margin-left: 10px;
}
.upload-userreg .onlineuploader-action-format span {
color: #555;
border: 1px solid #a4a4a4 !important;
}
.upload-userreg .onlineuploader-action-null svg {
fill: #fff;
vertical-align: middle;
margin-top: -4px;
}
.upload-userreg .onlineuploader-action-finish {
border: 1px solid #a4a4a4 !important;
color: #555 !important;
opacity: 0.3;
}
.upload-userreg .column-title span {
display: none;
}
.upload-userreg .column-title div {
margin-top: 9px;
}
.upload-userreg .onlineuploader-action-download::after,
.upload-userreg .onlineuploader-action-download::before {
display: none;
}
.upload-failed .onlineuploader-action-finish {
border: 1px solid #d93d0069 !important;
color: #d93c00 !important;
display: inline-block !important;
}
.onlineuploader-items .upload-userreg .onlineuploader-action-retry {
color: #fd4802 !important;
padding: 4px 16px;
border: 1px solid #ff5e5e36;
background-color: #fffafa;
font-weight: 300;
border-radius: 3px;
}
.f-icon18 {
width: 18px;
height: 18px;
display: inline-block;
vertical-align: top;
}
.onlineuploader-input-button pp {
text-align: center;
display: none;
position: absolute;
right: 15px;
top: -10px;
background: red;
color: #fff;
border-radius: 17px;
padding: 4px;
font-size: 14px;
box-shadow: 0 4px 6px 0 rgba(60, 64, 67, 0.17), 0 1px 3px 1px rgba(60, 64, 67, 0.24);
min-width: 22px;
line-height: 14px;
}
.onlineuploader-input-button pp::before {
content: ' ';
position: absolute;
left: 10px;
top: 10px;
opacity: .55;
width: 0;
height: 0;
background-color: red;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0, 0, 0, .3) inset;
z-index: 0;
}
.onlineuploader-input-button pp.addfile::before {
-webkit-animation: ripple .8s ease 0s 1 backwards;
animation: ripple .8s ease 0s 1 backwards;
}
@keyframes ripple {
0% {
left: 10px;
top: 10px;
opacity: 0.95;
width: 0;
height: 0;
}
99% {
left: -29px;
top: -29px;
opacity: 0.1;
width: 80px;
height: 80px;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes scroll {
0% {
top: 4px;
opacity: 1;
}
100% {
top: 21px;
opacity: 0;
}
}
@keyframes scroll {
0% {
top: 4px;
opacity: 1;
}
100% {
top: 21px;
opacity: 0;
}
}
.onlineuploader-input-drop {
text-align: center;
}
.showshare {
margin-bottom: 120px;
}
.onlineuploader-title .column-title {
margin-top: 120px;
}
.RegUsered .onlineuploader-title .column-title {
margin-top: 40px;
}
.RegUsered .regurl {
display: none;
}
.RegUsered .onlineuploader-theme-dragdrop {
margin-top: 40px;
}
.RegUsered .onlineuploader-title .column-title .user-badge {
border-radius:90px;
}
.RegUsered .onlineuploader.onlineuploader-theme-dragdrop.NoFiles {
margin-top: 0px !important;
}
.NoUsered .ppp {
display: none;
}
@media (max-width: 1768px) {
.RegUsered .onlineuploader-theme-dragdrop {
margin-top: 30px;
}
.onlineuploader-title .column-title {
margin-top: 20px;
}
.showshare {
margin-bottom: 20px;
}
.main-sidebar {
display: none;
}
.onlineuploader {
max-width:1200px;
}
.hidden-xs {
display: none !important;
}
.min-vh-100 {
max-width: 100%;
margin: 0 auto;
flex: 0 1 96.6666%;
min-height: 70vh;
}
}
.regurl {
color: #259229;
font-weight: 400;
}
* {
scrollbar-color: #bdc1c6 transparent;
}
.convertint {
text-align: center;
line-height: 20px;
margin: 0 auto;
padding: 5px 5px 5px 20px;
}
.convertint span {
cursor: pointer;
color: #333;
padding: 3px 0px;
border-radius: 30px;
font-weight: 500;
}
@media (max-width: 768px) {
.onlineuploader-title .column-title h1 {
font-size: 30px;
}
.onlineuploader-items .onlineuploader-item .column-title ss {
top: 18px;
left: 106px;
}
.upload-successful .column-title div {
margin-top: 0px;
}
.upload-successful .column-title span {
display: inline-block;
}
.onlineuploader-title .column-line {
max-width: 360px;
}
.convertint {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
padding: 0px 5px;
line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 20px;
margin-top: 10px;
}
.hidden-xs {
display: none !important;
}
.convertformat pp {
display: none;
}
.upload-userreg .onlineuploader-action-retry,
.upload-failed .onlineuploader-action-format,
.upload-failed .onlineuploader-action-finish {
display: none !important;
}
.upload-userreg .onlineuploader-action-format {
display: none !important;
}
.upload-userreg .onlineuploader-action-finish {
display: none !important;
}
.scroll-down {
display: none;
}
.upload-popover-inverse {
margin-top: 0px !important;
}
.onlineuploader-title .column-title p {
margin: 0px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
display: none;
}
.file-title {
display: none;
}
.onlineuploader {
border-radius: 0px;
}
.onlineuploader.onlineuploader-theme-dragdrop.NoFiles {
margin-top: 20px;
}
.convertcenter {
border-radius: 0px;
margin-top: 30px;
}
.onlineuploader-title .columns {
display: block;
padding: 0px;
}
.onlineuploader-title .column-title {
flex: 0 0 100%;
max-width: 100%;
text-align: center;
margin: 0px 20px 0px;
padding: 0px;
}
.onlineuploader-title .column-actions {
box-shadow: none;
border-width: 0px !important;
max-width: 360px !important;
padding-bottom: 0px;
background-position-y: 12px;
background-position-x: 0px;
}
.mainrow {
margin: 40px auto 0px;
}
.onlineuploader-title .column-actions {
text-align: center;
}
.onlineuploader-title .column-actions .convertformat {
position: static;
}
.onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-inner {
margin: 0px auto;
height: 72px;
}
.onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-button {
background-position-x: calc(100% - 20px);
min-width: 260px;
}
.onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-button p {
margin: 0 auto 0 20px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 140px;
}
.hint--top::after {
-webkit-transform: translateX(-70%);
-moz-transform: translateX(-70%);
transform: translateX(-70%);
}
.hint--top:hover::after {
-webkit-transform: translateX(-70%) translateY(-8px);
-moz-transform: translateX(-70%) translateY(-8px);
transform: translateX(-70%) translateY(-8px);
}
.onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-inner span {
padding: 26px 15px;
}
.onlineuploader.onlineuploader-theme-dragdrop {
margin-top: 0px !important;
}
.RegUsered .onlineuploader.onlineuploader-theme-dragdrop {
margin-top: 30px !important;
}
.onlineuploader.onlineuploader-theme-dragdrop.NoFiles {
margin-top: 40px !important;
}
.onlineuploader-error h5 {
display: none;
}
.addcenter {
height: 190px !important;
}
.onlineuploader-error-close {
color: #fff !important;
fill: #fff !important;
cursor: pointer;
background-color: rgba(255, 237, 237, 0.04) !important;
}
.onlineuploader-error h3 {
color: #fff !important;
font-weight: 200;
}
.onlineuploader-error-button {
font-weight: 700 !important;
border-radius: 0px;
color: #fff !important;
}
.maxbuttom {
border: 2px solid #fe2232 !important;
color: #fff !important;
background-color: #f9f9f9 !important;
margin-top: 20px !important;
cursor: pointer;
}
.file-title h1 {
font-size: 30px;
}
.onlineuploader-error {
-webkit-box-shadow: 0 2px 5px 0 rgba(81, 81, 81, 0.51);
box-shadow: 0 2px 5px 0 rgba(81, 81, 81, 0.51);
background-image: url('../svg/regbg.svg');
background-repeat: no-repeat;
background-size: 1460px 190px;
}
.onlineuploader-error h3 {
font-size: 18px;
padding: 60px 20px 0px;
}
.onlineuploader-input,
.onlineuploader-items {
border-radius: 0px;
}
.onlineuploader-action-info {
display: none !important;
}
.onlineuploader-action-null,
.onlineuploader-action-finish {
display: none !important;
}
.upload-userreg .onlineuploader-action-null {
display: inline-block !important;
min-width: 60px !important;
margin-right: 0px !important;
text-align: center !important;
}
.upload-userreg .onlineuploader-action-null span {
display: none !important;
}
.upload-userreg .onlineuploader-action-null svg {
fill: #fff;
margin-top: 10px;
display: inline-block;
}
.onlineuploader-action-format {
display: inline-block !important;
margin-right: 6px !important;
}
.onlineuploader-items .onlineuploader-item .onlineuploader-action.onlineuploader-action-download {
margin-right: 0px;
min-width: 60px;
}
.onlineuploader-items .onlineuploader-item .onlineuploader-action.onlineuploader-action-download svg {
display: inline-block;
}
.onlineuploader-items .onlineuploader-item .onlineuploader-action.onlineuploader-action-download span {
display: none;
}
.onlineuploader-items .onlineuploader-item .onlineuploader-action + .onlineuploader-action {
margin-left: 12px;
box-shadow: none;
}
.onlineuploader-items .onlineuploader-item {
padding: 15px 0px 10px 12px;
}
}
body::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
}
.onlineuploader::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
}
html {
touch-action: none;
touch-action: pan-y;
}
.tbk__symbol {
margin-bottom: 10px;
}
.mdui-text-center {
text-align: center !important;
}
.tbk__symbol span {
display: inline-block;
margin: 0 auto;
background-position: center;
border-radius: 3px;
width: 138px;
min-height: 4px;
background: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAIoAAAAECAIAAADeXzCbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODFEOUEyMzFBOERFQzcyQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQTlDNkVFOEVGQzIxMUUxOUJDNkEyREUzQzEzOUJGNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQTlDNkVFN0VGQzIxMUUxOUJDNkEyREUzQzEzOUJGNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDZENjQwNjM2MzIwNjgxMTgwODM4RUVFOTdCQkFFREQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjc3RjExNzQwNzIwNjgxMTgxRDlBMjMxQThERUM3MkMiLz4gPC9yZGY6RGVzY3JpcHRpb24%2BIDwvcmRmOlJERj4gPC94OnhtcG1ldGE%2BIDw/eHBhY2tldCBlbmQ9InIiPz6z2rdVAAAAMElEQVR42mJkaP/OQHvwb7Y1A10AY%2B85Oln0OYwOtjAxjIJBDEajZzR6RgG5ACDAAGNHBgAfwwAlAAAAAElFTkSuQmCC") no-repeat right bottom;
}
.iindex {
background-color: #f1f9f1 !important;
color: #034e06 !important;
}
.header {
background-color:#fff;
width:100%;
height:99px;
z-index:1041;
position:fixed;
right:0;
left:0;
top:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-top:3px solid #4caf50!important;
}
.office--main {
padding:0;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-align:center;
align-items:center;
-ms-flex-pack:justify;
justify-content:space-between;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}
.header__nav {
padding:0;
margin:0 auto;
-ms-flex:0 0 100%;
flex:0 0 100%;
}
.header .brand,
.header .office-menu {
-ms-flex:0 0 33%;
flex:0 0 33%;
height:65px;
}
.header .qrcode a {
color:#383e45;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-align:center;
align-items:center;
height:60px;
font-size:24px;
}
.header .qrcode a:hover {
color:#4caf50;
}
.mobileshow {
display:none!important;
}
.page-content-reghit .NoFiles .user-badge {
display:none;
}
.page-content-reghit.RegUsered .NoFiles .user-badge {
display:none;
}
.page-content-reghit.RegUsered .NoFiles .ppp {
display:none;
}
.page-content-reghit.NoUsered .user-badge {
display:none;
}
.clicktrue {
display: none !important;
}
.clickremove {
display: none;
z-index: 11;
position: absolute;
right: 6px;
cursor: pointer;
box-shadow: 0 0px 5px 0 rgba(23, 23, 23, 0.31);
border-radius: 50px;
top: 4px;
}
.clickremove:hover {
background-color: #4caf50;
}
.clickremove:hover svg {
fill:#fff;
}
@media (max-width:840px) {
.clickremove {
display: inline-block;
}
.needmore .homepage-category-card__view-all-container {
display: block;
}
.header {
height:60px;
}
.header .header__nav {
-ms-flex-order:-3;
order:-3;
-ms-flex:0 0 70px;
flex:0 0 70px;
margin:0;
height:60px;
display: inline-block !important;
}
.header .brand {
-ms-flex-order:2;
order:2;
flex:0 0 0%;
}
.header .brand .office__icon {
margin-left: 0px !important;
}
.header .office-menu {
-ms-flex-order:3;
order:3;
flex:0 0 70px;
}
.header .qrcode {
display:none;
}
.mobileshow {
display:inline-block!important;
}
.office--main {
background-color:#fff;
height: 56px;
}
}
@media (min-width:841px) {
.header {
height:65px;
}
.office--main {
-ms-flex-pack:start;
justify-content:flex-start;
padding-top:0;
}
.header .brand {
-ms-flex: 0 1 130px;
flex: 0 1 130px;
margin-right: 14px;
-ms-flex-order: -1;
order: -1;
-ms-flex-pack: start;
justify-content: flex-start;
margin-left: 0px;
}
.header .office__icon {
width: 200px;
}
.header .office-menu {
-ms-flex-order:-2;
order:-2;
-ms-flex:0 0 auto;
flex:0 0 auto;
}
.header__nav {
width: 332px;
order: 1;
-ms-flex: 1 1;
flex: 1 1;
}
.header__nav>div {
margin:0;
}
.header__nav .main-menu {
border-top:0;
}
.header .qrcode {
-ms-flex-order:3;
order:3;
-ms-flex:0 0 auto;
flex:0 0 auto;
}
}
.brand {
line-height:20px;
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center;
-ms-flex-pack:center;
justify-content:center;
}
.office__icon {
width:147px;
max-height:100%;
}
.office__icon img {
width:100%;
max-width:100%;
height:auto;
}
.office-menu {
-ms-flex:0 0 100%;
flex:0 0 100%;
-ms-flex-pack:end;
justify-content:flex-end;
}
.office-menu,
.office-menu .convert-nav {
display:-ms-flexbox;
display:flex;
}
.office-menu .convert-nav {
list-style:none;
padding:0;
margin:0;
-ms-flex-align:center;
align-items:center;
}
.office-menu .convert__item {
margin:0;
height:100%;
}
.office-menu .convert__item a {
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center;
font-size:14px;
font-weight:300;
line-height:60px;
text-decoration:none;
height:100%;
}
.office-menu .convert__item--gray a {
font-weight:400;
border:none;
color:#161616;
padding-left:16px;
padding-right:16px;
border-bottom:1px solid transparent;
border-left:1px solid transparent;
border-right:1px solid transparent;
}
.office-menu .convert__item--gray a:hover {
border-bottom:1px solid #4caf50;
background-color:#fff;
}
@media (max-width:840px) {
.office-menu .convert__item--gray {
display:none;
}
}
.office-menu .convert__item--sub {
cursor:pointer;
font-size:16px;
line-height:60px;
position:relative;
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center;
}
.office-menu .convert__item--sub .divider {
border-bottom:1px solid #f1f1f1;
}
@media (max-width:840px) {
.office-menu .convert__item--sub span {
display:none;
}
.office-menu .convert__item--sub:hover>ul {
right:0;
opacity:1;
visibility:visible;
height:auto;
border:1px solid #ccc;
}
}
.office-menu .convert__item--sub ul {
right:0;
position:absolute;
min-width:240px;
height:0;
opacity:0;
visibility:hidden;
top:64px;
background:#fff;
-webkit-box-shadow:0 2px 10px rgba(0,0,0,.2);
box-shadow:0 2px 10px rgba(0,0,0,.2);
z-index:9999;
}
.office-menu .convert__item--sub ul a {
padding:0 16px;
height:48px;
margin:0;
background:#fff;
font-size:14px;
line-height:18px;
font-weight:400;
color:#161616;
position:relative;
width:100%;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.office-menu .convert__item--sub ul a:hover {
color:#4caf50;
background:#f1f9f1;
}
.office-menu .convert__item--sub .convert__item--sub:after {
content:"";
width:8px;
height:12px;
background:url(../svg/regihtgo.svg) no-repeat 50%;
position:absolute;
right:12px;
color:#161616;
-webkit-transition:.3s all;
transition:.3s all;
}
.office-menu .convert__item--sub .convert__item--sub:hover:after {
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.office-menu .convert__item--sub .convert__item--sub:after {
top:40%;
}
.office-menu .convert__item--sub .convert__item--sub ul {
top:45%;
-webkit-transform:translateY(-45%);
-ms-transform:translateY(-45%);
transform:translateY(-45%);
}
.office-menu .convert__item--sub .convert__item--sub ul {
max-height:72vh;
overflow:auto;
width:100%;
min-width:auto;
right:190px;
z-index:2;
max-width:600px;
}
@media (min-width:840px) {
.office-menu .convert__item--sub .convert__item--sub ul {
left:100%!important;
z-index:-1;
}
.office-menu .convert__item--sub:hover>ul {
left:0;
opacity:1;
visibility:visible;
height:auto;
border:1px solid #ccc;
top:61px;
border-top:1px solid #4caf50;
}
}
@media (min-width:840px) {
.office-menu .convert__item--sub .convert__item--sub ul.lang__menu {
left:100%;
width:600px;
-webkit-column-count:3;
-moz-column-count:3;
column-count:3;
-webkit-column-gap:20px;
-moz-column-gap:20px;
column-gap:20px;
z-index:-1;
}
}
.office-menu .convert__item--sub .convert__item--sub ul.lang__menu a {
display:block;
height:32px;
text-transform:capitalize;
}
.office-menu .convert__item--sub .convert__item--sub ul a {
padding:0 12px;
line-height:16px;
font-size:14px;
display:-ms-flexbox;
display:flex;
}
.office-menu .convert__item--sub .convert__item--sub .lang__menu a {
line-height:32px;
}
.office-menu .lang__current {
display:none;
}
.main-menu {
font-size:15px;
}
@media (min-width:840px) {
.main-menu {
height:62px;
}
}
@media (max-width:1440px) {
.main-menu {
font-size:15px;
}
}
@media (max-width:1200px) {
.main-menu {
font-size:15px;
}
}
@media (max-width:960px) {
.main-menu {
font-size:15px;
}
}
.main-menu .convert-nav {
display:block;
height:65px;
}
.main-menu .convert-nav li {
display:inline-block;
position:relative;
}
.main-menu .convert-nav li a,
.main-menu .convert-nav li span {
font-weight:400;
-ms-flex-align:center;
align-items:center;
padding:20px 10px;
text-decoration:none;
text-transform:uppercase;
color:#161616;
cursor:pointer;
}
.main-menu .convert-nav li a:hover,
.main-menu .convert-nav li span:hover {
background-color:#fff;
color:#034e06;
-webkit-transition-delay:0s;
-o-transition-delay:0s;
transition-delay:0s;
-webkit-transition-duration:.4s;
-o-transition-duration:.4s;
transition-duration:.4s;
}
@media (max-width:1440px) {
.main-menu .convert-nav li a,
.main-menu .convert-nav li span {
padding:0 12px;
}
}
.main-menu .convert-nav li.convertmenu .nav__icon {
display:none;
}
.main-menu .convert-nav li.convertmenu .ico {
margin:4px 0 0;
vertical-align:middle;
}
.main-menu .convert-nav li.convertmenu .convertmenu-menu {
display:none;
}
.main-menu .convert-nav li.convertmenu .menu-full--qrcode {
-webkit-animation:scale-in-tr .4s cubic-bezier(.25,.46,.45,.94) both;
animation:scale-in-tr .4s cubic-bezier(.25,.46,.45,.94) both;
}
.main-menu .convert-nav li.convertmenu:hover>ul {
display:-ms-flexbox;
display:flex;
box-shadow:0 .125rem .1875rem 0 rgba(0,0,0,.11);
margin-top:-1px;
margin-left:-1px;
border:1px solid #ccc;
-webkit-box-shadow:0 2px 10px rgba(0,0,0,.2);
box-shadow:0 2px 10px rgba(0,0,0,.2);
border-top:1px solid #4caf50;
}
.main-menu .convert-nav li ul {
height:0;
background:#fff;
position:fixed;
top:65px;
-webkit-box-shadow:0 6px 6px #f1f1f1;
-moz-box-shadow:0 6px 6px #f1f1f1;
box-shadow:0 6px 6px #f1f1f1;
text-align:left;
max-height:85vh;
overflow-x:auto;
}
.main-menu .convert-nav li ul li {
display:block;
}
.main-menu .convert-nav li ul li a {
text-transform:none;
line-height:39px;
height:40px;
margin-bottom:2px;
margin-top:1px;
display:flex;
width:100%;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.main-menu .convert-nav li ul li a .ico {
margin:4px 8px 4px 4px;
vertical-align:middle;
}
.main-menu .convert-nav li ul li a:hover {
background:#f1f9f1;
border-radius:4px;
}
.main-menu .convert-nav li:hover ul {
height:auto;
visibility:visible;
opacity:1;
z-index:1;
}
.main-menu .convert-nav li.showclose {
display:none;
position:fixed!important;
top:80px;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-align:center;
align-items:center;
z-index:3001;
clear:both;
width:40px;
height:40px;
right:20px;
position:fixed;
border-radius:50%;
color: #035903;
background-color: #ebf9eb;
}
@media (max-width:840px) {
.office-menu .convert__item--sub .convert__item--sub ul {
max-height:72vh;
overflow:auto;
width:100%;
min-width:auto;
right:190px;
z-index:2;
max-width:180px;
}
.main-menu {
position:relative;
border-top:0;
}
.main-menu .convert-nav {
text-align:left;
height:60px;
}
.main-menu .convert-nav>li {
display:none;
}
.main-menu .convert-nav #menuSmall {
display:inline-block;
height:auto;
width:38px;
}
.main-menu .convert-nav #menuSmall>span {
display:none;
}
.main-menu .convert-nav #menuSmall .nav__icon {
display:block;
line-height:60px;
height:60px;
padding:0;
}
.main-menu .convert-nav #menuSmall ul.menu-full {
display:none;
}
.main-menu .convert-nav #menuSmall:hover>ul.menu-full {
display:block;
left:0;
right:auto;
}
.main-menu .convert-nav li a {
height:60px;
}
.main-menu .convert-nav li ul {
-webkit-transform:none;
-ms-transform:none;
transform:none;
}
.ask-community-card__content {
flex-direction: block !important;
display: block !important;
}
.ask-community-card__link {
position: inherit !important;
}
.ask-community-card {
padding: 10px !important;
}
}
.main-menu .convert-nav li.convertmenu-all:hover {
background-color:#fff;
}
.main-menu .convert-nav li.convertmenu-all .icon12 {
-webkit-transition:.3s all;
transition:.3s all;
}
.main-menu .convert-nav li.convertmenu-all:hover .icon12 {
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.main-menu .convert-nav li.convertmenu-all:hover .nav__icon {
fill:#4caf50;
}
@media screen and (max-width:840px) {
.main-menu .convert-nav li.convertmenu-all:hover+.showclose {
display:flex!important;
}
}
.UlT73d {
transform: rotate(0deg);
}
.langli {
display:none!important;
}
@media (max-width:1440px) {
.main-menu .convert-nav>li {
display:none;
}
.main-menu .convert-nav #menuSmall .myconvertlist {
display:none;
}
.main-menu .convert-nav #menuSmall .nav__icon {
display: inline-block;
}
.header__nav {
display: none;
}
.qrcode.office-menu {
min-width:auto !important;
}
.langli {
display:-ms-flexbox!important;
display:flex!important;
}
}
@media (max-width:1240px) {
.main-menu .convert-nav>li {
display:none;
}
.main-menu .convert-nav #menuSmall {
display: inline-block;
}
.main-menu .convert-nav li ul.menu-full ul {
padding-top:0;
}
.main-menu .convert-nav li ul.menu-full div {
padding:4px 8px;
}
}
.main-menu .convert-nav li.convertmenu-all {
position:inherit;
border-left:1px solid transparent;
border-right:1px solid transparent;
}
.main-menu .convert-nav li ul.menu-full {
font-size:14px;
width:100%;
height:auto;
right:0;
padding:12px;
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.main-menu .convert-nav li ul.menu-full--convert {
max-width:800px!important;
right:auto;
padding:12px 24px 16px;
}
.main-menu .convert-nav li ul.menu-full--qrcode {
width:250px!important;
left:auto;
padding:15px;
right:2px;
min-width:250px!important;
border:1px solid #ccc!important;
-webkit-box-shadow:0 2px 10px rgba(0,0,0,.2)!important;
box-shadow:0 2px 10px rgba(0,0,0,.2)!important;
-webkit-border-radius:8px;
border-radius:8px;
}
.main-menu .convert-nav li ul.menu-full--convert>li {
-ms-flex:1 0 10%!important;
flex:1 0 10%!important;
}
.main-menu .convert-nav li ul.menu-full--converter {
right:0;
padding:12px 24px 16px;
}
.main-menu .convert-nav li ul.menu-full--converter>li {
-ms-flex:1 0 10%!important;
flex:1 0 10%!important;
}
.main-menu .convert-nav li ul.menu-full div {
color:#969696;
font-weight:300;
font-size:14px;
padding:12px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.main-menu .convert-nav li ul.menu-full>li {
-ms-flex:0 0 16%;
flex:0 0 16%;
margin-left:auto;
margin-right:auto;
margin-bottom:24px;
}
@media (max-width:1500px) {
.main-menu .convert-nav li ul.menu-full>li a {
line-height:18px;
}
}
@media (max-width:1400px) {
.main-menu .convert-nav li ul.menu-full>li {
-ms-flex:0 0 26%;
flex:0 0 26%;
}
}
.main-menu .convert-nav li ul.menu-full ul {
display:block;
position:relative;
top:12px;
-webkit-box-shadow:none;
box-shadow:none;
}
.main-menu .convert-nav li ul.menu-full ul li {
font-weight:300;
}
.main-menu .convert-nav li ul.menu-full ul li a {
padding:12px;
text-transform:capitalize;
}
@media (max-width:1323px) {
.main-menu .convert-nav li ul.menu-full div {
padding:8px;
}
.main-menu .convert-nav li ul.menu-full ul li a {
padding:8px;
line-height:28px;
height:32px;
}
.main-menu .convert-nav li ul.menu-full>li {
margin-bottom:12px;
}
}
.ico {
width:20px;
height:20px;
padding:0;
margin:0;
border:none;
background:transparent url(../svg/tool.svg);
display:block;
}
.office--pdf {
background-position:-5px -5px;
}
.office--video {
background-position:-5px -30px;
}
.office--audio {
background-position:-5px -55px;
}
.office--doc {
background-position:-5px -80px;
}
.office--document {
background-position:-5px -80px;
}
.office--image {
background-position:-5px -105px;
}
.office--font {
background-position:-5px -130px;
}
.office--zip {
background-position:-5px -155px;
}
.office--archive {
background-position:-5px -155px;
}
.office--ocr {
background-position:-5px -180px;
}
.office--ebook {
background-position:-5px -205px;
}
.office--unit {
background-position:-5px -230px;
}
.office--youtube {
background-position:-5px -250px;
}
.office--pdfword {
background-position:-5px -305px;
}
.office--wordpdf {
background-position:-59px -6px;
}
.office--mp3 {
background-position:-30px -5px;
}
.office--mp4 {
background-position:-30px -30px;
}
.office--epub {
background-position:-30px -55px;
}
.office--more {
background-position:-30px -80px;
}
.office--avi {
background-position:-30px -105px;
}
.office--mov {
background-position:-30px -130px;
}
.office--3gp {
background-position:-30px -155px;
}
.office--word {
background-position:-30px -180px;
}
.office--excel {
background-position:-30px -205px;
}
.office--powerpoint {
background-position:-30px -230px;
}
.office--aac {
background-position:-30px -255px;
}
.office--aiff {
background-position:-30px -280px;
}
.office--ogg {
background-position:-30px -305px;
}
.office--jpg {
background-position:-30px -330px;
}
.office--png {
background-position:-30px -355px;
}
.office--gif {
background-position:-30px -380px;
}
.office--translate {
background-position:-30px -430px;
}
.office--qrocde {
background-position:-5px -180px;
}
.office--downloader {
background-position:-5px -205px;
}
.office--pdfjpg {
background-position:-5px -280px;
}
.office--pdfpowerpoint {
background-position:-5px -330px;
}
.office--pdfexcel {
background-position:-5px -355px;
}
.office--rotate {
background-position:-5px -380px;
}
.office--compress {
background-position:-5px -405px;
}
.office--unlock {
background-position:-5px -430px;
}
.office--length {
background-position:-5px -455px;
}
.office--weight {
background-position:-5px -480px;
}
.office--area {
background-position:-30px -455px;
}
.office--mergepdf {
background-position:-5px -505px;
}
.office--onlinedown {
background-position:-30px -480px;
}
.office--currency {
background-position:-30px -505px;
}
.office--lang {
background-position:-30px -155px;
}
.office--down {
background-position:-55px -146px;
}
.office--barcode {
background-position: -59px -30px;
}
.main-menu .convert-nav li.convertmenu .ico {
margin:4px 8px 4px 4px;
padding-left:20px;
}
.office--down {
width:8px;
height:5px;
}
@media screen and (min-width:601px) and (max-width:1400px) {
.officelinks {
display:none!important;
}
}
@media screen and (min-width:601px) and (max-width:1000px) {
.main-menu .convert-nav li ul.menu-full--convert {
width:100%;
left:auto;
padding:12px 24px 16px;
}
.main-menu .convert-nav li.convertmenu-all:hover {
box-shadow:0 0 0 0 rgba(0,0,0,.11);
border-left:1px solid transparent;
border-right:1px solid transparent;
}
.main-menu .convert-nav li ul.menu-full--converter {
left:0;
padding:12px 24px 16px;
max-width:1400px;
}
}
@media screen and (max-width:600px) {
.main-menu .convert-nav li ul.menu-full ul li a {
padding:4px;
line-height:38px;
height:38px;
}
}
a {
text-decoration:none;
}
@media (max-width:1200px) {
.header .brand .office__icon {
width:240px;
}
}
@media (max-width:400px) {
.header .brand .office__icon {
width:200px;
}
}
.icon166 {
width:17px;
height:17px;
fill:currentColor;
overflow:hidden;
margin-left:6px;
}
.icon12 {
width:12px;
height:12px;
margin-left:5px;
fill:currentColor;
overflow:hidden;
margin-left:6px;
}
.icon16 {
width:17px;
height:17px;
margin-left:6px;
fill:currentColor;
overflow:hidden;
margin-left:2px;
}
.icon20 {
width:20px;
height:20px;
vertical-align:-5px;
margin-right:12px;
fill:currentColor;
overflow:hidden;
}
.icon20lang {
width:20px;
height:20px;
vertical-align:-.32em;
margin-right:4px;
fill:currentColor;
overflow:hidden;
}
.icon20no {
width:20px;
height:20px;
vertical-align:-.42em;
fill:currentColor;
overflow:hidden;
}
.icon24 {
width:24px;
height:24px;
vertical-align:-.22em;
fill:currentColor;
overflow:hidden;
margin-right:5px;
}
.office20 {
width:20px;
height:20px;
vertical-align:-.22em;
fill:currentColor;
overflow:hidden;
margin:auto 15px;
}
.icon24no {
width:24px;
height:24px;
fill:currentColor;
overflow:hidden;
}
.icon32icon {
width:32px;
height:32px;
vertical-align:-.22em;
margin-left:3px;
margin-top:15px;
fill:currentColor;
overflow:hidden;
}
.officemore:hover {
background-color:#fff;
}
.officemore:hover svg {
fill:#4caf50;
}
.officemore:hover ul svg {
fill:#161616;
}
.office-menu .convert__item--sub ul a:hover svg {
fill:#4caf50;
}
.header .qrcode .convert__item span {
margin-left:5px;
text-transform: capitalize;
}
.qrcode.office-menu {
height:65px;
}
.main-menu .convert-nav li.convertmenu-all:hover {
cursor:pointer;
}
.main-menu .convert-nav li.convertmenu-all:hover span {
color:#4caf50;
cursor:pointer;
}
.myconvertlist {
font-weight:400;
}
#menuSmall:hover {
cursor:pointer;
}
#menuSmall:hover .myconvertlist {
color:#4caf50;
}
ul {
-webkit-margin-before:0;
-webkit-margin-after:0;
-webkit-margin-start:0;
-webkit-margin-end:0;
list-style: none;
}
@-webkit-keyframes scale-in-tr {
0% {
-webkit-transform:scale(0);
transform:scale(0);
-webkit-transform-origin:100% 0%;
transform-origin:100% 0%;
opacity:1;
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:100% 0%;
transform-origin:100% 0%;
opacity:1;
}
}
@keyframes scale-in-tr {
0% {
-webkit-transform:scale(0);
transform:scale(0);
-webkit-transform-origin:100% 0%;
transform-origin:100% 0%;
opacity:1;
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:100% 0%;
transform-origin:100% 0%;
opacity:1;
}
}
.homepage__heading {
align-items: baseline;
flex-direction: row;
padding: 3rem 1.5rem .5rem;
display: flex;
font-size: .875rem;
font-weight: 600;
line-height: 1.25rem;
text-transform: uppercase;
}
h2.homepage__heading-title {
line-height: 1.75rem;
flex: 1;
font-size: 1.125rem;
margin: 0;
font-weight: 400;
}
a.homepage__heading-action {
line-height: 3rem;
min-width: 3rem;
color: #259229;
}
.homepage__categories {
display: flex;
flex-wrap: wrap;
line-height: 1.25rem;
}
.homepage-category-card__container {
box-sizing: border-box;
display: flex;
flex-basis: 50%;
max-width: 50%;
}
.homepage-category-card__thread_string {
border-top: 0;
min-height: auto;
padding: 1rem;
display: block;
position: relative;
color: #555;
}
.homepage-category-card__thread {
border-bottom: .0625rem solid #dadce0;
border-top: 0;
min-height: auto;
padding: 1rem;
cursor: pointer;
display: block;
position: relative;
}
a.thread-list-thread:hover {
text-decoration: none;
}
.thread-list-thread:hover {
background: #f8f9fa;
}
.homepage-category-card__thread a {
background: #fff;
outline: 0;
border-radius: 3px;
border: 1px solid #2b932f2b;
padding: 8px 16px;
text-transform: uppercase;
font-size: 13px;
color: #555;
margin: 0 10px 10px 0;
transition: all .3s linear;
display: inline-block;
transition: all .3s linear;
}
.homepage-category-card__thread a:hover {
border: 1px solid #2b932f;
color: #2b932f;
background-color: #2b932f14;
}
.homepage-category-card__thread_string a {
outline: 0;
font-size: 13px;
transition: all .3s linear;
display: inline-block;
transition: 0px 4px;
color: #555;
padding: 0px 2px;
border: .0625rem solid #dadce000;
margin: 0 4px;
}
.homepage-category-card__thread_string a:hover {
color: #2b932f;
background-color: #2b932f14;
border-radius: 3px;
}
.thread-list-thread__title {
flex: 1;
font-size: .9375rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #3c4043;
cursor: pointer;
font-weight: 400;
}
.thread-list-thread__top-row {
display: flex;
}
.homepage-category-card__container:nth-child(2n+1) {
padding-right: .5rem;
}
.homepage-category-card__container:nth-child(2n) {
padding-left: .5rem;
}
h3.homepage-category-card__title {
padding: 1rem 1.5rem;
color: #259229;
font-size: 1rem;
font-weight: 400;
line-height: 1.25rem;
margin: 0;
}
h3.homepage-category-card__title ss {
font-weight: 300;
font-size: 13px;
color: #999;
}
.homepage-category-card__view-all-container {
margin-left: .625rem;
align-items: flex-end;
display: flex;
flex: 1;
padding: 0 1rem;
margin-top: 20px;
margin-bottom: 20px;
}
.category-all-link {
font-size: .875rem;
font-weight: 400;
line-height: 22px;
white-space: nowrap;
color: #259229;
margin-left: auto;
}
.category-all-link-icon {
fill: currentcolor;
height: 1.5rem;
vertical-align: middle;
width: 1.5rem;
}
.homepage-category-card {
display: flex;
flex-direction: column;
margin: .5rem 0 1.5rem;
width: 100%;
overflow-x: visible;
padding: 0;
background: #ffffff;
border: 1px solid #dadce0;
border-radius: 8px;
position: relative;
}
.need-more-help-container {
border-radius: .625rem;
margin-top: 2rem;
padding: 12px 0px;
max-width: 970px;
margin: 40px auto;
}
.need-more-help-header {
margin-bottom: 1rem;
text-align: center;
}
h2.need-more-help-title {
font-size: 1.5rem;
line-height: 2rem;
font-weight: 300;
margin: 20px 0 10px;
text-align: center;
position: relative;
}
h3.need-more-help-subtitle {
color: #3c4043;
font-size: 18px;
font-weight: 300;
line-height: 28px;
margin: 0;
text-align: center;
}
div.need-more-help-option {
flex-basis: 0;
margin: 36px 20px;
max-width: 28rem;
width: auto;
border-radius: .625rem;
box-shadow: 0 0 0 1px rgba(0,0,0,.05),0 2px 3px 0 rgba(0,0,0,.1);
box-sizing: border-box;
display: block;
flex-grow: 1;
padding: 1rem;
position: relative;
text-align: left;
text-decoration: none;
}
.need-more-help-option__svg-container {
border-radius: 50%;
height: 1.875rem;
left: 1rem;
position: absolute;
top: 1rem;
width: 1.875rem;
}
.ask-community-card {
align-items: center;
margin: .75rem 0 2rem;
border: none;
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
display: flex;
text-align: left;
padding: 16px 4rem 16px 3.625rem;
border-radius: 8px;
overflow-x: hidden;
position: relative;
}
.ask-community-card__icon-circle {
border-radius: 50%;
display: inline-block;
height: 50px;
margin-right: 1.625rem;
position: relative;
width: 50px;
padding: 10px;
}
.ask-community-card__icon-circle svg {
width: 30px;
height: 30px;
}
.ask-community-card__icon {
fill: #ffffff;
height: 1rem;
left: .625rem;
position: absolute;
top: .625rem;
width: 1rem;
}
.ask-community-card__content {
flex-direction: row;
display: flex;
flex: 1;
}
.showask {
max-width: 970px;
margin: 20px auto;
}
.ask-community-card__link-icon {
fill: currentcolor;
height: 1.5rem;
vertical-align: middle;
width: 1.5rem;
}
.ask-community-card__link {
font-size: .875rem;
margin-top: 0;
line-height: 3rem;
font-weight: 600;
white-space: nowrap;
color: #259229;
right: 30px;
position: absolute;
}
.ask-community-card__text b {
display: inline;
font-weight: 600;
}
.ask-community-card__text {
font-size: 1rem;
line-height: 3rem;
}
.need-more-help-option__svg-container svg {
width: 30px;
fill: #fff;
}
.need-more-help-options {
flex-wrap: nowrap;
display: flex;
justify-content: center;
}
h4.need-more-help-option__title,
.need-more-help-option__snippet {
margin: 0px 0px 0px 2.5rem;
color: #202124;
font-size: 18px;
font-weight: 400;
}
h4.need-more-help-option__title {
line-height: 30px;
}
.need-more-help-option__snippet {
margin: 10px 0px 0px 2.5rem;
color: #202124;
font-size: 16px;
font-weight: 300;
display: block;
line-height: 30px;
}
.homepage-category-card__thread ul {
list-style: none;
text-align: center;
}
.homepage-category-card__thread ul li {
display: inline-block;
}
.page-content-reghit {
flex: 0 1 auto;
width: 100%;
}
.need-more-help-container .homepage-category-card__thread {
border-bottom-width: 0px !important;
}
.need-more-help-container .homepage-category-card__thread a {
text-transform:none;
}
.regbanner {
height: 215px;
max-width: 970px;
text-align: left;
margin: 0 auto;
border-radius: 3px;
-moz-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
transition: all .2s,visibility 0s;
border: 0 solid #4caf50 !important;
background: #f1f9f1;
background: linear-gradient(90deg,#fbbc04 4%,#259229 0%) top/100% 44% no-repeat,linear-gradient(90deg,#fbbc04 50%,#259229 0%) top/100% 82% no-repeat,linear-gradient(90deg,#fbbc04 10%,#ea4335 0%) top/100% 100%;
z-index: 0;
padding: 2px;
}
.dc0iKf {
background-image: url('../svg/bg.svg');
background-repeat: no-repeat;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
border-top-right-radius: 0px;
clear: both;
float: right;
height: 98px;
text-align: center;
width: 136px;
display: block;
position: relative;
z-index: 1;
}
.dc0iKf .DyTkdc {
font-size: 16px;
font-weight: 500;
letter-spacing: .1px;
line-height: 24px;
color: #fff;
margin: 12px 12px 0 28px;
max-height: 80px;
overflow: hidden;
text-align: center;
}
.regbgbg {
height: 100%;
margin: auto;
overflow: hidden;
display: grid;
grid-auto-flow: row;
grid-column-gap: 4.28571%;
grid-template-columns: repeat(12,1fr);
text-align: left;
position: relative;
max-width: unset;
transform: translateY(-98px);
width: 100%;
background-color: #fff;
border-radius: 3px;
}
.sKffid {
margin: auto 2px auto 30px;
height: unset;
grid-column-end: span 6;
}
.ppyjs {
font-size: 22px;
font-weight: 400;
line-height: 28px;
margin: 12px auto 0;
overflow: hidden;
}
.sKffid .DyTkdc {
margin: 12px auto;
font-size: 16px;
letter-spacing: .1px;
line-height: 24px;
font-weight: 300;
color: #333;
}
.myconvertlist ss {
display: inline-block;
max-width: 100px;
white-space: nowrap;
vertical-align: top;
text-overflow: ellipsis;
overflow: hidden;
}
.qN7kNe {
border: 1px solid #009e54;
-moz-border-radius: 4px;
border-radius: 6px;
font-size: 14px;
font-weight: 400;
line-height: 40px;
padding: 0;
text-transform: none;
letter-spacing: .25px;
width: auto;
text-align: center;
display: inline-block;
min-width: 240px;
}
.qN7kNe:hover {
background-color: #fff;
border: 2px solid #009e544a;
}
.qN7kNe:hover .snByac {
color: #037540;
}
.mlsJhd {
width: unset;
clear: both;
float: right;
height: 100%;
max-height: 190px;
max-width: 100%;
}
.qiRwwf {
align-items: flex-end;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: left;
margin: 0 0 0px;
max-height: 215px;
max-width: unset;
grid-column-end: span 5;
grid-column-start: 7;
}
.HgfkKe:hover {
background: #d2e3fc;
}
.qN7kNe .RveJvd {
display: inline-block;
line-height: 20px;
padding: 2px 4px;
text-transform: none;
letter-spacing: .25px;
margin: 8px;
color: #00944f;
font-size: 16px;
font-weight: 700;
}
.AZrhO {
display: none;
}
.showbottombg {
max-width: 1440px;
margin: 120px auto 0px;
height: 208px;
background-image: url(../svg/ss.svg);
background-size: 1440px;
}
@media (max-width:820px) {
.need-more-help-option__snippet {
margin: 10px 0px 0px 0px;
}
[class*="hint--"]::before,
[class*="hint--"]::after {
display: none;
}
.showbottombg {
background-position-x: calc(1440px - 100vw);
}
.showask {
margin: 20px 10px;
}
.need-more-help-container {
margin: 40px 10px;
padding: 0px;
}
.qN7kNe {
margin: auto;
}
.regbanner {
height: auto;
margin: 10px;
}
.regbgbg {
display: block;
margin: 0px;
transform: translateY(0px);
width:auto;
}
.TG7cIf {
font-family: officefont,sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: .8px;
line-height: 16px;
text-transform: uppercase;
color: #009e54;
margin-top: 12px;
}
.AZrhO {
display: block;
padding: 8px 0px;
font-size: 22px;
}
.dc0iKf {
display: none;
}
.sKffid {
text-align: center;
margin: 10px;
}
.qiRwwf {
margin: auto;
max-width: 312px;
}
.homepage-category-card__container {
box-sizing: border-box;
display: flex;
flex-basis: 100%;
max-width: 100%;
}
div.need-more-help-option {
margin: 1.5rem 0px;
}
.homepage-category-card__container:nth-child(2n+1),
.homepage-category-card__container:nth-child(2n) {
padding: 0px .5rem;
}
.need-more-help-options {
display:block;
}
div.need-more-help-option {
margin: 1.5rem 20px;
}
}
footer {
display:block;
}
.icon24 {
width:24px;
height:24px;
vertical-align:-.22em;
fill:currentColor;
overflow:hidden;
margin-right:5px;
}
.page-content-left {
flex:1 1 auto;
min-width:290px;
}
.Fbrw4b {
margin-right:10px;
}
.eqVmXb {
display:inline;
outline:none;
}
c-wiz {
contain:style;
}
.OlR1df {
color:#5f6368;
display:flex;
flex-wrap:wrap;
margin:0 auto;
padding:0 36px 12px;
}
.BQBwZc {
display:flex;
justify-content:space-between;
position:relative;
}
.BQBwZc .eqVmXb {
width:100%;
}
.YoKU9e {
bottom:0;
cursor:pointer;
height:24px;
left:0;
margin:auto;
margin-left:18px;
position:absolute;
right:0;
top:0;
-webkit-user-select:none;
width:24px;
}
.YoKU9e:focus {
outline:none;
background-color:#def1de;
border-radius:50%;
transition:box-shadow .3s;
}
.YoKU9e:focus svg {
fill:#225e1e;
}
.YoKU9e:hover {
background-color:#dff1df;
border-radius:50%;
transition:box-shadow .3s;
}
.pAwJHb {
color:#5f6368;
line-height:0;
padding:0;
transform:rotate(90deg);
transition-duration:.3s;
}
.hzF9eb {
max-height:none;
overflow-x:hidden;
overflow-y:hidden;
transition-duration: .3s;
transition-property: max-height;
}
.hzF9eb .YoKU9e {
bottom:none;
cursor:pointer;
height:24px;
left:24px;
margin-left:24px;
position:absolute;
right:none;
top:none;
-webkit-user-select:none;
width:24px;
z-index:1;
}
.sMBJh {
display:flex;
min-height:calc(100vh - 64px);
flex-direction:column;
justify-content:space-between;
}
.SABpDb {
padding-left:27px;
}
.G3sBi {
border-radius:0 32px 32px 0;
cursor:pointer;
display:block;
padding:12px 36px 12px 50px;
text-decoration:none;
white-space:nowrap;
}
.G3sBi:focus {
background-color:#4caf501c;
outline:none;
}
.G3sBi:hover {
background-color:#dff1df;
color:#034e06!important;
}
.G3sBi.rU9Npf {
letter-spacing:.01785714em;
font-family:officefont,sans-serif;
font-size:.875rem;
font-weight:400;
line-height:1.25rem;
align-items:center;
color:#3c4043;
display:flex;
flex:1;
cursor:pointer!important;
}
.G3sBi.O3zbCe {
letter-spacing:.025em;
font-family:officefont,sans-serif;
font-size:.75rem;
font-weight:400;
line-height:1rem;
color:#3c4043;
padding-top:6px;
padding-bottom:6px;
}
.zoa7Ve {
display:none;
width:264px;
}
.zoa7Ve.hpnc1c {
display:block;
margin-right:25px;
}
.jmG9nb {
border-bottom:1px solid rgba(0,0,0,.12);
padding-bottom:8px;
padding-top:8px;
}
.jmG9nb:last-child {
border:none;
}
.indexlist {
margin-left:6px;
}
.O3zbCe {
padding-left:77px;
}
.pooEtb {
letter-spacing:.025em;
font-family:officefont,sans-serif;
font-size:.75rem;
font-weight:400;
line-height:1rem;
color:#5f6368;
text-decoration:none;
}
.jdOQ8d {
margin:0 5px;
vertical-align:middle;
}
.Qh16y:hover {
background-color:#dff1df;
cursor:default;
}
.gb_Nc {
display:-webkit-flex;
display:flex;
-webkit-flex:1 1 auto;
flex:1 1 auto;
-webkit-flex-direction:column;
flex-direction:column;
margin-top:65px;
margin-top:65px;
bottom:0;
color:#000;
height:-webkit-calc(100vh - 64px);
height:calc(100vh - 64px);
position:fixed;
overflow:hidden;
}
.UlT73d {
transform:rotate(0deg);
}
.gb_Nc:hover {
overflow-y:auto;
overflow-x:hidden;
-webkit-transform:translateX(0);
transform:translateX(0);
visibility:visible;
-webkit-transition:transform .25s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s;
transition:transform .25s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s;
}
.gb_Nc:hover::-webkit-scrollbar-thumb {
background-color:rgba(0,0,0,.2);
z-index:22;
}
.gb_Nc::-webkit-scrollbar-corner {
background-color:transparent;
}
.gb_Nc::-webkit-scrollbar-thumb {
background-clip:padding-box;
background-color:transparent;
border:0 solid transparent;
-webkit-box-shadow:none;
box-shadow:none;
min-height:28px;
}
.gb_Nc::-webkit-scrollbar-track {
border:0 solid transparent;
background-clip:padding-box;
background-color:transparent;
}
.gb_Nc::-webkit-scrollbar-thumb:hover {
background-color:#858585;
}
.gb_Nc::-webkit-scrollbar-thumb:active {
background-color:#999;
}
.icon200 {
width:20px;
height:20px;
vertical-align:-.22em;
fill:currentColor;
overflow:hidden;
}
.icon2 {
width:20px;
height:20px;
fill:currentColor;
overflow:hidden;
}
@media (max-width:1168px) {
.page-content-left {
display:none;
}
.page-content-reghit {
width: 100%;
}
.min-vh-100 {
padding: 0px;
width: 100%;
margin: 0px;
flex: auto;
}
.header .office__icon {
margin-left: 70px;
}
}
footer,
nav,
section {
display:block;
}
a {
background-color:transparent;
-webkit-text-decoration-skip:objects;
}
img {
border-style:none;
}
svg:not(:root) {
overflow:hidden;
}
body ::-webkit-scrollbar {
width:5px;
height:5px;
background:0 0;
}
@media (min-width:1024px) {
body ::-webkit-scrollbar {
width:8px;
height:8px;
}
}
body ::-webkit-scrollbar-thumb {
background:rgba(0,0,0,.2);
}
footer {
display:block;
}
@media screen and (max-width:600px) {
.h-c-footer__global-links--extra {
display: none;
}
.glue-responsive-accordion-static-static-container {
display:none;
}
}
.icon16 {
width:16px;
height:16px;
vertical-align:-.22em;
fill:currentColor;
overflow:hidden;
margin-right:4px;
}
@media (min-width:600px) {
.h-c-footer__global-links--extra {
-ms-flex:0 0 auto;
flex:0 0 auto;
}
}
.h-c-footer {
background:#fff;
margin:0;
}
.h-c-footer__link {
line-height:1.57143;
color:#5f6368;
display:inline-block;
font-size:14px;
font-weight:400;
letter-spacing:.25px;
}
.h-c-footer__link:visited {
color:#5f6368;
}
.h-c-footer__link:hover {
color:#127916;
}
.h-c-footer__global {
margin:0 auto;
padding:40px 16px 0;
}
@media (min-width:600px) {
.h-c-footer__global {
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
max-width:94rem;
padding:40px 32px 20px;
}
.h-c-footer__global:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}
}
.h-c-footer__logo {
height:28px;
margin:0 0 30px;
width:160px;
}
@media (min-width:600px) {
.h-c-footer__logo {
-ms-flex:0 0 90%;
flex:0 0 90%;
margin-right:55px;
}
}
@media (min-width:1024px) {
.h-c-footer__logo {
-ms-flex:0 0 86px;
flex:0 0 160px;
}
}
.h-c-footer__logo a {
display:inline-block;
height:28px;
}
.h-c-footer__logo a:focus {
background:#e8eaed;
outline:10px solid #e8eaed;
}
.h-c-footer__global-links {
margin:0 0 15px;
list-style: none;
}
.h-c-footer__global-links:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}
@media (min-width:600px) {
.h-c-footer__global-links {
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex:2 0 auto;
flex:2 0 auto;
max-width:100%;
}
}
@media (min-width:600px) {
.h-c-footer__global-links--extra {
-ms-flex:0 0 auto;
flex:0 0 auto;
}
}
.h-c-footer__global-links-list-item {
float:left;
padding:0 30px 15px 0;
line-height:1.57143;
}
.h-c-footer__global-links-list-item--extra:last-child {
padding-left:0;
padding-right:0;
}
.h-c-footer__site-links {
border-bottom:1px solid #dadce0;
margin:0 auto;
padding:0 16px;
}
@media (min-width:600px) {
.h-c-footer__site-links {
max-width:1344px;
padding:50px 32px;
width:auto;
width:initial;
}
}
@media (min-width:1440px) {
.h-c-footer__site-links {
max-width:90rem;
padding:50px 32px;
}
.h-c-footer__global {
max-width:90rem;
}
}
@media (min-width:1700px) {
.h-c-footer__site-links {
max-width:100rem;
padding:50px 32px;
}
.h-c-footer__global {
max-width:100rem;
}
}
@media (min-width:3000px) {
.h-c-footer__site-links {
max-width:110rem;
}
.h-c-footer__global {
max-width:110rem;
}
}
@media (min-width:4000px) {
.h-c-footer__site-links {
max-width:120rem;
}
.h-c-footer__global {
max-width:120rem;
}
}
@media (min-width:600px) {
.h-c-footer__site-links-grid {
box-sizing:content-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.h-c-footer__site-links-grid:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}
}
.h-c-footer__site-links-column {
border-bottom:1px solid #dadce0;
margin:0;
padding:30px 0 20px;
}
.h-c-footer__site-links-column:last-child {
border-bottom:none;
}
@media (min-width:600px) {
.h-c-footer__site-links-column {
-ms-flex:0 0 20%;
flex:0 0 20%;
border-bottom:none;
float:left;
max-width:20%;
padding:0;
width:20%;
}
}
.h-c-footer__site-links-header {
line-height:1.625;
color:#202124;
font-size:16px;
font-weight:400;
margin:0 0 10px;
overflow:hidden;
}
@media (min-width:600px) {
.h-c-footer__site-links-header {
margin:0 10px 18px 0;
}
}
@media (min-width:1024px) {
.h-c-footer__site-links-header {
line-height:1.66667;
font-size:18px;
padding-left:2px;
}
}
.h-c-footer__site-links-header:focus {
color:#202124;
}
.h-c-footer__site-links-list {
margin-bottom:0;
padding:0;
}
.h-c-footer__site-links-list-item {
margin:0 40px 0 0;
padding-bottom:18px;
}
.h-c-footer__site-links-list-item:last-child {
padding-bottom:0;
}
@media (min-width:600px) {
.h-c-footer__site-links-list-item {
padding-bottom:1px;
}
}
.h-c-footer__site-links-list-item .h-c-footer__link:active {
outline:0;
}
.h-c-footer__site-links-list-item .h-c-footer__link:active:focus {
color:#5f6368;
outline:6px solid #e8eaed;
outline-width:6px;
}
.h-c-footer__site-links-list-item .h-c-footer__link:hover {
color:#202124;
}
.h-c-footer__site-links-list-item .h-c-footer__link:hover:visited {
color:#4caf50;
}
.h-c-footer__site-links-list-item .h-c-footer__link:visited {
color:#5f6368;
}
.h-c-footer {
color:#3c4043;
border-top:3px solid #4caf50!important;
padding-bottom: 10px;
}
.h-c-footer__site-links .h-c-footer__link {
padding:8px;
border-radius:4px;
display:block;
}
.h-c-footer__site-links .h-c-footer__link:hover {
background-color:#e8f4e8;
color:#4caf50;
}
.h-c-footer__site-links-list {
list-style: none;
}
.header .qrcode .convert__item span {
display: none;
}
.fileformats {
display: none;
}
.qrcode.office-menu {
min-width: 310px;
}
.convertmenu .icon20no {
display: inline-block;
}
.showtitle {
display: none;
}
.onlineconvertertitle {
-webkit-box-shadow: 0 4px 14px 0 rgba(15, 22, 41, 0.06);
-moz-box-shadow: 0 4px 14px 0 rgba(15, 22, 41, 0.06);
box-shadow: 0 4px 14px 0 rgba(15, 22, 41, 0.06);
border-bottom: 1px solid #eaeaea !important;
}
@media (min-width:1500px) {
.header__nav {
display: block;
}
.convertmenu .icon20no {
display: none;
}
.showtitle {
display: block;
}
.header .qrcode .convert__item span {
display: block;
font-weight: 400;
}
.fileformats {
display: block;
}
.qrcode.office-menu {
min-width: auto;
}
}
.icon-car-count {
min-width: 14px;
text-align: center;
line-height: 14px;
display: inline-block;
position: absolute;
right: 0;
background: #2b932f;
background-image: none;
color: #fff;
border-radius: 17px;
padding: 4px 8px;
font-size: 15px;
transform: scale(.7);
margin-top: 0;
}
.formatoptions h4 {
text-transform: uppercase;
font-size: 16px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.formatoptions h4 span {
color: #999;
font-weight: 300;
font-size: 13px;
}
.formatoptions .need-more-help-option__svg-container svg {
width: 30px;
height: 30px;
}
.need-more-help-title a {
color: #555;
}
.mdui-typo h4 {
margin-top:1.2em;
margin-bottom:.6em;
font-family:inherit;
font-weight:200;
line-height:1.35;
color:inherit;
}
.mdui-typo h4 {
font-size:1.4em;
}
.mdui-row:after {
display:table;
content:'';
clear:both;
}
.mdui-row {
margin: .8rem;
}
[class*=mdui-col-md-],
[class*=mdui-col-xs-] {
position:relative;
min-height:1px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding-right:8px;
padding-left:8px;
}
.mdui-col-xs-12 {
float:left;
width:100%;
}
@media (min-width:1024px) {
.mdui-col-md-4 {
float:left;
width:33.333333%;
}
}
@media (max-width:1023px) {
.mdui-row {
margin-right:0;
margin-left:0;
}
}
.howtoconvert {
margin-top:30px;
padding:12px;
min-height:60px;
background-color:#fff;
cursor:pointer;
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
border-radius: .625rem;
border: 1px solid transparent;
transition: box-shadow .4s,transform .4s;
}
.howtoconvert:hover {
border:1px solid #2b932f;
transform: translateY(-2%);
}
.convert-label {
align-self:center;
display:inline-block;
vertical-align:top;
width:auto;
padding:1px 13px;
font-size:11px;
line-height:20px;
text-transform:uppercase;
background:#259229;
color:#fff;
border-radius: 3px;
}
.howtoconvert:hover .convert-label {
color:#fff;
background-image: linear-gradient(135deg,rgb(49, 106, 74) 0%,rgb(1, 85, 40) 100%);
font-weight: 700;
}
.howtoconvert:hover h4 {
color:#08582d;
border-radius: 7px;
}
.convert-body {
font-size: 13px;
padding: 5px 0;
text-align: center;
min-height: 140px;
line-height: 22px;
}
.convert-body h4 {
font-size:19px;
margin:18px 0 12px;
font-weight:400;
}
span.need-more-help-option__snippet a {
width: 100px;
display: inline-block;
color: #555;
line-height: 26px;
white-space: nowrap;
text-overflow: ellipsis;
padding: 3px 6px;
overflow: hidden;
}
span.need-more-help-option__snippet a:hover {
background-color: #e8f4e8;
color: #4caf50;
border-radius: 5px;
} /* buybuy */
.mdui-divider.divider {
background-color: #fff;
margin: 10px 0px 24px;
text-align: center;
display: block;
}
.mdui-divider.divider span {
background-color: #4caf50;
padding: 4px 8px;
border-radius: 20px;
color: #fff;
font-weight: 700;
background-image: linear-gradient(135deg,rgb(251,93,95) 0%,rgb(244, 68, 71) 100%);
box-shadow: 0 2px 5px 0 rgba(251,66,97,.51);
}
.mdui-divider.divider::after {
content: "";
display: block;
width: 100%;
height: 1px;
margin-top: -9px;
background-color: #10731424;
}
.cd-cart .select.year::after {
content: "";
display: block;
margin-top: -22px;
width: 100%;
height: 1px;
background-color: #dc3c00;
}
.showno {
display: none !important;
}
.cd-cart-container .cd-cart-container-bg {
display: none;
}
.cd-cart-container.cart-open .cd-cart-container-bg {
position: fixed;
display: block;
z-index: 1111111;
height: 100vh;
width: 100vw;
top: 0;
left: 0;
background: rgba(0, 0, 0, .5);
opacity: 1;
-webkit-transition: opacity .4s, visibility .4s;
transition: opacity .4s, visibility .4s;
}
.cd-cart-container .cd-cart .body ul {
display: none;
}
.cd-cart-container.cart-open .cd-cart .body ul {
display: block;
}
.cd-cart-trigger,
.cd-cart {
position: fixed;
bottom: 20px;
right: 5%;
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: transform;
backface-visibility: hidden;
}
@media only screen and (min-width:1170px) {
.cd-cart-trigger,
.cd-cart {
bottom: 240px;
}
}
.cd-cart-trigger {
z-index: 1111113;
height: 72px;
width: 72px;
text-indent: 100%;
color: transparent;
white-space: nowrap;
}
.cd-cart-trigger::after,
.cd-cart-trigger::before {
content: '';
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
height: 100%;
width: 100%;
background: url(../svg/cd-icons-cart-close.svg) no-repeat 0 0;
-webkit-transition: opacity .2s, -webkit-transform .2s;
transition: opacity .2s, -webkit-transform .2s;
transition: opacity .2s, transform .2s;
transition: opacity .2s, transform .2s, -webkit-transform .2s;
}
.mylove::after,
.mylove::before {
background: none !important;
}
.cd-cart-trigger::after {
background-position: -72px 0;
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
transform: translateX(-50%) translateY(-50%) rotate(90deg);
}
.cart-open .cd-cart-trigger::before {
opacity: 0;
}
.cart-open .cd-cart-trigger::after {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.cd-cart-trigger .count {
position: absolute;
list-style: none;
padding: 0px;
top: -10px;
left: -10px;
height: 28px;
width: 28px;
background: #e94b35;
color: #fff;
font-size: 18px;
font-weight: 400;
border-radius: 30px 30px 0;
text-indent: 0;
-webkit-transition: -webkit-transform .2s .5s;
transition: -webkit-transform .2s .5s;
transition: transform .2s .5s;
transition: transform .2s .5s, -webkit-transform .2s .5s;
-webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
background-image: linear-gradient(135deg, rgb(251, 93, 95) 0%, rgb(244, 2, 6) 100%);
box-shadow: 0 2px 5px 0 rgba(23, 23, 23, 0.31);
margin: 0px;
}
.cd-cart-trigger .count li {
position: absolute;
-webkit-transform: translateZ(0);
transform: translateZ(0);
left: 50%;
top: 50%;
bottom: auto;
right: auto;
fill:#fff;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
padding-top: 3px;
}
.cart-open .cd-cart-trigger .count li:last-of-type {
display: none !important;
}
.cd-cart-trigger .count li:last-of-type {
display: none;
width: auto;
top: 50px;
padding: 4px 12px;
background-color: #dc4c36;
box-shadow: 0 4px 9px 0 rgba(23, 23, 23, 0.31);
border-radius: 3px;
color: #fff;
left: -40px;
font-size: 14px;
background-image: linear-gradient(135deg,rgb(251,93,95) 0%,rgb(220, 76, 54) 100%);
}
.cd-cart-trigger:hover .count li:last-of-type {
display: block;
}
.cd-cart-trigger .count li:last-of-type::before {
content: '';
position: absolute;
top: 50%;
right: -6px;
z-index: 1;
transition: all .2s ease-out;
transform: translateY(-50%);
border-left: 7px solid #dc4c36;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
opacity: 1;
}
.cart-open .cd-cart-trigger .count {
-webkit-transition: -webkit-transform .2s 0s;
transition: -webkit-transform .2s 0s;
transition: transform .2s 0s;
transition: transform .2s 0s, -webkit-transform .2s 0s;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.cd-cart-trigger:hover+div .wrapper {
box-shadow: 0 6px 40px rgba(0, 0, 0, .3);
}
.cart-open .cd-cart-trigger:hover+div .wrapper {
box-shadow: 0 4px 30px rgba(0, 0, 0, .17);
}
.cd-cart {
z-index: 1111112;
width: 90%;
max-width: 440px;
height: 760px;
max-height: 89%;
pointer-events: none;
}
.cd-cart .wrapper {
position: absolute;
bottom: 0;
right: 0;
z-index: 2;
overflow: hidden;
height: 72px;
width: 72px;
border-radius: 6px;
-webkit-transition: height .4s .1s, width .4s .1s, box-shadow .3s;
transition: height .4s .1s, width .4s .1s, box-shadow .3s;
-webkit-transition-timing-function: cubic-bezier(.67, .17, .32, .95);
transition-timing-function: cubic-bezier(.67, .17, .32, .95);
background: #fff;
box-shadow: 0 4px 30px rgba(0, 0, 0, .17);
pointer-events: auto;
}
.cd-cart header,
.cd-cart footer {
position: absolute;
z-index: 2;
left: 0;
width: 100%;
}
.cd-cart header,
.cd-cart .body {
opacity: 0;
}
.cd-cart header {
top: 0;
border-radius: 6px 6px 0 0;
padding: 0 1.4em;
height: 40px;
line-height: 40px;
background-color: #fff;
-webkit-transition: opacity .2s 0s;
transition: opacity .2s 0s;
border-bottom: 1px solid #e6e6e6;
}
.cd-cart header::after {
clear: both;
content: "";
display: block;
}
.cd-cart footer {
bottom: 0;
border-radius: 0 0 6px 6px;
box-shadow: 0 -2px 20px rgba(0, 0, 0, .15);
background: #fff;
}
.cd-cart h2 {
display: inline-block;
font-size: 14px;
font-weight: 700;
letter-spacing: .1em;
margin-top: 10px;
color: #000;
}
.cd-cart .checkout {
display: block;
height: 72px;
line-height: 72px;
margin-right: 72px;
background: #4caf50;
color: transparent;
text-align: center;
font-size: 1.8rem;
font-weight: 600;
-webkit-transition: all .2s 0s;
transition: all .2s 0s;
}
.cd-cart .checkout:hover {
background: #019907;
}
.cd-cart .checkout em {
position: relative;
display: inline-block;
-webkit-transform: translateX(40px);
-ms-transform: translateX(40px);
transform: translateX(40px);
-webkit-transition: -webkit-transform 0s .2s;
transition: -webkit-transform 0s .2s;
transition: transform 0s .2s;
transition: transform 0s .2s, -webkit-transform 0s .2s;
}
.cd-cart .checkout em::after {
position: absolute;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
content: '';
height: 24px;
width: 24px;
opacity: 0;
-webkit-transition: opacity .2s;
transition: opacity .2s;
}
.cd-cart .body {
position: relative;
z-index: 1;
height: calc(100% - 40px);
padding: 20px 0 10px;
margin: 30px 0 10px;
overflow: auto;
-webkit-overflow-scrolling: touch;
-webkit-transition: opacity .2s;
transition: opacity .2s;
}
.cd-cart .body ul {
overflow: hidden;
padding: 0 10px;
position: relative;
list-style: none;
margin: 0px;
}
.cd-cart .body li {
position: relative;
opacity: 0;
-webkit-transform: translateX(80px);
-ms-transform: translateX(80px);
transform: translateX(80px);
-webkit-transition: opacity 0s .2s, -webkit-transform 0s .2s;
transition: opacity 0s .2s, -webkit-transform 0s .2s;
transition: opacity 0s .2s, transform 0s .2s;
transition: opacity 0s .2s, transform 0s .2s, -webkit-transform 0s .2s;
}
.cd-cart .body li::after {
clear: both;
content: "";
display: block;
}
.cd-cart .product-image {
display: inline-block;
float: left;
width: 70px;
}
.cd-cart .product-image img {
display: block;
-ms-interpolation-mode: bicubic;
height: auto;
max-width: 100%;
width: 60px;
height: 60px;
margin: 10px auto auto;
}
.cd-cart .product-details {
position: relative;
display: inline-block;
float: right;
width: calc(100% - 72px);
padding: 0 0 0 .5em;
}
.cd-cart .product-details::after {
clear: both;
content: "";
display: block;
}
.cd-cart .price {
font-weight: 400;
}
.cd-cart .price {
float: right;
width: 20%;
text-align: right;
margin-top: 10px;
color: #000;
}
.cd-cart .actions {
font-size: 1.4rem;
height: 1.6em;
line-height: 1.6em;
display: inline-block;
width: 80%;
}
.cd-cart .actions::after {
clear: both;
content: "";
display: block;
}
.cd-cart .quantity {
float: left;
color: #808b97;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
line-height: 15px;
}
.cd-cart .quantity label {
display: inline-block;
margin-right: .3em;
font-weight: 500;
}
.cd-cart .select {
position: relative;
font-size: 13px;
font-weight: 300;
}
.cd-cart .select.year {
line-height: 44px;
margin-top: 10px !important;
}
.cd-cart select {
position: relative;
padding: 0 1em 0 0;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: 0 0;
border: none;
border-radius: 0;
font-size: 15px;
margin: 0;
color: #808b97;
}
.cd-cart select:focus {
outline: none;
color: #2b3e51;
box-shadow: 0 1px 0 currentColor;
}
.cd-cart select::-ms-expand {
display: none;
}
.cart-open .cd-cart .wrapper {
height: 100%;
width: 100%;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.cart-open .cd-cart header,
.cart-open .cd-cart .body {
opacity: 1;
}
.cart-open .cd-cart header {
-webkit-transition: opacity .2s .2s;
transition: opacity .2s .2s;
}
.cart-open .cd-cart .body {
-webkit-transition: opacity 0s;
transition: opacity 0s;
}
.cart-open .cd-cart .body li {
-webkit-transition: opacity .3s .2s, -webkit-transform .3s .2s;
transition: opacity .3s .2s, -webkit-transform .3s .2s;
transition: transform .3s .2s, opacity .3s .2s;
transition: transform .3s .2s, opacity .3s .2s, -webkit-transform .3s .2s;
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
padding: 0px 15px 0px 4px;
}
.cart-open .cd-cart .body li:hover {
background-color: #f4f4f4;
cursor: pointer;
border-radius: 6px;
}
.cart-open .cd-cart .checkout {
color: #fff;
-webkit-transition: color .2s .3s;
transition: color .2s .3s;
}
.cart-open .cd-cart .checkout em {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: padding .2s 0s, -webkit-transform .2s .3s;
transition: padding .2s 0s, -webkit-transform .2s .3s;
transition: transform .2s .3s, padding .2s 0s;
transition: transform .2s .3s, padding .2s 0s, -webkit-transform .2s .3s;
}
.cart-open .cd-cart .checkout:hover em {
padding-right: 30px;
}
.cart-open .cd-cart .checkout:hover em::after {
opacity: 1;
}
.clickspan {
background-color: rgb(222, 96, 77) !important;
color: #fff !important;
border: 1px solid rgb(222, 96, 77) !important;
}
.inputspan {
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
background-color: transparent;
border: 1px solid rgb(104, 104, 104);
font-weight: 700;
font-size: 1rem;
border-radius: 8px;
color: rgb(104, 104, 104);
}
.inputspan:focus {
outline: 0px solid rgb(53, 53, 53);
border: 1px solid rgb(253, 197, 188);
color: rgb(222, 96, 77);
}
.product-details .icon-car-count {
margin-top: 30px;
right: -24px;
display: block !important;
padding: 8px 10px;
background-image: linear-gradient(135deg, rgb(223, 223, 223) 0%, rgb(217, 217, 217) 100%);
box-shadow: none;
color: #000;
}
@media only screen and (min-width:768px) {
.cd-cart .checkout {
font-size: 20px;
}
.cd-cart .product-image {
width: 70px;
}
.cd-cart .product-details {
padding: 5px 0 0 5px;
width: calc(100% - 72px);
margin-top: 3px !important;
}
.cd-cart .price {
font-size: 18px;
}
.cd-cart {
height: 760px;
}
}
ul {
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
}
h2 {
font-size: 28px;
font-weight: 300;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
margin-top: 0;
margin-bottom: 0;
}
.home-sponsors-heart-1 {
animation: home-sponsors-heart-1 4s cubic-bezier(.535, .15, .425, 1) infinite;
position: absolute !important;
bottom: 70%;
left: 0;
}
.home-sponsors-heart-2 {
animation: home-sponsors-heart-2 5s cubic-bezier(.535, .15, .425, 1) -1s infinite;
position: absolute !important;
bottom: 70%;
left: 0;
}
.home-sponsors-heart-3 {
animation: home-sponsors-heart-3 6s cubic-bezier(.535, .15, .425, 1) -2s infinite;
position: absolute !important;
bottom: 70%;
left: 0;
}
@-webkit-keyframes scale-up-center {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scale-up-center {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes home-sponsors-heart-1 {
0% {
opacity: 0;
transform: scale3d(.7, .7, .7) translateZ(0) rotate(0);
}
50% {
opacity: 1;
}
to {
opacity: 0;
transform: scaleX(1) translate3d(-25%, -160%, 0) rotate(-25deg);
}
}
@keyframes home-sponsors-heart-2 {
0% {
opacity: 0;
transform: scale3d(.5, .5, .5) translateZ(0) rotate(0);
}
50% {
opacity: .75;
}
to {
opacity: 0;
transform: scale3d(.75, .75, .75) translate3d(-125%, -100%, 0) rotate(-35deg);
}
}
@keyframes home-sponsors-heart-3 {
0% {
opacity: 0;
transform: scale3d(.35, .35, .35) translateZ(0) rotate(0);
}
50% {
opacity: .5;
}
to {
opacity: 0;
transform: scale3d(.5, .5, .5) translate3d(150%, -120%, 0) rotate(35deg);
}
}
@media only screen and (min-width:2600px) {
.cd-cart-trigger,
.cd-cart {
right: 20%;
bottom:400px;
}
}
.upload-popover-user {
background-color: #fff !important;
border: 1px solid #fff !important;
border-radius: 8px !important;
border: 2px solid #4caf50 !important;
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2) !important;
box-shadow: 0 2px 10px rgba(0,0,0,.2) !important;
}
.upload-popover-user .dropdown-menu a {
color: #333 !important;
}
.upload-popover-user .dropdown-menu li:hover {
background-color: #f1f9f1 !important;
}
.upload-popover-user .dropdown-menu a svg {
fill:#000 !important;
}
.upload-popover-user .dropdown-menu .divider {
background-color: #ececece6 !important;
}
.upload-popover-user.bottom-left > .upload-arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-bottom-color: #4caf50 !important;
border-top-width: 0;
}
.upload-popover-user.bottom-left > .upload-arrow::after {
content: " ";
top: 1px;
margin-left: -10px;
border-bottom-color: #4caf50 !important;
border-top-width: 0;
}
.upload-popover-user .dropdown-menu a {
font-size: 14px;
font-weight: 400;
padding: 2px 0px;
}
.user-badge {
z-index: 111;
background-image: linear-gradient(135deg, rgb(251, 93, 95) 0%, rgb(244, 2, 6) 100%);
box-shadow: 0 2px 5px 0 rgba(251, 66, 97, .51);
}
.user-title {
-webkit-animation: fadeInDown .3s linear both;
-moz-animation: fadeInDown .3s linear both;
animation: fadeInDown .3s linear both;
}
.logintime ss {
padding: 2px 6px;
background-color: #037540;
background-image: linear-gradient(135deg,rgb(251,93,95) 0%,rgb(244, 68, 71) 100%);
box-shadow: 0 2px 5px 0 rgba(251,66,97,.51);
color: #fff;
border-radius: 4px;
margin-right: 16px;
}
.logintime tt {
padding: 2px 6px;
background-color: #dba400;
background-image: linear-gradient(135deg,rgba(251, 93, 95, 0.57) 0%,rgba(244, 68, 71, 0.57) 100%);
box-shadow: 0 2px 5px 0 rgba(251,66,97,.51);
color: #fff;
border-radius: 4px;
margin-right: 16px;
}
.user-badge {
padding: 1px 12px;
position: absolute;
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%);
margin-top: -130px;
margin-left: 30px;
background: #dc3c00;
background-image: none;
color: #fff;
font-size: .75rem;
line-height: 80px;
opacity:0;
font-weight: 400;
z-index:1;
width: 80px;
height: 80px;
overflow: hidden;
border-radius: 60px;
-webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.37);
-moz-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.37);
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.37);
background-image: url('../svg/user.png');
background-size: 80px;
cursor: pointer;
}
.user-badge:hover {
-webkit-box-shadow: 0 0 0 8px rgba(0, 148, 79, 0.21);
-moz-box-shadow: 0 0 0 8px rgba(0, 148, 79, 0.21);
box-shadow: 0 0 0 8px rgba(0, 148, 79, 0.21);
}
.SC4xFee {
transition: opacity .2s ease-in-out;
background-color: rgba(246, 77, 79, 0.44);
bottom: 0;
height: 30%;
left: 0;
opacity: 1;
position: absolute;
right: 0;
}
.ppp {
white-space: nowrap;
text-overflow: ellipsis;
width: 80px;
overflow: hidden;
font-weight: 700;
opacity: 0;
display: inline-block;
text-align: center;
position: absolute;
margin-left: 30px;
margin-top: -146px;
background: #d59a04;
color: #fff;
border-radius: 17px;
padding: 4px 12px;
font-size: 14px;
min-width: 80px;
line-height: 14px;
z-index: 111;
background-image: linear-gradient(135deg,rgb(251,93,95) 0%,rgb(244, 68, 71) 100%);
box-shadow: 0 2px 5px 0 rgba(251,66,97,.51);
font-weight: 400;
-webkit-animation: fadeInDown .3s linear both;
-moz-animation: fadeInDown .3s linear both;
animation: fadeInDown .3s linear both;
}
.EyVCdbb {
background-image: url(../svg/set.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 24px 24px;
height: 100%;
opacity: .8;
}
.user-badge::after {
content: attr(data-fallback);
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
font-weight: 700;
transform: rotate(-10deg);
top: -1px;
position: relative;
color: #d92222;
left: 1px;
}
@media (max-width: 768px) {
.user-badge {
width: 50px;
height: 50px;
margin-top: -130px;
margin-left: 30px;
background-size: 50px;
}
.ppp {
padding: 4px 6px;
width: 40px;
min-width: 40px;
}
.user-badge::after {
top: -16px;
font-weight: 700;
font-size: 16px;
}
.EyVCdbb {
background-size:16px;
}
}
@media (max-width: 460px) {
.user-badge {
margin-top: -140px;
margin-left:0px;
border-radius: 0 90px 90px 0px;
}
.ppp {
display: none;
}
.upload-popover {
width: 340px !important;
left: calc(50% - 170px) !important;
}
.upload-popover-user {
width: 100% !important;
left: 0px !important;
border-radius: 0px !important;
top: 54px !important;
border: 0px solid #4caf50 !important;
position: fixed !important;
}
.upload-arrow {
display: none !important;
}
}
.RegUsered .upload-userreg .onlineuploader-action-download {
display: none !important;
}
.RegUsered .upload-userreg .onlineuploader-action-retry {
margin-right: 30px;
padding: 10px 16px 8px;
box-shadow: 0 2px 4px 0 rgba(251, 66, 97, 0.15);
}
@media (max-width: 768px) {
.RegUsered .upload-userreg .onlineuploader-action-retry {
margin-right: 0px;
}
.RegUsered .upload-userreg .onlineuploader-action-retry {
display: inline-block !important;
min-width: 60px;
padding: 7px 16px 5px;
}
.RegUsered .upload-userreg .onlineuploader-action-retry svg {
width: 24px;
height: 24px;
}
.RegUsered .upload-userreg .onlineuploader-action-retry span {
display: none !important;
}
}
.upload-popover-content {
display: none;
}
.upload-popover-rtl {
direction: rtl;
text-align: right;
}
.upload-popover {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
display: none;
min-width: 50px;
min-height: 32px;
padding: 1px;
text-align: left;
white-space: normal;
background-color: #1e1e1e;
background-clip: padding-box;
border: 1px solid #1e1e1e;
border-radius: 4px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgb(0, 0, 0);
}
.upload-popover.top,
.upload-popover.top-left,
.upload-popover.top-right {
margin-top: -10px;
}
.upload-popover.right,
.upload-popover.right-top,
.upload-popover.right-bottom {
margin-left: 10px;
}
.upload-popover.bottom,
.upload-popover.bottom-left,
.upload-popover.bottom-right {
margin-top: 10px;
}
.upload-popover.left,
.upload-popover.left-top,
.upload-popover.left-bottom {
margin-left: -10px;
}
.upload-popover.pop {
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
-o-transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
opacity: 0;
filter: alpha(opacity=0);
}
.upload-popover.pop-out {
-webkit-transition-property: "opacity,transform";
-o-transition-property: "opacity,transform";
transition-property: "opacity,transform";
-webkit-transition: 0.15s linear;
-o-transition: 0.15s linear;
transition: 0.15s linear;
opacity: 0;
filter: alpha(opacity=0);
}
.upload-popover.fade,
.upload-popover.fade-out {
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
opacity: 0;
filter: alpha(opacity=0);
}
.upload-popover.out {
opacity: 0;
filter: alpha(opacity=0);
}
.upload-popover.in {
-webkit-transform: none;
-o-transform: none;
transform: none;
opacity: 1;
filter: alpha(opacity=100);
}
.upload-popover .upload-popover-content {
padding: 5px;
overflow: hidden;
display: block;
}
.upload-popover .upload-popover-content > div:first-child {
width: 99%;
}
.upload-popover-inner .close {
font-family: arial;
margin: 16px 10px 0 0;
float: right;
font-size: 16px;
font-weight: 700;
line-height: 16px;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=60);
text-decoration: none;
opacity: 0.6;
position: absolute;
right: 0px;
}
.upload-popover-inner .close:hover,
.upload-popover-inner .close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.upload-popover-title {
padding: 8px 14px;
margin: 10px 0px 0px 0px;
font-size: 18px;
font-weight: 400;
color: #000;
line-height: 18px;
background-color: #fff;
border-radius: 5px 5px 0 0;
}
.upload-popover-content {
padding: 9px 14px;
overflow: auto;
display: none;
}
.upload-popover-inverse,
.upload-popover-select {
background-color: #1e1e1e;
color: #eee;
}
.upload-popover-inverse .upload-popover-title {
background: #333;
border-bottom: 1px solid #3b3b3b;
color: #eee;
}
.upload-no-padding .upload-popover-content {
padding: 0;
}
.upload-no-padding .list-group-item {
border-right: none;
border-left: none;
}
.upload-no-padding .list-group-item:first-child {
border-top: 0;
}
.upload-no-padding .list-group-item:last-child {
border-bottom: 0;
}
.upload-popover > .upload-arrow,
.upload-popover > .upload-arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.upload-popover > .upload-arrow {
border-width: 11px;
}
.upload-popover > .upload-arrow:after {
border-width: 10px;
content: "";
}
.upload-popover.top > .upload-arrow,
.upload-popover.top-right > .upload-arrow,
.upload-popover.top-left > .upload-arrow {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, 0.25);
border-bottom-width: 0;
}
.upload-popover.top > .upload-arrow:after,
.upload-popover.top-right > .upload-arrow:after,
.upload-popover.top-left > .upload-arrow:after {
content: " ";
bottom: 1px;
margin-left: -10px;
border-top-color: #fff;
border-bottom-width: 0;
}
.upload-popover.right > .upload-arrow,
.upload-popover.right-top > .upload-arrow,
.upload-popover.right-bottom > .upload-arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, 0.25);
}
.upload-popover.right > .upload-arrow:after,
.upload-popover.right-top > .upload-arrow:after,
.upload-popover.right-bottom > .upload-arrow:after {
content: " ";
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #fff;
}
.upload-popover.bottom > .upload-arrow,
.upload-popover.bottom-right > .upload-arrow,
.upload-popover.bottom-left > .upload-arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-bottom-color:#4caf50;
border-top-width: 0;
}
.upload-popover.bottom > .upload-arrow:after,
.upload-popover.bottom-right > .upload-arrow:after,
.upload-popover.bottom-left > .upload-arrow:after {
content: " ";
top: 1px;
margin-left: -10px;
border-bottom-color: #fff;
border-top-width: 0;
}
.upload-popover.left > .upload-arrow,
.upload-popover.left-top > .upload-arrow,
.upload-popover.left-bottom > .upload-arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, 0.25);
}
.upload-popover.left > .upload-arrow:after,
.upload-popover.left-top > .upload-arrow:after,
.upload-popover.left-bottom > .upload-arrow:after {
content: " ";
right: 1px;
border-right-width: 0;
border-left-color: #fff;
bottom: -10px;
}
.upload-popover-inverse.top > .upload-arrow,
.upload-popover-inverse.top-left > .upload-arrow,
.upload-popover-inverse.top-right > .upload-arrow,
.upload-popover-inverse.top > .upload-arrow:after,
.upload-popover-inverse.top-left > .upload-arrow:after,
.upload-popover-inverse.top-right > .upload-arrow:after {
border-top-color: #1e1e1e;
}
.upload-popover-inverse.right > .upload-arrow,
.upload-popover-inverse.right-top > .upload-arrow,
.upload-popover-inverse.right-bottom > .upload-arrow,
.upload-popover-inverse.right > .upload-arrow:after,
.upload-popover-inverse.right-top > .upload-arrow:after,
.upload-popover-inverse.right-bottom > .upload-arrow:after {
border-right-color: #1e1e1e;
}
.upload-popover-inverse.bottom > .upload-arrow,
.upload-popover-inverse.bottom-left > .upload-arrow,
.upload-popover-inverse.bottom-right > .upload-arrow,
.upload-popover-inverse.bottom > .upload-arrow:after,
.upload-popover-inverse.bottom-left > .upload-arrow:after,
.upload-popover-inverse.bottom-right > .upload-arrow:after {
border-bottom-color: #1e1e1e;
}
.upload-popover-inverse.left > .upload-arrow,
.upload-popover-inverse.left-top > .upload-arrow,
.upload-popover-inverse.left-bottom > .upload-arrow,
.upload-popover-inverse.left > .upload-arrow:after,
.upload-popover-inverse.left-top > .upload-arrow:after,
.upload-popover-inverse.left-bottom > .upload-arrow:after {
border-left-color: #1e1e1e;
}
.upload-popover-select.top > .upload-arrow,
.upload-popover-select.top-left > .upload-arrow,
.upload-popover-select.top-right > .upload-arrow,
.upload-popover-select.top > .upload-arrow:after,
.upload-popover-select.top-left > .upload-arrow:after,
.upload-popover-select.top-right > .upload-arrow:after {
border-top-color: #1e1e1e;
}
.upload-popover-select.right > .upload-arrow,
.upload-popover-select.right-top > .upload-arrow,
.upload-popover-select.right-bottom > .upload-arrow,
.upload-popover-select.right > .upload-arrow:after,
.upload-popover-select.right-top > .upload-arrow:after,
.upload-popover-select.right-bottom > .upload-arrow:after {
border-right-color: #1e1e1e;
}
.upload-popover-select.bottom > .upload-arrow,
.upload-popover-select.bottom-left > .upload-arrow,
.upload-popover-select.bottom-right > .upload-arrow,
.upload-popover-select.bottom > .upload-arrow:after,
.upload-popover-select.bottom-left > .upload-arrow:after,
.upload-popover-select.bottom-right > .upload-arrow:after {
border-bottom-color: #1e1e1e;
}
.upload-popover-select.left > .upload-arrow,
.upload-popover-select.left-top > .upload-arrow,
.upload-popover-select.left-bottom > .upload-arrow,
.upload-popover-select.left > .upload-arrow:after,
.upload-popover-select.left-top > .upload-arrow:after,
.upload-popover-select.left-bottom > .upload-arrow:after {
border-left-color: #1e1e1e;
}
.upload-popover i.icon-refresh:before {
content: "";
}
.upload-popover i.icon-refresh {
display: block;
width: 30px;
height: 30px;
font-size: 20px;
top: 50%;
left: 50%;
position: absolute;
margin-left: -15px;
margin-right: -15px;
background: url(../img/loading.gif) no-repeat;
}
@-webkit-keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes rotate {
100% {
transform: rotate(360deg);
}
}
.upload-popover-backdrop {
background-color: rgba(0, 0, 0, 0.65);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9998;
}
.upload-popover .dropdown-menu {
list-style: none;
display: block;
position: relative;
top: 0;
border: none;
box-shadow: none;
float: none;
}
.upload-popover .dropdown-menu a {
color: #fff;
width: 100%;
display: block;
}
.upload-popover .dropdown-menu li {
line-height: 30px;
padding: 2px 8px;
}
.upload-popover .dropdown-menu li:hover {
background-color: #0e0e0e;
border-radius: 3px;
}
.upload-popover .dropdown-menu a svg {
fill:#fff;
}
.upload-popover .dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e521;
padding: 0px;
}
.upload-popover .dropdown-menu li.opacity {
opacity: 0.5;
}
.upload-popover-selectls .upload-arrow {
border-bottom-color:transparent !important;
}
.upload-popover-selectls .upload-arrow::after {
border-bottom-color: #1e1e1e !important;
}
.upload-popover-seeother {
background-color: #fff;
border: 0px solid #fff;
position: fixed;
width: 800px;
top:calc(50% - 300px) !important;
-webkit-box-shadow: 0 5px 10px rgb(64, 64, 64);
box-shadow: 0 5px 10px rgb(64, 64, 64);
}
.upload-popover-seeother .upload-popover-title {
background-color: transparent;
}
.upload-popover-seeother .close .f-icolist {
color: #000;
fill: #000;
width: 29px;
height: 29px;
}
.upload-popover-seeother .account-form__title {
margin: 0 0 0px 0;
}
.upload-popover-seeother div.need-more-help-option {
width: 100% !important;
max-width: calc(100% - 40px);
margin: 20px;
}
.upload-popover-seeother div.need-more-help-option:first-child {
margin-top: 20px;
}
.upload-popover-seeother .need-more-help-option__snippet {
margin: 6px 0px 0px 2.5rem;
color: #666;
font-size: 14px;
line-height: 20px;
}
.upload-popover-seeother h4.need-more-help-option__title {
font-size: 14px;
}
.upload-popover-seeother #modifypassword {
margin: 0px 20px;
width: auto;
}
.upload-popover-seeother .upload-popover-inner .close {
margin: 0px 10px 0 0;
}
.upload-popover-buyother {
background-color: transparent;
border: 0px solid #fff;
position: fixed;
width: auto;
top:calc(50% - 300px) !important;
-webkit-box-shadow: none;
box-shadow:none;
}
.upload-popover-buyother .close {
display: none;
}
.onlineuploader-items .onlineuploader-item.upload-failed .onlineuploader-action.onlineuploader-action-null {
color: #fff;
text-decoration: none;
margin-right: 30px;
min-width: 120px;
font-weight: 700;
background-color: #fb0606 !important;
border-radius: 0px;
padding: 10px 16px 8px;
text-align: center;
box-shadow: 0 2px 5px 0 rgba(147, 147, 147, 0.64);
border-radius: 2px !important;
-webkit-transition: all 140ms ease;
transition: all 140ms ease;
}
.onlineuploader-items .onlineuploader-item.upload-failed .onlineuploader-action.onlineuploader-action-null span {
margin-left: 10px;
}
.onlineuploader-items .onlineuploader-item.upload-failed .onlineuploader-action.onlineuploader-action-null svg {
fill: #fff;
}
.onlineuploader-items .onlineuploader-item.upload-failed .onlineuploader-action-finish {
display: none !important;
}
.onlineuploader-items .onlineuploader-item.upload-failed .onlineuploader-action.onlineuploader-action-null:hover {
-webkit-transform: translateY(-1.22rem);
-moz-transform: translateY(-1.22rem);
-ms-transform: translateY(-1.22rem);
transform: translateY(-1.22rem);
}
.onlineuploader-items .onlineuploader-item.upload-failed .onlineuploader-action.onlineuploader-action-null.hint--top::after,
.onlineuploader-items .onlineuploader-item.upload-failed .onlineuploader-action.onlineuploader-action-null.hint--top::before {
display: none;
}