/* home */
body {
    margin: 0;
}

* {
    padding: 0;
    margin: 0;
}

.main_container {
    text-align: center;
}

.main_container .title {
    height: 50px;
    display: flex;
    align-items: flex-end;
}

.main_container .title .content {
    display: flex;
    margin: 0 auto;
    width: 1000px;
    text-align: start;
    vertical-align: middle;
    align-items: center;
    padding: 5px 0;
}

.main_container .main_body {
    background-image: url("../abcdpdf_bg.jpg");
    padding-bottom: 30px;
    margin-top: 60px;
    padding-top: 20px;
}

.main_container .main_body .convert_items_1,
.main_container .main_body .convert_items_2 {
    display: flex;
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
}

.main_container .main_body .convert_items_1 .item,
.main_container .main_body .convert_items_2 .item {
    background-color: #fff;
    height: 160px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 10px;
}

.convert_items_1 .col-md-2,
.convert_items_2 .col-md-2 {
    text-decoration: none;
    color: #333;
}

.main_container .main_body .convert_items_1 .item:hover,
.main_container .main_body .convert_items_2 .item:hover {
    cursor: pointer;
    background-color: #E0E7EF;
}

.main_container .ad_content {
    margin: 10px auto;
    max-width: 1150px;
    height: 90px;
    padding: 30px;
    background: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0px 0px 15px 1px rgb(0 0 0 / 20%);
}
.ad_content_download .ad_content{
    max-width: 1160px;
    padding: 30px;
    background: #FFFFFF;
    border-radius: 5px;
    margin-left: 33px;
}
.preview_pdf img{
    width: 89%;
    height: 89%;
    margin-top: 2px;
}

.main_container .description_content {
    display: flex;
    margin: 60px auto;
    width: 1000px;
    margin-top: 30px;
}

.main_container .description_content .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 20px;
}

.ol,
ul {
    list-style: none;
    margin-bottom: 0px;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    padding-right: 5px;
    padding-left: 5px;
}

/* home end*/
/* convert*/
.main_container {
    text-align: center;
}

/* .main_container .title {
    box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: flex-end;
} */


.main_container .main_content {
    /* border: 1px solid #dadada; */
    margin: 15px auto;
    max-width: 1150px;
    width: 100%;
    border-radius: 5px;
    /* border: 1px solid #53688C; */
    padding: 6px 35px 35px 35px;
}

.main_container .main_content .content_container {
    display: flex;
    /* border: 2px dashed #dadada; */
    margin: 20px;
    max-width: 940px;
    width: calc(100% - 40px);
    border-radius: 5px;
}

.main_container .main_content .content_container .box_l {
    flex: 1;
}

.main_container .main_content .content_container .box_r {
    flex: 0 0 300px;
}

.main_container .main_content .content_container .block_box {
    margin: auto;
    height: 250px;
    width: 300px;
}

@media screen and (max-width: 940px) {
    .main_container .main_content .content_container {
        display: block;
    }
}

.main_container .main_content .content_container .back {
    color: #48a2ee;
    cursor: pointer;
}


.main_container .description_content {
    display: flex;
    margin: 5vh auto;
    max-width: 1080px;
    width: 100%;
}



.convertedFile {
    display: none;
}

.convertedFile .converting {
    display: none;
}

.convertedFile .suc {
    display: none
}

/* convert end */

/* dropzone */
.main-box {
    display: flex;
    flex-direction: column;
    width: 70vw;
    margin: 0 auto;
    margin: auto;
    border: 2px dashed #dedede;
    border-radius: 10px;
    text-align: center;
}

.file-upload {
    display: inherit;
    position: absolute;
    top: 100%;
    width: 300px;
    height: 100px;
    text-align: center;
    left: calc(50% - 150px);
}
#file-text {
    line-height: 100px;
    width: 300px;
    height: 100px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #009070;
    text-align: center;
    color: #ffffff;
    margin:0 auto;
    display: none;
}

/* .merge-box .file-upload,
.split-box .file-upload {
    height: 340px;
} */
.fileup-merge,.fileup-watermark{
    display: flex;
    justify-content: center;
    align-items: center;
}
button.container,
.button_container button {
    width: 250px;
    background-color: #009070;
    color: #fff;
    font-size: 24px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    height: 60px;
    line-height: 60px;
    margin: 15px;
}

.button_container button:focus {
    outline: none;
}
.sidebar-shrink-hide {
    position: absolute;
    right: 270px;
    top: 13px;
    display: none;
    transition: all .4s ease-in;
    cursor: pointer;
    z-index: 999999;
}
.sidebar-active .sidebar-shrink-hide {
    display: flex;
}
.sidebar-shrink-hide .towordLeft {
    transform: rotate(180deg);
    display: none;
}
.sidebar-shrink .setupbtn, .sidebar-shrink-hide .setupbtn {
    background-color: #5A5A5A;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sidebar-shrink-hide .towordRight {
    width: 65px;
}
.sidebar-shrink .towordRight, .sidebar-shrink-hide .towordRight {
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(0deg);
}
.sidebar-shrink-hide .towordRight svg path, .sidebar-shrink-hide .towordLeft svg path {
    fill: #333;
}
.sidebar_newactive .sidebar-shrink-hide{
    right: 2vw;
}
.sidebar_newactive .sidebar-shrink-hide .towordRight {
    display: none;
}
.sidebar_newactive .sidebar-shrink-hide  .towordLeft{
    display: flex;
    justify-content: center;
    align-items: center;
}
.sidebar_newactive .station_dom{
    width: 0;
}

.sidebar_newactive #sidebar{
    right: -380px;

}
.sidebar_newactive .sidebar-hide{
    display: flex;
}
.sidebar-active  .tool-sidebarNew #sidebar{
    right: 250px;
}

.station_dom{
    width: 315px;
    height: 100%;
    display: none;
    transition: all .4s ease-in;
}
.sidebar-active .station_dom {
    display: block;
}
.button_container button span {
    margin: 5px 0 0 15px;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
    font-size: 16px;
}
.ar-flex-center span svg{
    transform: rotate(180deg);
}

.dz-error-mark,
.dz-success-mark {
    display: none;
}

.dz-image {
    /* height: 120px; */
    height: auto;
}

.dz-preview {
    position: relative;
    display: inline-block;
    width: 159px;
    background: transparent;
    padding: 18px 0 10px 0;
    margin: 10px 12px;
    border-radius: 4px;
    box-shadow: 0 .2rem 1rem rgba(0, 0, 0, .15) !important;
    border: 2px solid transparent;
    min-height: 210px;
}

.dz-remove {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 0;
    background-color: rgb(214 212 210);
    border-radius: 50%;
    padding: 2px;
    opacity: 0;
    z-index: 999;
}

.dz-preview:hover .dz-remove {
    opacity: .8;
}

.dz-preview:hover .dz-remove:hover {
    opacity: 1;
}

.dz-remove::after {
    position: absolute;
    top: 3px;
    content: " ";
    display: block;
    width: 12px;
    height: 12px;
    background-image: url('./../img/delete.png');
    background-size: 100% 100%;
    margin: 4px;
}

.dz-filename {
    overflow: hidden;
}

.dz-filename span {
    display: inline-block;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}

.layout-main {
    min-height: 488px
}


.hide-mobile {
    margin-bottom: 2vh;
}

.dz-preview.dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in;
}

.dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: pulse 6s ease infinite;
    -moz-animation: pulse 6s ease infinite;
    -ms-animation: pulse 6s ease infinite;
    -o-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite;
}

.dz-preview .dz-progress {
    opacity: 0;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    width: 80px;
    margin-left: -40px;
    background: rgba(169, 169,169, 0.9);
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden;
}

.dz-preview.dz-processing .dz-progress {
    opacity: 1;
}
.dz-preview.dz-success{
    border-radius: 5px;
    border: none;
    box-shadow: 0px 0px 0px 3px #d3d3d3 !important;
}
.dz-preview.dz-success .dz-progress {
    opacity: 0;
}
.dz-preview .dz-details{
    position: absolute;
    bottom: 2px;
    color: #ebe5e5;
    background: rgba(148, 153, 152,.8);
    width: 98%;
    font-size: 12px;
    display: flex;
    justify-content: center;
    z-index: 99;
    margin-left: 1%;
}
.dz-preview.dz-success::before {
    /* position: absolute;
    content: " ";
    display: block;
    width: 80px;
    height: 30px;
    background-color: #009070;
    margin-top: 10px;
    bottom: 5px;
    margin-left: calc(50% - 40px);
    border-radius: 4px; */
}

.dz-preview.dz-success::after {
    /* position: relative;
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('./../img/download.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 10;
    margin-top: 10px;
    margin-left: calc(50% - 12px); */
}

.dz-preview .dz-progress .dz-upload {
    background: #333;
    background: linear-gradient(to bottom, #47ACF0, #47ACF0);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width 300ms ease-in-out;
    -moz-transition: width 300ms ease-in-out;
    -ms-transition: width 300ms ease-in-out;
    -o-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out;
}

@media (max-width: 960px) {
    .main-box {
        width: 90vw;
    }
}

/* dropzone end */


/* search */
.input_wrap {
    position: relative;

}

.input_container {
    max-width: 600px;
    margin: 15px auto;
    position: relative;
    margin: 0px auto;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px
}

.input_container input {
    box-sizing: border-box;
    height: 38px;
    border-radius: 19px;
    outline: none;
    text-indent: 15px;
    width: 100%;
    border-color: #eee;
    background-color: #FFF;
    border-style: solid;
}

.input_container input:focus {
    outline: none;
}

.input_container .search_icon_w {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 100%;
    right: 6px;
    top: 0;
    cursor: pointer;
    z-index: 901;
}

.popper_box {
    margin: 0px auto;
    position: absolute;
    width: 100%;
    background-color: #fff;
    margin-top: -25px;
    border-radius: 5px;
    z-index: 901;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24);
}

.popper_box ul {
    padding-inline-start: 0px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;

}

.popper_box ul li {
    text-align: left;
    padding: 0 10px;
    margin: 0;
    line-height: 34px;
    cursor: pointer;
    color: #606266;
    font-size: 14px;
    list-style: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.popper_box ul li:hover,
.popper_box ul li:focus {
    background-color: #b7b7b7;
}

.hidden {
    display: none;
}

/* search end */



/* footer */
#app {
    font-family: Arial, Avenir, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #333333;
    overflow: hidden;
}
.gcse_content{
    max-width: 1081px;
    margin: 0 auto;
    padding-bottom: 23px;
    border: 3px solid #FFFFFF;
    margin-top: 20px;
    border-radius: 10px;
}
*,
*::before,
*::after {
    box-sizing: inherit;
}

body {
    margin: 0;
}

.about_wrap {
    margin-top: 60px;
    padding-top: 20px;
}

.footer {
    border-top: 1px solid #ececec;
    /* margin-top: 30px; */
    padding: 15px 0;
    display: flex;
    justify-content: space-around;
    width: 100%;
    /* position: absolute; */
    /* bottom: 0px; */
    background-color: #fff;
    font-size: 12px;
}

.footer .nav {
    display: flex;
}

.footer .nav a {
    color: #2c3e50;
    text-decoration: none;
}

.footer .nav span {
    margin-left: 5px;
}


.chrome-popup {
    font-size: 15px;
    font-weight: 400;
    padding: 10px;
    /* background-color: #1E293A; */
    /* box-shadow: 0 4px 22px 0 rgba(0, 0, 0, .1); */
    color: #333;
    /* width: 220px;
    text-align: center;
    position: absolute;
    top: 70px;
    right: 5px; */
}

.chrome-popup .btn-install {
    color: #fff;
    background-color: #3eb1ad;
    border-radius: 4px;
    width: 260px;
    display: inline-block;
    padding: 6px 0;
    box-shadow: 0 6px 1px 0 #16a19c;
}

.chrome-popup a.btn-install:hover {
    color: #fff !important;
    opacity: .8
}

@media screen and (max-width: 1280px) {
    .main_container .ad_content {
        margin: 15px;
    }

    .chrome-popup {
        right: 5px;
    }
}

/* footer end */


.main-box-cen {
    min-height: calc(100vh - 95px);
}

.share-subtitle {
    font-size: 14px;
    font-weight: 500;
    color: #FFF;
    letter-spacing: .3px;
    line-height: 24px;
    margin-bottom: 4px;
    text-align: left;
}
.uppercase{
    text-transform:uppercase;   
}
.lowercase{
    text-transform:lowercase; 
}
.capitalize{
    text-transform:capitalize; 
}
.card-body {
    width: 100%;
    border-radius: 2px;
    -webkit-box-shadow:0 0 5px 1px rgb(0 0 0 / 10%);
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 10%);
    display: flex;
    border-radius: 6px;
    overflow: hidden;
    color: #FFF;
    margin-top: 10%;
    background: #DEF2F1;
    padding:0;
    margin-bottom: 2%;
}
.card-body .share  .share_item{
    padding: 10px 0;
    background-color: #fff;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.share_buttons li {
    width: 50%;
    min-width: 230px;
}

.share_buttons_item {
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin: 4px;
    border-radius: 4px;
}

.share_buttons_item svg {
    width: 18px;
    height: 18px;
    margin: 16px 24px;
}

.card-body .flex-l {
    padding: 20px 40px;
}

.card-body>.row {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.card-body .flex-r {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.share-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -4px;
    margin-right: -4px;
    padding: 10px 0;
}

.share-buttons-item {
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin: 4px;
    border-radius: 4px;
}

.facebook {
    background-color: #3b5998;
}

.twitter {
    background-color: #55acee;
}

.google {
    background-color: #dd4b39;
}

.linkedin {
    background-color: #0977b5;
}

.belohnung {
    background-color: rgb(100, 165, 63);
}

.share-buttons-item svg {
    width: 18px;
    height: 18px;
    margin: 16px 24px;
}

@media (max-width: 90em) {
    .card-body {
        flex-direction: column;
    }
}


* {
    margin: 0;
    padding: 0;
    font-family: rawline,
        Open Sans,
        Arial,
        sans-serif;
}

a {
    text-decoration: none;
}

body {
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    letter-spacing: .3px;
    direction: ltr;
    font-variant-numeric: lining-nums;
    -ms-font-feature-settings: "lnum"1;
    -o-font-feature-settings: "lnum"1;
    -webkit-font-feature-settings: "lnum"1;
    font-feature-settings: "lnum"1;
    background: #f3f0ec;
    font-family: rawline,
        Open Sans,
        Arial,
        sans-serif;
    background-image: linear-gradient(127deg,#f7daf4,#ebebf5,#e8f6fe,#f7daf4);
}

.input,
input,
select,
textarea {
    background-color: transparent;
    border: 1px solid #8d8d8d;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 400;
    color: #333;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    height: 42px;
    padding: 8px 12px;
    line-height: 1.33;
}
#signupForm div input{
    color: #333;
}

input,
select,
button {
    outline: none;
}

.input:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: #626870;
}

ol,
ul {
    list-style: none;
}

.header {
    width: 100%;
    height: 60px;
    z-index: 510;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: initial;
    backdrop-filter: blur(30px);

}
.headerTool_box {
    align-items: center;
    color: #000;
    display: flex;
    justify-content: space-between;
}
.headerTool_box img {
    margin: 0 3px;
}

.tools_boxTop {
    background-color: #eff4fd;
    background-image: linear-gradient(127deg,#f7daf4,#ebebf5,#e8f6fe,#f7daf4);
    border-top: 3px solid #00926d;
    display: flex;
    display: none;
    height: auto;
    justify-content: center;
    padding-bottom: 20px;
    padding-top: 20px;
    z-index: 999;
}

.header-box {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    height: 100%;
    width: 100%;
    align-items: center;
}
.tools_box{
    background-color: rgba(0,0,0,.5);
    border-top: 3px solid #01916e;
    cursor: auto;
    display: none;
    height: 100%;
    z-index: 99;
}
.tools_box, .tools_boxTop {
    left: 0;
    position: fixed;
    top: 60px;
    width: 100%;
}
.tools_boxTop div {
    width: 14%;
}
.inner_header .header-nav li span {
    color: #a1a1a1!important;
    height: auto;
    line-height: 10px;
    padding: 0px 24px;
    text-transform: inherit;
}
.headerTool_box .dropdown-menu {
    background: inherit;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    padding: 0;
    position: inherit;
}
.header-box .title-home {
    display: flex;
    align-items: center;
    padding: 0 24px;
    height: 100%;
}
.headerTool_box .dropdown-menu ul li a {
    font-size: 13px;
}
.inner_header .header-nav li a, .inner_header .header-nav li span {
    color: #000;
}
.title-home strong {
    margin-left: 10px;
    color: #FFF;
}
.headerTool_box .dropdown-menu ul li a img {
    height: 28px;
    vertical-align: middle;
    width: 28px;
}
.header-nav {
    display: flex;
    flex-wrap: wrap;
}



.header-nav li {
    cursor: pointer;
}



.header-nav li .active,
.header-nav li:hover span {
    color: #009070;
}

.header-nav li:hover .ico-down,
.active .ico-down {
    background-position: -55px -166px;
}

.dropdown-menu {
    display: none;
    margin: 0;
    border-radius: 0;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 5px solid #009070;
    background: #1E293A;
    position: absolute;
    top: 60px;
    min-width: 240px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(50, 50, 50, .3);
    box-shadow: 0 3px 6px 0 rgba(50, 50, 50, .3);
    text-align: left;
    max-height: 85vh;
    overflow-x: auto;
}

.organize-pdf .dropdown-menu {
    min-width: 290px;
}

.dropdown-menu ul {
    padding: 10px 0;
}

.nav-menu-site-logo .log-box,
.header-nav li a,
.header-nav li span {
    border-top: 1px solid rgba(0, 0, 0, 0);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 24px;
    line-height: 60px;
    height: 61px;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: -1px;
    color: beige;
    cursor: pointer;
}

.header-nav li:hover .dropdown-menu {

    display: block;
}

.dropdown-menu li ul li {
    margin: 0 12px;
    border-radius: 4px;
}

.dropdown-menu li ul li a svg,
.dropdown-menu li ul li a img {
    height: 24px;
    width: 24px;
    margin: 4px 8px 4px 4px;
}
.freeMember-big-text{
    padding: 60px 0;
    color: #333;
    text-align: center;
    font-size: 16px;
}
.dropdown-menu li ul li a {
    text-transform: none;
    line-height: initial;
    height: 40px;
    margin-bottom: 2px;
    margin-top: 1px;
    font-size: 14px;
    padding: 0 14px;
}

.dropdown-menu li ul li:hover {
    background: #c6cfde;
}



.main {
    overflow: hidden;
    height: auto !important;
}

.tool {
    height: calc(100vh - 84px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    overflow: auto;
    overflow-x: hidden;
}

.tool_header {
    padding: 6px 24px 30px;
}

.tool_header_title {
    font-size: 30px;
    letter-spacing: 0;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
    line-height: 46px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.tool_header_subtitle ,.tool_header_powerby{
    max-width: 800px;
    font-size: 13px;
    font-weight: 400;
    color: #333;
    letter-spacing: 0;
    margin: 0 auto 8px;
    line-height:14px;
    min-height: 14px;
}
.tool_header_powerby a{
    color: #969696;
}


.downloader_btn,
.uploader_btn {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 80px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #009070;
    padding: 24px 56px;
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    vertical-align: middle;
    color: #fff !important;
    text-decoration: none !important;
    margin-bottom: 12px;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    border-radius: 8px;
    box-shadow: 0px 0px 7px 2px #afacac;
    -ms-flex-order: 1;
    order: 1;
    max-width: 60vw;
    border: none;
}

.add {
    margin: auto auto 24px;
    width: 960px;
    height: 90px;
}

.uploader_droptxt {
    margin: 140px 0;
    color: #D4D4D4;
}
.merge_droptxt{
    margin-top: 300px !important;
}
.tool_sidebar {
    -ms-flex-preferred-size: 440px;
    flex-basis: 250px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    background: #222E41;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #2C3C55;
    top: 65px;
    right: 20px;
    width: 250px;
    background: rgba(0,0,0,.6);
    box-shadow: 0px 0px 0px 2px #b4b4b4;
    border-radius: 8px;
    font-size: 12px;
    transition: all .4s ease-in;
}
.wordEdit-sidebar{
    flex-basis: 300px;
}

#filecount,
.tool_sidebar,
.uploader_btn svg,
.sidebar-active .uploader_btn_text,
.sidebar-active .uploader_droptxt,
.sidebar-active .tool_header {
    display: none;
}

.tool-editpdf .editpdf-menu-wrapper,
.tool-editpdf .tool__preview {
    display: none;
}

[data-menu-action=open_gear_menu],
.sidebar-active.converting #editpdf-submenu-wrapper,
.sidebar-active.converting #editor,
.sidebar-active.converting .tool__preview,
.sidebar-active.converting .editpdf-menu-wrapper {
    display: none !important;
}

/* .sidebar-active.converting .converting-box {
    margin-top: 20vh;
} */

.tool-editpdf.sidebar-active .editpdf-menu-wrapper {
    display: block;
}

.tool-editpdf.sidebar-active .tool__preview {
    display: flex;
}

.sidebar-active .uploader_btn:hover {
    background-color: #009070;
}

.sidebar-active #fileupload {
    display: block;
    height: calc(100% - 114px);
    position: relative;
    width: 100%;
    left: 0;
}

.sidebar-active svg {
    display: inline;
}

.sidebar-active #filecount,

.sidebar-active .tool_sidebar {
    display: flex;
}

.uploader_btn svg {
    width: 20px;
    height: 20px;
}

.sidebar-active .uploader_btn {
    line-height: 42px;
    border-radius: 50%;
    min-height: 20px;
    padding: 11px;
    border: none;
}

.filecount {
    background-color: #D44152;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: 2;
    border-radius: 100%;
    min-width: 20px;
    min-height: 20px;
    margin-top: -34px;
    margin-left: -28px;
    font-size: 11px;
    font-weight: 600;
    border: 3px solid #009070;
    height: 20px;
}

.sidebar-active .uploader {
    position: absolute;
    right: 4vw;
    top: 60px;
    z-index: 99;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in;
}

.footer {
    left: 0;
    right: 0;
    z-index: 100;
    bottom: 0;
    padding: 15px 0;
    display: flex;
    justify-content: space-around;
    width: 100%;
    background-color: #fff;
    font-size: 12px;
    box-shadow: 0 3px 6px 0 rgba(50, 50, 50, .3);
}

.footer .nav {
    display: flex;
}

.footer .nav a {
    color: #2c3e50;
    text-decoration: none;
}

.footer .nav span {
    margin-left: 5px;
}

.layout-main {
    min-height: 488px
}


.hide-mobile {
    margin-bottom: 2vh;
}

.dz-preview.dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in;
}

.dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: pulse 6s ease infinite;
    -moz-animation: pulse 6s ease infinite;
    -ms-animation: pulse 6s ease infinite;
    -o-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite;
}

.dz-preview .dz-progress {
    opacity: 0;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    width: 80px;
    margin-left: -40px;
    background: rgba(169, 169,169, 0.9);
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden;
}

.dz-preview.dz-processing .dz-progress {
    opacity: 1;
}

.dz-preview.dz-success .dz-progress {
    opacity: 0;
}

.dz-details {
    color: #FFF;
}

.dz-preview.dz-success::before {
    /* position: absolute;
    content: " ";
    display: block;
    width: 80px;
    height: 30px;
    background-color: #009070;
    margin-top: 10px;
    bottom: 5px;
    margin-left: calc(50% - 40px);
    border-radius: 4px; */
}

.dz-preview.dz-success::after {
    /* position: relative;
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('./../img/download.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 10;
    margin-top: 10px;
    margin-left: calc(50% - 12px); */
}

.dz-preview .dz-progress .dz-upload {
    background: #333;
    background: linear-gradient(to bottom, #47ACF0, #47ACF0);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width 300ms ease-in-out;
    -moz-transition: width 300ms ease-in-out;
    -ms-transition: width 300ms ease-in-out;
    -o-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out;
}


button.container {
    width: 250px;
    background-color: #009070;
    color: #fff;
    font-size: 24px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    height: 60px;
    line-height: 60px;
    margin: 15px;
    display: none;
}

button.container span {
    margin-left: 15px;
}

#btn-upload {
    position: fixed;
    bottom: 23px;
    right: 6px;
    z-index: 99;
    overflow: hidden;
}
.wordEdit-btn{
    font-size: 18px !important;
    width: 270px !important;
    position: fixed;
    right: 0;
    bottom: 70px;
    z-index: 9;
}
.wordEdit-area{
    padding: 0;
}
#fileEdit{
    position: relative;
    width: 100%;
    left: 0;
    height: 100%;
    display: none;
}
.wordEdit-sidebar-header{
    padding: 30px 0;
    text-align: center;
    font-size: 25px;
    color: #D5D4D7;
    border-bottom: 1px solid #36455b
}
#sidebar-ads{
    width: 245px;
    margin: 30px auto;
    height: calc(100% - 150px);
    background: #A8A8A8;
    border-radius: 8px;
}
.sidebar-active button.container {
    display: inline;
}

.option_panel_title {
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0;
    color: #D4D4D4;
    margin-bottom: 0;
    text-transform: uppercase;
    text-align: center;
    padding: 21px;
    border-bottom: 1px solid #2C3C55;
    position: relative;
    background-color: #fff
}



.tool_sidebar .option_panel_content {
    padding: 16px 24px;
}

.option_label_title,
.option_title {
    font-size: 15px;
    font-weight: 500;
    color: #009070;
    letter-spacing: .3px;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 8px;
}


.tool_sidebar .option_image {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    margin-left: -4px;
    margin-right: -4px;
}

.option_image_item.option-active {
    color: #009070;
    border: 2px solid #009070;
}

.option_image_item {
    padding: 18px 28px;
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 50%;
    text-align: center;
    color: #7c7c80;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 4px;
    background: #f4f5f9;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    border: 2px solid rgba(0, 0, 0, 0);
}

.option-active,
.option-active:hover {
    background: #f6f6f8;
}

.option_image_item.option-active g,
.option_image_item.option-active path,
.option_image_item.option-active svg {
    fill: #009070;
}

.option_image_item g,
.option_image_item path,
.option_image_item svg {
    fill: #d4d4d4;
    margin: 8px auto;
    height: 32px;
}

.option_image_item:hover {
    color: #626870;
    border: 2px solid #161616;
}

.option.input,
input.option,
select.option {
    cursor: inherit;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.tool_sidebar .input,
.tool_sidebar input,
.tool_sidebar select {
    height: 42px;
    width: 100%;
}

.tool_sidebar select option {
    padding: 5px 0;
}

select,
select.input {
    border-radius: 4px;
    -webkit-appearance: none;
    background-image: url(./../img/select.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding: 6px 32px 6px 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
}




.checkbox label {
    font-weight: 400;
    line-height: 26px;
}

.checkbox [type=checkbox]:checked,
.checkbox [type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px
}

.checkbox [type=checkbox]+label {
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    -ms-flex-align: start;
    align-items: flex-start
}

.checkbox [type=checkbox]:checked+label,
.checkbox [type=checkbox]:not(:checked)+label {
    position: relative;
    cursor: pointer
}

.checkbox [type=checkbox]:checked+label:before,
.checkbox [type=checkbox]:not(:checked)+label:before {
    content: "";
    width: 24px;
    height: 24px;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    border: 1px solid #D4D4D4;
    border-radius: 4px;
    background: transparent;
    margin-right: 12px;
    display: block
}

.checkbox [type=checkbox]:checked+label:after,
.checkbox [type=checkbox]:not(:checked)+label:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 24px;
    height: 24px;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    font-size: 16px;
    line-height: 16px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    background-image: url(./../img/check_ok.svg);
    background-position: 50%;
    background-repeat: no-repeat
}

.checkbox [type=checkbox]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.checkbox [type=checkbox]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.checkbox [type=checkbox]:disabled:checked+label:before,
.checkbox [type=checkbox]:disabled:not(:checked)+label:before {
    -webkit-box-shadow: none;
    box-shadow: none
}

.checkbox [type=checkbox]:disabled:checked+label:after {
    background-image: url(./../img/items/check_disabled.svg)
}

.checkbox [type=checkbox]:disabled+label {
    opacity: .4
}

.checkbox [type=checkbox]:checked:focus+label:before,
.checkbox [type=checkbox]:not(:checked):focus+label:before {
    border: 1px solid #626870
}

.checkbox [type=checkbox]:checked+label:before {
    border-color: #4acd86
}

.checkbox [type=checkbox]:focus:checked+label:before {
    border-color: #1d9d58
}

.checkbox small {
    display: block
}

#settingsToogle {
    display: none;
    position: absolute;
    top: -56px;
    background: #FFF;
}

#settingsToogle svg path {
    fill: #161616
}

#settingsToogle:hover svg path {
    fill: red
}


.btn-icon,
.uploader.box .uploader_btn {
    width: 36px;
    min-width: 0;
    padding: 0;
    height: 36px;
    border-radius: 100%;
    background: #009070;
    color: #fff;
    text-decoration: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14);
}

.btn-icon-white {
    background: #fff;
    color: #FFF;
}

.btn-icon-white:hover svg {
    color: #009070;
}



/* nav-menu */

.header .breakpoint-on .nav-menu.menu-on {
    left: 0;
}


.header .breakpoint-on .nav-menu {
    background-color: #4c6275;
    position: fixed;
    top: 0;
    left: -300px;
    z-index: 9999;
    width: 300px;
    height: 100vh;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    padding: 0;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
}

.header .nav-menu .menu-items ul li {
    display: block;
}

.header .nav-menu .menu-items ul li .submenu {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    visibility: visible;
    opacity: 1;
    display: none;
    -webkit-transition: none;
    transition: none;
}

.menu-items,
.nav-menu-site-logo {
    display: none;
}

.menu-items {
    flex: 1;
    width: 100%;
    overflow-y: auto;
}

.nav-menu-site-logo {
    padding: 20px;
    flex: 0 0 60px;
    width: 100%;
}

.nav-menu-site-logo .log-box img {
    width: 80px;
    vertical-align: middle;
    margin-right: 10px;
}

.nav-menu-site-logo .log-box {
    color: #FFF;
    padding: 0;
}


.header .navbar-toggler {
    border: none;
    background-color: transparent;
    cursor: pointer;
    display: none;
    margin-top: -4px;
}

.header .navbar-toggler span {
    position: relative;
    background-color: #333;
    border-radius: 3px;
    display: block;
    height: 3px;
    margin-top: 5px;
    padding: 0;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    width: 30px;
    cursor: pointer;
    display: block;
}

.header .navbar-toggler.active span:nth-of-type(1) {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    top: 8px;
}

.header .navbar-toggler.active span:nth-of-type(2) {
    opacity: 0;
}

.header .navbar-toggler.active span:nth-of-type(3) {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    top: -8px;
}

.header .navbar-close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 12;
    display: none;
}

.header .navbar-close .cross-wrap {
    width: 26px;
    height: 26px;
    cursor: pointer;
    position: relative;
}

.header .navbar-close .cross-wrap span {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 6px;
    background: #fff;
}

.header .navbar-close .cross-wrap span.top {
    top: 12px;
    left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.header .navbar-close .cross-wrap span.bottom {
    bottom: 12px;
    left: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.header .breakpoint-on .nav-box {
    display: none;
}


.header .breakpoint-on .nav-menu .menu-items ul li {
    display: block;
}

.header .breakpoint-on .nav-menu .menu-items ul li a {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff !important;
    line-height: 45px !important;
    padding: 0px 20px;
    text-align: left;
}

.header .breakpoint-on .nav-menu .menu-items ul li .submenu {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    visibility: visible;
    opacity: 1;
    display: none;
    -webkit-transition: none;
    transition: none;
}


.breakpoint-on .nav-menu-site-logo {
    display: block;
}

.breakpoint-on .menu-items {
    display: block;
}

.header .breakpoint-on .nav-menu .menu-items ul li .submenu li a {
    color: #fff;
    padding: 0px 20px 0 40px;
    line-height: 45px !important;
}

.header .breakpoint-on .nav-menu .menu-items ul li .submenu li a:hover {
    border-color: rgba(255, 255, 255, 0.5);
}

.header .breakpoint-on .nav-menu .menu-items ul li .dd-trigger {
    display: block;
    position: absolute;
    right: 0;
    height: 45px;
    width: 45px;
    top: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    z-index: 2;
    background: transparent;
    text-align: center;
    line-height: 45px;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
}

.header .breakpoint-on .nav-menu.menu-on {
    left: 0;
}

.breakpoint-on .button_download {
    margin-top: 21px;
    margin-left: 15px;
}

.header .breakpoint-on .nav-pushed-item,
.header .breakpoint-on .navbar-close,
.header .breakpoint-on .navbar-toggler {
    display: block;
}

.header .breakpoint-on .navbar-toggler {
    padding: 20px;
}

.sticky-.header .mobile-site-logo {
    display: none;
}

.breakpoint-on .mobile-site-logo {
    display: inline-block;
    position: absolute;
    top: 16px;
    left: 20px;
}

.breakpoint-on .mask-box {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99;
    width: 100vw;
    height: 100vh;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    background-color: rgba(0, 0, 0, .4);
}

.breakpoint-on .mask-box.active {
    display: inline-block;
}

.dropdown-item img {
    height: 30px;
    margin-right: 10px;
    vertical-align: middle;
}

.breakpoint-on .header-nav {
    display: none;
}

.breakpoint-on .navbar-toggler {
    display: block;
}

/* nav-menu end*/



@media (max-width: 840px) {
    .uploadPwd{
        right: 11px !important;
        width: 320px;
        padding: 20px;
        background-color: gray;
        color: #fff;
    }

    .sidebar-active #settingsToogle {
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .option_panel_title {
        font-size: 20px;
        line-height: 26px
    }

    .sidebar-active .tool_sidebar {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 99;
        width: 335px;
        -ms-flex-preferred-size: unset;
        flex-basis: unset;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all .4s ease-in;
        -o-transition: all .4s ease-in;
        transition: all .4s ease-in;
    }
   
    #btn-upload {
        position: fixed;
        bottom: 48px;
        right: 0px !important;
        z-index: 999;
        width: 260px;
    }

    .downloader_btn,
    .uploader_btn {
        font-size: 22px;
        padding: 10px 32px;
        min-height: 60px;
    }

    .sidebar-active .uploader_btn {
        padding: 6px;
    }

    .sidebar-active .tool-toggle .tool_sidebar {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .sidebar-active .tool-toggle .uploader {
        right: 350px;
    }
    .sidebar-active .sidebar-shrink-hide {
        right: 2vw;
    }
    .tool-sidebarNew .sidebar-shrink-hide{
        right: 282px;
    }
    .tool-sidebarNew  .sidebar-shrink-hide .towordRight {
        display: flex;
    }
    .tool-sidebarNew .sidebar-shrink-hide  .towordLeft{
        display: none;
    }
}

@media (max-width: 800px) {
    .footer {
        position: relative;
    }
}

@media (max-width: 600px) {
    .footer {
        flex-direction: column;
        text-align: center;
    }

    .footer .nav,
    .footer>span {
        flex: 1;
    }

    .footer .nav {
        justify-content: center;
        margin-top: 5px;
    }

    .chrome-popup,.download_chorm_popup {
        display: none !important;
    }
}


@media (max-width: 501px) {

    .downloader_btn,
    .uploader_btn {
        width: 65%;
        max-width: inherit;
    }

}

@media (max-width: 460px) {
    .option_panel_title {
        font-size: 18px;
        line-height: 22px
    }
}

@media (max-width: 90em) {
    .option_image_item {
        padding: 8px 18px
    }

    .option_panel_title {
        padding: 12px
    }

    .option_panel_content {
        padding: 12px 16px 4px !important;
    }


}

@media (max-width: 62em) {
    .option_image_item_title {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 8px
    }

    label {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 8px;
    }

    .option_panel_title {
        font-size: 22px;
        line-height: 30px
    }
}


/* downloader */

.downloader .btn-box {
    display: flex;
    margin-top: 7px;
}

.browser-box {
    margin-right: 20px;
}

.browser-box img {
    width: 40px;
}

.downloader,
.uploader {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    text-align: center;
    position: relative
}

.downloader_extra,
.uploader_extra {
    -ms-flex-order: 2;
    order: 2;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    margin-left: 0
}

@media (min-width:500px) {

    .downloader_extra,
    .uploader_extra {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: calc(100% + 12px);
        position: absolute;
        top: 0
    }
}

.downloader_extra:first-child,
.uploader_extra:first-child {
    margin-right: auto
}

.downloader_extra_btn,
.uploader_extra_btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    cursor: pointer;
    background: rgba(229, 50, 45, .6);
    margin: 6px 6px 8px
}

@media (min-width:500px) {

    .downloader_extra_btn,
    .uploader_extra_btn {
        margin: 0 0 8px
    }
}

.downloader_extra_btn.active,
.uploader_extra_btn.active {
    background: #009070
}

.downloader_extra_btn.active:hover,
.uploader_extra_btn.active:hover {
    background-color: #161616
}

.downloader_extra_btn img,
.downloader_extra_btn svg,
.uploader_extra_btn img,
.uploader_extra_btn svg {
    max-width: 18px
}

.downloader_extra_btn-black,
.uploader_extra_btn-black {
    background: #626870;
    display: none
}

.downloader_extra_btn-black.active,
.uploader_extra_btn-black.active {
    background: #D4D4D4
}

.downloader_extra_btn-black.show,
.uploader_extra_btn-black.show {
    display: -ms-flexbox;
    display: flex
}

.downloader_extra_btn-black.active,
.uploader_extra_btn-black.active {
    background: #D4D4D4;
}

.downloader_extra_btn img,
.downloader_extra_btn svg,
.uploader_extra_btn img,
.uploader_extra_btn svg {
    max-width: 18px;
}

.btn-icon g,
.btn-icon path,
.btn-icon svg,
.uploader.box .uploader_btn g,
.uploader.box .uploader_btn path,
.uploader.box .uploader_btn svg {
    fill: #fff;
}

.downloader_extra_btn.active,
.uploader_extra_btn.active {
    background: #009070;
}

.btn-icon svg,
.uploader.box .uploader_btn svg {
    margin-top: 0;
    margin-right: 0;
}


.tooltip-inner {
    max-width: 400px !important;
}

.chained {
    display: -ms-flexbox;
    display: flex;
    display: none;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-order: 4;
    order: 4;
    margin-left: auto
}

.btn-icon-white {
    background: #fff;
    color: #FFF;
}

.chained_menu {
    cursor: pointer;
    margin-right: 4px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-transition: opacity .6s linear, -webkit-transform .4s linear;
    transition: opacity .6s linear, -webkit-transform .4s linear;
    -o-transition: opacity .6s linear, transform .4s linear;
    transition: opacity .6s linear, transform .4s linear;
    transition: opacity .6s linear, transform .4s linear, -webkit-transform .4s linear;
    -ms-flex: 0 0 36px;
    flex: 0 0 36px;
}

.chained,
.chained_list {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.btn-icon-white g,
.btn-icon-white path,
.btn-icon-white svg {
    fill: #161616;
}

.chained,
.chained_list {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.chained_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-left: -20px
}

.chained_list:hover .chained_menu {
    position: absolute;
    right: 4px;
    z-index: -1;
    opacity: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: opacity .2s linear, -webkit-transform .4s linear;
    transition: opacity .2s linear, -webkit-transform .4s linear;
    -o-transition: opacity .2s linear, transform .4s linear;
    transition: opacity .2s linear, transform .4s linear;
    transition: opacity .2s linear, transform .4s linear, -webkit-transform .4s linear
}

.chained_list:hover .chained_item-more {
    visibility: visible;
    opacity: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    width: auto
}


.chained_list:after,
.chained_list:before {
    display: none !important
}

.chained_more {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.chained_list:hover .chained_item-more {
    visibility: visible;
    opacity: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    width: auto
}

.chained_item-more {
    opacity: 0;
    visibility: hidden;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -ms-flex-positive: 0.00001;
    flex-grow: 0.00001;
    padding: 0;
    width: 0;
    margin-right: 4px;
    margin-left: 4px;
    position: relative;
    -webkit-transition: flex-grow .4s linear, opacity .4s linear, padding .4s linear;
    -o-transition: flex-grow .4s linear, opacity .4s linear, padding .4s linear;
    transition: flex-grow .4s linear, opacity .4s linear, padding .4s linear;
    transition: flex-grow .4s linear, opacity .4s linear, padding .4s linear, -ms-flex-positive .4s linear
}

.download .title1,
.download .title2 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.title2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 12px;
    letter-spacing: 0;
    color: #D4D4D4;
}

.download_add {
    margin: 5vh auto;
    margin-bottom: 10vh;
}

.download_add .add {
    margin-bottom: 0
}

.card {
    margin-bottom: 16px;
    border: 0 !important;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .08);
    box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .08);
    background-color: #1E293A;

}


.share {
    text-align: left;
    /* margin-bottom: 4px */
}

.share_title {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0;
    color: #333;
    /* margin-bottom: 22px; */
    text-align: center;
}

.share_subtitle {
    font-size: 13px;
    font-weight: 500;
    color: #333;
    letter-spacing: .3px;
    line-height: 24px;
    margin-bottom: 4px;
    text-align: center;
}

/* uploading */

.uploading-box .uploading_status_title {
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 12px;
    letter-spacing: 0;
    color: #D4D4D4;
    padding: 3vh 0;
}

.uploading-box .uploading_status_info {
    font-size: 15px;
    font-weight: 500;
    color: #FFF;
    letter-spacing: .3px;
    margin-bottom: 12px;
    line-height: 24px;
    font-weight: 600;
}

.uploading-box .uploading_status_info span {
    font-weight: 400;
}

.uploading-box .uploading_bar {
    margin: 16px auto;
    width: 800px;
    height: 24px;
    border: 2px solid #fff;
    border-radius: 2px;
    overflow: hidden;
    background-color: #fff;
}

.uploading-box .uploading_bar_completed {
    background: #009070;
    -webkit-transition: all .6s linear;
    -o-transition: all .6s linear;
    transition: all .6s linear;
    display: block;
    height: 100%;
    width: 20%;
    border-radius: 2px;
}

.uploading-box .uploading_status_percent {
    font-size: 22px;
    font-weight: 400;
    color: #D4D4D4;
    letter-spacing: 0;
    margin-bottom: 8px;
    line-height: 32px;
    text-transform: uppercase;
}

/* converting */
.uploading-box,
.uploading #uploader,
.uploading #btn-upload,
.uploading .footer,
.uploading #fileupload,
.uploading #sidebar,
.uploading .header,


.converting-title-home,
.converting-box,
.converting #uploader,
.converting #btn-upload,
.converting .footer,
.converting #fileupload,
.converting #sidebar,
.converting .header {
    display: none;
}

.uploading .uploading-box,
.uploading .converting-title-home,
.converting .converting-title-home,
.converting .converting-box {
    display: block;

}

.converting-proportion-box {
    width: 120px;
    margin: auto;
    position: relative;
}

.converting-proportion {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    font-weight: 600;
    font-size: 23px;
    color: #333;
}

.converting-converting-text {
    font-size: 27px;
    font-weight: 400;
    color: #333;
    line-height: 73px;
    text-align: center;
}

.converting-title-home {
    margin-bottom: 4vh !important;
}

.converting-title-home,
.converting-preload-box {
    margin: auto;
}

/* converting end */


@media (min-width:500px) {

    .downloader_extra:first-child,
    .uploader_extra:first-child {
        margin-left: -48px;
        margin-top: 24px
    }
    .ar-downloader_extra:first-child {
        margin-right: -48px !important;
        transform: rotate(180deg);
    }
    .downloader_extra:nth-child(3),
    .uploader_extra:nth-child(3) {
        margin-left: calc(100% + 12px)
    }

    .downloader_extra:nth-child(4),
    .uploader_extra:nth-child(4) {
        margin-left: calc(100% + 56px)
    }

}


@media (max-width:501px) {
    .chained_item {
        padding: 4px
    }

    .chained_more {
        padding: 4px 0 4px 4px
    }

    .chained_item-more {
        margin-right: 4px;
        margin-left: 4px
    }
}

@media (min-width: 500px) {

    .downloader_extra,
    .uploader_extra {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: calc(100% + 12px);
        position: absolute;
        top: 0;
    }
  
}

@media (min-width:500px) {
    .uploader {
        display: table
    }
}

/* downloader end*/

.beschreibung {
    box-sizing: border-box;
    min-width: 288px;
    max-width: 800px;
    padding: 2em;
    margin: 2em auto;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 12%), 0 2px 4px 0 rgb(0 0 0 / 24%);
}

.beschreibung .main {
    text-align: left;
}

.beschreibung h5 {
    margin-top: 35px;
    margin-bottom: 20px;
}
.remove-popup{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 99;
}
.footer-login svg{
    width: 125px;
    height: 100px;
}
.footer-login{
    display: flex;
    align-items: center;
    height: 80%;
    border-right: 1px solid #DADADA;
    justify-content: center;
}
.converter-nav{
    padding:  0 20px;
}
.last-plugs{
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.browser-app{
    margin: 0 5px;
}
.mobi_app{
    margin: 0 5px;
    margin-bottom: 5px !important;
    margin-top: 18px;
}
.last-plugs li{
    background-color: #000000;
    min-width: 145px;
    padding: 3px;
    min-width: 140px;
    flex-wrap: wrap;
    margin: 0 5px;
}
.last-plugs li a{
    display: flex;
}
.last-plugs li div{
    font-size: 12px;
    line-height: 16px;
}
.last-plugs li .svgs{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    margin-left: 3px;
}
.last-plugs li .text{
    transform: scale(0.8);
    width: 100%;
}
.last-plugs li div span{
    display: block;
    transform: scale(1);
    font-size: 16px;
    line-height: 16px;
}

@media (max-width:500px) {
    .last-plugs li{
        width: 145px;
    }
    .check-g{
        margin: 10px 0;
    }
    .progressBox{
        align-items: flex-start !important;
    }
    .pro-svg{
        display: none !important;
    }
    .pro-content{
        width: 100% !important;
        left: 0 !important;
    }
    .tools_item a{
        min-height: 120px;
        padding: 15px 10px;
    }
    .downloadOnce-pop{
        overflow-y: scroll;
    }
    h3.title3.red{
        font-size: 18px !important;
        line-height: 22px !important;
    }
    .share-isSuccess{
        width: 100% !important;
        left: 0 !important;
    }
    .downloadOnec-body{
        padding: 12px 20px 0px !important;
    }
    .tool_header_title{
        font-size: 22px;
    }
    .beschreibung {
        padding: 15px;
    }

    .h2,
    h2 {
        font-size: 1.5rem;
    }

    .h1,
    h1 {
        font-size: 2.0rem;
    }
    .tool_header_subtitle ,.tool_header_powerby{
        font-size: 18px;
    }
}
@media (max-width:320px) {
    .tool_workarea{
        padding: 24px 0 !important; 
    }
}

.pdf_box li[data-v-5b74319e] {
    margin: 0 !important;
    display: inline-block !important;
    width: 48%;
    border-left: 4px solid transparent;
    border-top: 4px solid transparent;
    height: 50px;
    line-height: 50px !important;
    padding: 0 20px !important;
    background: #f6f6f8;
}

.pdf_box div[data-v-5b74319e] {
    display: flex !important;
    justify-content: space-between;
}

.pdf_box li[data-v-5b74319e]:nth-child(4n+3),
.pdf_box li[data-v-5b74319e]:nth-child(4n+4) {
    background: #fff;
}

.img_wrap svg {
    width: 50px;
    height: 50px;
}

.menu-items ul li a svg {
    width: 30px;
    height: 30px;
}


/*footer*/
.footer-main {
    padding-top: 32px;
    padding-bottom: 50px;
}
.footer-tips{
    color: #A1A1A1;
}

.container {
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
    margin-right: auto;
    margin-left: auto;
}

.title4.red {
    font-weight: 600;
    color: #333;
}

.title4 {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .3px;
    margin-bottom: 12px;
    line-height: 24px;
}

.footer-main .title4 {
    text-transform: uppercase;
    margin-bottom: 18px;
}

.footer-main_nav li {
    margin-bottom: 12px;
}

.footer-main_nav li a {
    color: #333;
}

a:hover {
    color: #0056b3;
    text-decoration: none;
}

.slogan p {
    margin-top: 20px;
    color: #ADAFAF;
}

@media (max-width: 768px) {
    .footer-main .container .row .col-md-3,.footer-main .container .row .col-md-5,.footer-main .container .row .col-md-2 {
        width: 50% !important;
    }
}

.footer-icon {
    width: 24px;
    height: 24px;
}

/* Software */
.content-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 50px 0 30px 0;
}

.content-top ul:nth-child(2) li:nth-child(2) {
    padding: 10px 0;
}

.content-top .win64 {
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #FFF;
}

.content-top ul:nth-child(2) li {
    line-height: 25px;
}

.content-icon .binary__list {
    width: auto;
    top: calc(100% + 2px);
    left: 0;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14);
    background: #009070;
    border-radius: 4px;
    z-index: 99;
    overflow: hidden;
    width: 280px;
    position: unset;
}

.content-icon {
    display: flex;
    justify-content: center;
    padding: 50px 0;
    background: #FFF;
}

.content-icon ul {
    width: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.content-icon ul li {
    background-color: #009070;
    color: #ffffff;
    padding: 15px;
    border-radius: 5px;
    width: 250px;
    text-align: center;
    cursor: pointer;
}

.content-icon ul li svg g {
    fill: rgb(255, 255, 255) !important;
}

.content-icon ul li svg {
    transform: translate(-10px, 0px);
}

@media (max-width: 1480px) {
    .content-icon ul {
        width: 80%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .content-icon ul li {
        margin-left: 10px;
    }
}

.binary {
    position: relative;
    margin-top: 48px;
    text-align: left;
    height: 178px;
}

.btn--red,
.button--red {
    min-width: 200px;
    padding: 10px 24px 14px;
    text-shadow: none;
    border: none;
    text-decoration: none;
    border-radius: 4px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14);
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0;
    color: #fff;
    background-color: #009070;
}

.binary__btn {
    border-radius: 4px 0 0 4px;
    height: 48px;
}

.binary__select {
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 48px;
    width: 50px;
    left: -5px;
    position: relative;
    vertical-align: bottom;
    border-left: 1px solid #FFF;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #009070;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14);
}

.binary__select:after {
    content: "";
    width: 12px;
    height: 8px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    position: absolute;
}

.binary__list {
    display: none;
    width: auto;
    top: calc(100% + 2px);
    left: 0;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14);
    border-radius: 4px;
    z-index: 99;
    overflow: hidden;
    width: 249px;
}

.binary__btn,
.binary__select {
    margin-bottom: 8px;
}

.binary__list li,
.binary__list li a {
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.content-top .browser_box {
    width: 50%;
    padding-left: 10px;
}

.binary__list li {
    font-size: 18px;
    padding: 10px 24px;
    cursor: pointer;
    background: #009070;
}

.binary__list li:last-child {
    border-color: transparent;
}

.binary__btn:hover {
    color: #FFF;
}

.binary__select:hover,
.binary__btn:hover,
.binary__list li:hover {
    background: #B02824;
    border-color: #B02824;
}

a,
a:hover {
    text-decoration: none;
}

.binary__list li a svg,
.binary__btn svg {
    display: inline-block;
    transform: translate(10px, 0px);

}

.binary__list li a svg g {
    fill: rgb(255, 255, 255) !important;
}

.content-centent .container ul li:nth-child(3) ul {
    display: flex;
    justify-content: space-around;
}

.content-centent .container ul .lis1 {
    line-height: 37px;
    padding: 16px;
    font-size: 37px;
}

.content-centent .container ul .lis2 {
    padding: 0 0 20px 0;
    font-size: 18px;
}

.content-centent .container ul .lis3 ul li div:nth-child(2) {
    font-size: 18px;
    padding: 15px;
    font-weight: bold;
}

.content-centent .container ul .lis3 ul li div:nth-child(3) {
    font-size: 15px;
    line-height: 22px;
}

.content-centent {
    background-color: #F3F0EC;
    padding: 45px 0;
}

.content-centent .container ul li {
    text-align: center;
    padding: 0 5px;
}

.apptools_item {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #009070;
    position: absolute;
    left: -19px;
    top: 17px;
}

.apptools__item.bullet-pdfword:before {
    background-color: #5f83c6;
}

.content-tops {
    padding: 45px 0;
}

.content-tops .container div:nth-child(3) {
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: left;
}

.content-tops .container .tops-div1,
.content-tops .container .tops-div2 {
    text-align: center;
}

.content-tops .container .tops-div1 {
    line-height: 37px;
    padding: 16px;
    font-size: 37px;
}

.content-tops .container .tops-div2 {
    padding: 0 0 20px 0;
}

.content-tops .container .tops-div3 .div3-ul:first-child {
    margin-right: 30px;
}

.content-tops .container .tops-div3 .div3-ul li {
    line-height: 30px;
    font-size: 15px;
    font-weight: 400;
}

.content-tops .container .tops-div3 .div3-ul li:first-child {
    font-size: 18px;
    font-weight: bold;
}

.content-tops .container .tops-div3 .div3-ul>li {
    padding: 9px 0;
}

.main-desktop {
    text-align: left;
    background-color: #FFF;
}

.main-desktop-box .main-desktop,
.main-desktop-box {
    background-color: #F3F0EC;

}

.main-desktop .desktop-16 {
    font-weight: bold;
    font-size: 24px;
}

.main-desktop a {
    color: #000000;
}

.main-desktop .desktop-25 {
    font-size: 25px;
    margin: 22px 0 27px 0;
}

.main-desktop .desktop-15 {
    font-size: 15px;
}

.content-footer {
    padding-top: 40px;
}

.content-footer .container {
    border: 1px solid #D4D4D4;
    padding: 30px;
    border-radius: 5px;
}

.content-footer .container .container-top1 {
    font-size: 37px;
    font-weight: bold;
    text-align: center;
    padding: 0px 0 15px 0;
}

.content-footer .container .container-top2 {
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 35px;
    text-align: center;
    padding: 15px;
}

.content-footer .container .container-top3 {
    width: 64%;
    margin: 0 auto;
    text-align: center;
}

.content-bottom,
.content-footer {
    background-color: #F3F0EC;
}

.content-bottom div {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
}

/* Software end */


/* plug-unit */

.plug-unit a {
    display: flex;
    align-items: center;
    padding: 0 10px 0 8px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 50px;
    margin-right: 12px;
    width: 210px;
    margin-bottom: 15px;
    border: 1px solid rgb(220, 220, 220);
    cursor: pointer;
}

.plug-unit a:hover {
    background: rgb(243, 240, 236);
}

.plug-unit .name {
    font-size: 13px;
    line-height: 16px;
}

.plug-unit .get_it {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #444446;
}

.plug-unit .browser_box img {
    width: 30px;
    height: 30px;
    margin-right: 8px;
}

.plug-unit .desktop-15 {
    margin-bottom: 15px;
}

.browser_box li {
    display: block;
}

@media (max-width: 1000px) {

    .content-top .img-box img {
        width: 100%;
    }

    .content-top .img-box {
        width: 50%;
    }

    .pricing-content-divs .arrow {
        width: 0;
        height: 0;
        line-height: 0;
        border-top: 40px solid #ffffff;
        border-right: 40px solid transparent;
        top: 93%;
        position: absolute;
        right: 0%;
    }
}

@media (max-width: 500px) {
    /* .uploader_fileupload_box{
        top: 200px !important;
    } */
    
    .many .uploader_droptxt{
        margin-top: 150px;
    }
    .tool_workarea{
        padding: 24px 0;
    }
    
    .beschreibung {
        padding: 15px;
    }
    .tools_item{
        min-height: 115px;
    }

    .centents h1 {
        font-size: 1.4rem;
    }

    .centents h2 {
        font-size: 1.1rem;
    }

    .faq__item__title {
        font-size: 14px;
    }

    .content-top {
        display: unset;
    }

    .content-top ul li img {
        width: 100%;
    }

    .content-top .img-box {
        width: 100%;
    }

    .content-top .browser_box {
        width: 100%;
        padding: 10px 20px;
    }

    .content-tops .container div:nth-child(3) {
        display: unset;
        padding: 10px 20px;
    }

    .content-icon ul {
        width: 100%;
        display: unset;
    }

    .content-icon ul li {
        margin: 10px auto;
    }

    .content-tops .container .tops-div3 .div3-ul {
        padding: 10px 20px;
    }

    .content-centent .container ul li:nth-child(3) ul {
        display: unset;
    }

}

/* plug-unit end */


.thema-cookies {
    position: fixed;
    width: 400px;
    background-color: #FFF;
    padding: 20px;
    left: 0;
    bottom: 0;
    border-radius: 5px;
    box-shadow: 0 3px 6px 0 rgba(50, 50, 50, .3);
    z-index: 999;
    color: #000000;
}

.thema-cookies a {
    cursor: pointer;
    text-decoration: underline;
    color: #000000;
}

.thema-cookies .icon-svg {
    float: right;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: flex-end;
}

.thema-cookies .icon-svg-box {
    width: 24px;
    height: 24px;
    font-size: 20px;
    border-radius: 50%;
    background: #ddd;
    padding: 2px;
}

.thema-cookies .btn-ok {
    background: #009070;
    color: #FFF;
    margin-top: 15px;
    width: 60px;
    text-align: center;
    padding: 3px;
    border-radius: 4px;
    margin-left: 290px;
    cursor: pointer;
}

/* index */
.tools__container {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.tools__container .tools__item {
    width: 16.66%;
    padding: 5px;
}

.tools__container .tools__item a {
    display: block;
    text-decoration: none;
    color: #333;

    background-color: #fff;
    height: 160px;
    border-radius: 5px;
}

.tools__container .tools__item__icon {
    padding-top: 10px;
}

.tools__container svg {
    width: 60px;
    height: 60px;
}

.tools__container h3 {
    font-size: 15px;
    font-weight: bolder;
    margin: 5px 0;
}

.tools__container .tools__item__content {
    font-size: 12px;
    margin-top: 5px;
}

.tools__container .tools__item__content p {
    padding: 0 3px;
}

@media screen and (min-width: 1240px) {
    .container {
        max-width: 1240px;
    }
}


@media screen and (max-width: 1200px) {
    .container {
        max-width: 100%;
    }

    .tools__container .tools__item {
        width: 20%;
    }
}

@media screen and (max-width: 992px) {
    .container {
        max-width: 100%;
    }

    .tools__container .tools__item {
        width: 25%;
    }
}

@media screen and (max-width: 768px) {
    .container {
        max-width: 100%;
    }

    .tools__container .tools__item {
        width: 33%;
    }
}

@media screen and (max-width: 576px) {
    .container {
        max-width: 100%;
    }

    .tools__container .tools__item {
        width: 50%;
    }

    .tools__container svg {
        width: 50px;
        height: 50px;
    }
}

/* index end */

/* new index */
/* .new-index div div ul li img{
    width: 23px;
    height: 24px;
}
.new-index-div{
    width: 200px;
    position: relative;
}
.new-index-div .new-index-span{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 200px;
    height: 48px;
    background-color: #C64744;
    border-top-left-radius:3px ;
    border-bottom-left-radius:3px ;
}
.new-index-div .new-index-span ul li{
    font-size: 13px;
    color: #ffffff;
}
.new-index-div .new-index-span-left{
    background-color: #C64744;
    border-left: 1px solid  rgba(255, 255, 255, 0.2);
    width: 50px;
    height: 48px;
    position: absolute;
    top: 0;
    left: 100%;
    border-top-right-radius:3px ;
    border-bottom-right-radius:3px ;
}
.new-index-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 67%;
    margin: 0 auto;
}
.new-index-span-left{
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.new-index-span-left img{
    width: 20px;
    height: 18px;
}
.new-index-div .new-two,.new-index-div .new-left{
    background-color: #4B97C9;
}
.new-index h2{
    font-size: 25px;
    font-family: Arial;
    font-weight: bold;
    color: #333333;
    line-height: 52px;
    text-align: left;
} */


/* Merge */
.option__panel__title {
    font-size: 13px;
    font-weight: 600;
    line-height: 13px;
    letter-spacing: 0;
    color: #D4D4D4;
    margin-bottom: 0;
    text-transform: uppercase;
    text-align: center;
    padding: 7px 35px;
    border-bottom: 1px solid #747474;
    position: relative;
}
.option__tab__select__item svg{
    width: 25px;
}

.option__panel .info {
    margin-bottom: 16px;
    border: 0;
    border-radius: 4px;
}


.info {
    margin-bottom: 20px;
    border-radius: 2px;
    text-align: left;
    background-position: 12px;
    background-repeat: no-repeat;
    padding: 24px;
    color: #383e45;
    background-color: #d9edf7;
    border: solid #004083;
    border-width: 1px 1px 3px;
}

.uploader_btn:disabled,
.container:disabled {
    background: #d4d4d4 !important;
}

/* Merge end */



/* Split */
.option__tab__select {
    display: flex;
    padding: 20px 20px 0 20px;
    justify-content: space-between;
}


.option__tab__select__item.option--active {
    color: #000;
    background: #868686;
    border: 2px solid #fff;
}

.option__tab__select__item {
    padding: 0px 0px 8px 0;
    position: relative;
    border: 0;
    text-align: center;
    color: #7c7c80;
    border-right: 1px solid #2C3C55;
    border-bottom: 1px solid #2C3C55;
    cursor: pointer;
    border: 2px solid #8D8D8D;
    width: 48%;
    border-radius: 5px;
}




.option__tab__content {
    padding-top: 12px;
    display: none;
}

.option__tab__content--active {
    display: block;
}

.option__panel__content {
    padding: 0px 10px;
    margin-bottom: 15px;
}

.option__panel__content .row {
    width: 100%;
    margin: 0;
}

.option__panel__content p {
    color: #d4d4d4;
}

.option__label__title,
.option__title {
    display: block;
    text-align: left;
    font-size: 12px;
    font-weight: 500;
    color: #009070;
    letter-spacing: .3px;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.option__image {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    margin-left: -4px;
    margin-right: -4px;
}

.option__image__item:hover {
    border: 2px solid #009070;
}

.option__image__item.option--active {
    color: #009070;
    border: 2px solid #FFFFFF;
}

.option__image__item {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 50%;
    text-align: center;
    color: #7c7c80;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 4px;
    background: transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    border: 2px solid #8D8D8D;
}


.option--active,
.option--active:hover {
    background: transparent;
}


.select-option--active::after {
    content: "";
    display: block;
    position: absolute;
    color: #fff;
    background: #4acd86 url(./../img/check-white.svg) no-repeat 50%;
    border-radius: 100%;
    text-align: center;
    line-height: 18px;
    background-size: 11px;
    border: 1px solid #1d9d58;
    right: auto;
    left: 8px;
    top: 8px;
    -webkit-transform: none;
    transform: none;
    width: 18px;
    height: 18px;
    background-size: 11px;
}

.select-option--active {
    color: #000;
    background: #868686;
    border: 2px solid #fff;
}


.formarea {
    border-bottom: 1px solid #aeaeb2;
    position: relative;
}

.form__group__container .title4 {
    text-align: left;
    font-size: 15px;
    font-weight: 500;
    color: #009070;
    letter-spacing: .3px;
    line-height: 24px;
    margin-bottom: 8px;
    width: 100%;
}

.ranges:hover .range__remove {
    display: -ms-flexbox;
    display: flex;
}

.range__remove:hover {
    background: #d4d4d4;
}

.range__remove {
    position: absolute;
    right: 16px;
    top: 12px;
    cursor: pointer;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: #fff;
    display: none;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.option__panel .formarea .form__group {
    margin-bottom: 12px;
    margin-top: 12px;
}

.formarea.ranges .form__group--boxed {
    margin: 4px;
}

.form__group--boxed {
    border: 1px solid #aeaeb2;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    border-radius: 4px;
    padding-left: 8px;
    overflow: hidden;
}

.form__group--boxed {
    border: 1px solid #aeaeb2;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    border-radius: 4px;
    padding-left: 8px;
    overflow: hidden;
}

.ranges label {
    font-size: 14px;
    max-width: 120px;
}

.form__group--boxed label {
    margin-right: 12px;
    margin-bottom: 0;
    width: 43px;
}

.option__panel .input[type=number],
.option__panel input[type=number],
.option__panel select[type=number] {
    width: 48px;
}

.input[type=number],
input[type=number],
select[type=number] {
    width: 72px;
    text-align: right;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 8px 24px 8px 12px;
    position: relative;
    top: 2px;
    -moz-appearance: textfield;
}
#sidebar .input,#sidebar input{
    font-size: 12px;
}

.option.input,
input.option,
select.option {
    cursor: inherit;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.option__panel .input,
.option__panel input,
.option__panel select {
    height: 30px;
    width: 100%;
    color: #D4D4D4;
}

.form__group--boxed .input,
.form__group--boxed input,
.form__group--boxed select {
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    top: 0;
}

.addRanges {
    min-width: 200px;
    padding: 10px 24px;
    text-shadow: none;
    border: none;
    text-decoration: none;
    border-radius: 4px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14);
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0;
    background-color: #383e45;
    color: #fff;
}

.input[type=number]::-webkit-inner-spin-button,
.input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
select[type=number]::-webkit-inner-spin-button,
select[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    background: rgb(0, 0, 0, 0) url(./../img/number.svg) no-repeat 50%;
    margin: 0;
    width: 24px;
    opacity: .8;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.range-box {
    margin: 4px;
    width: 198px;
    height: 244px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0);
    background: #f6f6f8;
    -webkit-box-shadow: 0 0 4px 0 #2C3C55;
    box-shadow: 0 0 4px 0 #2C3C55;
}

.range-canvas-box {
    width: 128px;
    height: 180px;
}

.range-box span {
    height: 32px;
    line-height: 32px;
}

.file-box {
    display: flex;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.file__actions {
    top: 8px;
    right: 8px;
    position: absolute;
    display: none;
    z-index: 9;
}

.range__title {
    cursor: move;
    color: #009070;
}

.range__container {
    margin: 12px;
    padding: 12px;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    border: 1px dashed #626870;
}

.file,
.page__element,
.range__element {
    margin: 4px;
    width: 160px;
    height: 224px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0);
    background: transparent;
    box-shadow: 0px 0px 0px 3px #d3d3d3 !important;
    border-radius: 5px;
}
.page{
    position: relative;
}
.mode_mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 5px;
    z-index: 99;
}
.mode_mask img {
    width: 30px;
    height: auto;
    box-shadow: -1px 9px 9px 1px #333333;
    border-radius: 6px;
}
.online_dom .mode_mask img{
    width: 45px;
    margin-top: -20px;
}
.range__to {
    font-size: 48px;
    width: 24px;
    height: 20px;
    background: url('./../img/range.svg') 50% no-repeat;
}

.range__canvas {
    width: 127px;
    height: 180px;
}

.pdf-file-box {
    display: flex;
    justify-content: center;
}

.form__group--inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.form__group label {
    color: #D4D4D4;
    display: -ms-flexbox;
    display: flex;
}

.form__group--inline label {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .3px;
    margin-bottom: 12px;
    line-height: 24px;
    color: #D4D4D4;
}

.split-fixed {
    display: none;
}

.extractCustom,
#tab-content-extract {
    display: none;
}

#split-extract .range__container {
    border: none;
    margin: 0;
}

#split-extract .range__canvas {
    width: 98px;
    height: 144px;
}

.range--extract .range__container:after {
    content: "";
    position: absolute;
    top: 12px;
    left: 12px;
    background: #4acd86 url(./../img/check-white.svg) no-repeat 50%;
    border: 1px solid #1d9d58;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    display: block;
}
.remove-pagesBox .range--extract .range__container:after{
    content: "";
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.6) url(./../img/remove.svg) 50% no-repeat;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 45px;
    color: #e5322d;
    border-radius: 0;
}
.file__info {
    position: absolute;
    height: 32px;
    width: 100%;
    bottom: 0;
    left: 0;
}

.file__info__name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 12px;
    line-height: 16px;
    padding: 6px 8px;
    border: 1px solid rgba(0, 0, 0, 0);
    z-index: 99;
}

@media (max-width: 1440px) {
    .file__info {
        height: 28px;
    }

    .file__info__name {
        padding: 4px;
    }
}

@media (max-width: 1280px) {
    #pages-box .range__element {
        width: 110px;
        height: 160px;
    }
}

#uploadInput {
    position: absolute;
    opacity: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
}

.watermark-box.sidebar-active .uploader_btn,
.converting .pdf-file-box,
.split-box.sidebar-active .uploader_btn {
    display: none !important;
}

.split-box .converting-proportion {
    font-size: 12px;
}

/* Split end */

.modal-body {
    color: red;
}

.text-format {
    text-align: left;
    margin-top: 10px;
}

#sidebar .editor__toolbar__options {
    position: relative;
    z-index: 22;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin-top: -8px;
}

.editor__toolbar__options {
    display: -ms-flexbox;
    display: flex;
    border-radius: 8px;
    padding: 4px 0;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
}

.editor__toolbar__block {
    padding: 0 6px;
    cursor: pointer;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
    background: transparent;
    min-width: 24px;
    height: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #d4d4d4;
}

.editor__toolbar__option {
    min-width: 24px;
    height: 24px;
    margin: 0 2px;
    padding: 4px 0px;
    border-radius: 4px;
    position: relative;
}

.editor__option,
.editor__option__selector {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.editor__option__selector:after {
    content: "";
    background: url(./../img/select_sm.svg) no-repeat 50%;
    width: 4px;
    height: 4px;
    margin-left: 6px;
}

#sidebar .editor__toolbar__options .editor__option__content {
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%);
    bottom: 42px;
    top: auto;
    overflow: hidden;
    left: 30px;
}

.editor__option__content {
    display: none;
    position: absolute;
    background: #1E293A;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    top: 48px;
    padding: 12px;
    border-radius: 4px;
    left: -92px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14);
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.option__page {
    width: 70px;
    border: 1px solid #aeaeb2;
}

.option__page>*,
.option__page>*>*,
.option__page__item {
    height: 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    padding: 0;
    background: none;
}

.option__page .option--active {
    background: rgb(0 255 19 / 20%);
    position: relative;
}

.option__page>*>* {
    cursor: pointer;
    border-bottom: 1px dashed #aeaeb2;
    border-right: 1px dashed #aeaeb2;
}

.option__page .option--active:after {
    display: block;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #009070;
    border: 0;
}

.option--active:after,
.option--next:after {
    content: "";
    display: block;
    position: absolute;
    right: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 100%;
}

.option__page__position:last-child {
    border-right: 0;
}

.option__page__row:last-child>* {
    border-bottom: 0;
}
.btn-line-height-24,
#processTaskTextBtn {
    line-height: 24px;
}

.option__panel__content.single_file .form__group__container {
    text-align: left;
}

.option__image__item.option--active g,
.option__image__item.option--active path,
.option__image__item.option--active svg {
    fill: #009070;
}

#tab-extract svg polygon,
#tab-extract svg rect,
#tab-extract svg path,
#tab-range svg polygon,
#tab-range svg rect,
#tab-range svg path {
    fill: #D4D4D4;
}

.option__image__item g,
.option__image__item path,
.option__image__item svg {
    fill: #D4D4D4;
    margin: 8px auto;
    height: 32px;
}

.option__image__item__title {
    font-size: 12px;
    font-weight: 500;
    color: #FFF;
    letter-spacing: .3px;
    line-height: 24px;
    margin-top: 8px;
    margin-bottom: 0;
    line-height: 16px;
    color: #D4D4D4;
}

.modal ::-webkit-scrollbar-track,
.tool ::-webkit-scrollbar-track,
ul ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #f6f6f8
}

.modal ::-webkit-scrollbar,
.tool ::-webkit-scrollbar,
ul ::-webkit-scrollbar {
    z-index: 50;
    width: 4px;
    height: 4px;
    background-color: #009070
}

.modal ::-webkit-scrollbar-thumb,
.tool ::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb {
    background-color: #009070;
    border: 1px solid #009070;
    border-radius: 8px
}

.option__btn {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 240px;
    margin: 8px auto;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .14);
    letter-spacing: .3px;
    text-align: center;
    line-height: 18px;
    color: #d4d4d4;
    padding: 0;
    overflow: hidden;
    background: transparent;
    border-radius: 4px;
}

#watermarkPreview {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
}

.option__btn__icon {
    padding: 12px;
    width: 55px;
    -ms-flex: 0 0 55px;
    flex: 0 0 55px;
    height: 100%;
    min-height: 45px;
    background: #009070;
}

.option__btn span {
    padding: 12px;
    text-transform: uppercase;
}

#changeImage,
#dropArea {
    display: none;
}

.option__btn span {
    padding: 12px;
    text-transform: uppercase;
}

.option__btn:hover {
    color: #009070;
}

#pickwatermark {
    border: none;
}

#tab-content-image {
    display: none;
}

.page__canvas {
    position: relative;
    width: 100%;
    height: 100%;
}

.file__bullet--L {
    left: 4px;
}

.file__bullet--R {
    right: 4px;
}

.file__bullet--T {
    top: 4px;
}

.file__bullet--C.file__bullet--M {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.file__bullet--C {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.file__bullet--M {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


.file__bullet--B {
    bottom: 7px;
}

.file__bullet {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #009070;
    -webkit-box-shadow: 0 0 8px 2px #fff;
    box-shadow: 0 0 8px 2px #fff;
}

.page-index {
    line-height: 30px;
    position: absolute;
    bottom: 13px;
    color: #ffffff;
    z-index: 99;
}

#uploadImg {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

#pickwatermark {
    position: relative;
}

#file_img {
    position: absolute;
    width: 40px;
    left: 8px;
}

.watermark-box .toolbar-align,
.watermark-box .toolbar-background,
.watermark-box .toolbar-font-shadow,
.watermark-box .toolbar-remove,
.watermark-box .toolbar-visibility {
    display: none;
}

.editor__toolbar__option.active,
.editor__toolbar__option:active {
    background: #28364D;
    -webkit-box-shadow: inset 0 1px 3px 0 #2C3C55;
    box-shadow: inset 0 1px 3px 0 #2C3C55;
}

#font-style .editor__option__content {
    text-align: left;
    padding: 12px 0;
}

#font-style .editor__option__content>div {
    padding: 0 12px;
    line-height: 24px;
}

#font-style .editor__option__content>div:hover {
    background: #28364D;
}

.form__group--inline-3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.form__group--inline-3 label {
    width: 33%;
}

.form__group--inline-3>* {
    max-width: 33.3%;
}

.option__panel .input,
.option__panel input,
.option__panel select {
    height: 30px;
    width: 100%;
}

.input[type=range],
input[type=range],
select[type=range] {
    padding: 0;
    -webkit-appearance: none;
    -moz-apperance: none;
    border-radius: 6px;
    height: 2px !important;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #009070), color-stop(1, #004083));
}

.form__group.form__group--inline-3 label {
    margin-bottom: initial;
}

.sp-container.sp-flat {
    display: block;
    border: 0;
    background: none;
}

.sp-container.sp-flat {
    position: relative;
}

.sp-container {
    padding-bottom: 0;
}

.sp-palette-only .sp-palette-container {
    border: 0;
}

.sp-palette-container {
    border-right: 1px solid #ccc;
}

.sp-palette-container,
.sp-picker-container {
    float: left;
    position: relative;
    padding: 10px 10px 300px;
    margin-bottom: -290px;
}

.sp-palette .sp-thumb-el {
    display: block;
    position: relative;
    float: left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border: 2px solid rgba(0, 0, 0, 0);
}

.sp-palette .sp-thumb-el {
    width: 16px;
    height: 16px;
    margin: 2px 1px;
    border: 1px solid #d0d0d0;
}

.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.sp-alpha-inner,
.sp-preview-inner,
.sp-thumb-inner {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.sp-container.sp-buttons-disabled .sp-button-container,
.sp-container.sp-input-disabled .sp-input-container,
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container,
.sp-initial-disabled .sp-initial,
.sp-palette-disabled .sp-palette-container,
.sp-palette-only .sp-picker-container {
    display: none;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-el.sp-thumb-active,
.sp-palette .sp-thumb-el:hover {
    border-color: orange
}

.sp-palette span.sp-thumb-active,
.sp-palette span:hover {
    border-color: #000
}


.md-show~.md-overlay {
    opacity: 1;
    visibility: visible;
}

.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 9999995;
    opacity: 0;
    background: rgba(1, 1, 1, 0.6);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.md-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    max-width: 550px;
    min-width: 320px;
    height: auto;
    z-index: 9999999;
    visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    border-radius: 4px;
    overflow: hidden;
}

.md-show {
    visibility: visible;
}

/* Content styles */
.md-content {
    color: #5b5b5b;
    background: #fff;
    position: relative;
    border-radius: 0px;
    margin: 0 auto;
}

.md-content .md-close-btn {
    position: absolute;
    top: 10px;
    right: 5px;
    z-index: 999999;
}

.md-content .md-close-btn a {
    color: #909090;
    cursor: pointer;
}

.md-content .md-close-btn a:hover {
    color: #212121;
}

.md-content .md-close {
    font-size: 13px;
}

.md-content h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 20px;
    text-align: center;
    background: #fff;
    border-radius: 0;
    color: #797979;
}

.md-content>div {
    position: relative;
    padding: 15px 40px;
    margin: 0;
    font-weight: 300;
    font-size: 14px;
}

.md-content .range__remove {
    display: flex;
}

.md-content>div p {
    margin: 0;
    padding: 10px 0;
}

.md-content>div ul {
    margin: 0;
    padding: 0 0 30px 20px;
}

.md-content>div ul li {
    padding: 5px 0;
}


.md-effect-1 .md-content {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.menu-items .dropdown-item:focus,
.menu-items .dropdown-item:hover {
    background-color: #788ca0;
}

.top-menu {
    display: flex;
    position: absolute;
    right: 20px;
}

.top-menu .nav__item a:hover {
    background: #05aa84;
    color: #fff;
}

.top-menu .nav__item--gray a {
    background: #3eb1ad;
    border: none;
    color: #fff;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 5px;
}

.top-menu .nav__item a span svg{
    vertical-align: text-bottom;
    margin-right: 3px;
}
.top-menu .nav__item--red a {
    background: #009070;
    border: none;
    color: #fff;
    padding-left: 16px;
    padding-right: 16px;
    font-weight: 700;
}

.top-menu .nav__item a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    height: 27px;
}

.nav__item .user-box {
    position: relative;
    background: transparent;
    color: #333;
    padding-left: 16px;
    padding-right: 16px;
    border: 1px solid #293545;
    border-radius: 3px;
}

.nav__item .user-box-s::after {
    content: "";
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #FFF transparent transparent;
    transform: rotate(270deg);
    margin-left: 5px;
    margin-top: 6px;
}

.nav__item .user-box:hover {
    background: #307DB1 !important;
}

.top-menu .nav__item a.log-oug-box {
    display: none;
    position: absolute !important;
    width: 100%;
    height: 60px;
    bottom: -59px;
    left: 0;
    justify-content: space-between;
    align-items: center;
    background: #307DB1;
}

.nav__item_out {
    margin-right: 20px;
    position: relative;
    min-width: 120px;
}

.top-menu .nav__item_out:hover a.log-oug-box {
    display: flex;
}

.loading-box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loading-show-id {
    position: relative;
}

.footer-box {
    bottom: 0;
    background: rgba(0,0,0,.5) !important;
    padding: 2px 24px;
    font-size: 12px;
    text-align: left;
    color: #FFF;
}

.tool_sidebar_merge {
    position: fixed;

}

.sidebar-tips {
    position: absolute;
    bottom: 130px;
    background-color: #d9edf7;
    margin: 0 5%;
    width: 90%;
    padding: 15px;
    border-radius: 4px;
    text-align: left;
}

.container-watermark div {
    line-height: 28px;
}

.btn-preload-box {
    display: none;
    width: 40px;
    background: #FFF;
    border-radius: 50%;
}

.tool__preview__pages {
    -ms-flex: 0 0 190px;
    flex: 0 0 190px;
    background: #222E41;
    color: #d4d4d4;
    overflow-y: auto;
    padding-top: 24px;
    height: 100%;
}

.tool__preview {
    display: flex;
    position: relative;
    padding-top: 48px;
    z-index: 401;
    background: #f6f6f8;
    width: 202px;
    height: 100%;
    transition: all .2s;
}

.tool-editpdf:not(.rtl) .editpdf-menu-wrapper,
.tool-editpdf:not(.rtl) .editpdf-submenu-wrapper {
    right: 440px;
    width: calc(100% - 440px);
}

.editpdf-menu-wrapper {
    z-index: 410;
    top: 60px;
}

.editpdf-menu-wrapper,
.editpdf-submenu-wrapper {
    position: fixed;
}

#editpdf-menu-toolbar {
    -webkit-box-shadow: 0 3px 6px 0 rgba(50, 50, 50, .3);
    box-shadow: 0 3px 6px 0 rgba(50, 50, 50, .3);
}

.editpdf__menu {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow-y: visible;
    display: -ms-flexbox;
    display: flex;
    background: #222E41;
    -webkit-transition: all .2s;
    -o-transition: .2s all;
    transition: all .2s;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    height: 48px;
}

.editpdf__menu .editpdf__menu__option.next .editpdf__menu__option__active,
.editpdf__menu .editpdf__menu__option.next .editpdf__menu__option__default,
.editpdf__menu .editpdf__menu__option.next .editpdf__menu__option__hover,
.editpdf__menu .editpdf__menu__option.prev .editpdf__menu__option__active,
.editpdf__menu .editpdf__menu__option.prev .editpdf__menu__option__default,
.editpdf__menu .editpdf__menu__option.prev .editpdf__menu__option__hover {
    pointer-events: none;
}

.editpdf__menu .editpdf__menu__option.next .editpdf__menu__option__active,
.editpdf__menu .editpdf__menu__option.next .editpdf__menu__option__hover,
.editpdf__menu .editpdf__menu__option.next:active .editpdf__menu__option__default,
.editpdf__menu .editpdf__menu__option.prev .editpdf__menu__option__active,
.editpdf__menu .editpdf__menu__option.prev .editpdf__menu__option__hover,
.editpdf__menu .editpdf__menu__option.prev:active .editpdf__menu__option__default {
    display: none;
}

.editpdf__menu .editpdf__menu__option.next .editpdf__menu__option__active,
.editpdf__menu .editpdf__menu__option.next .editpdf__menu__option__default,
.editpdf__menu .editpdf__menu__option.next .editpdf__menu__option__hover,
.editpdf__menu .editpdf__menu__option.prev .editpdf__menu__option__active,
.editpdf__menu .editpdf__menu__option.prev .editpdf__menu__option__default,
.editpdf__menu .editpdf__menu__option.prev .editpdf__menu__option__hover {
    pointer-events: none;
}

.editpdf__menu .editpdf__menu__block {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.editpdf-menu-wrapper #editpdf-menu-toolbar .editpdf__menu__block:first-child .wrapper {
    padding: 0 20px 0 24px;
}

.editpdf-menu-wrapper #editpdf-menu-toolbar .editpdf__menu__block .wrapper {
    padding: 0 16px;
}

.editpdf__menu .editpdf__menu__block .item,
.editpdf__menu .editpdf__menu__block .wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.editpdf__menu .editpdf__menu__option.next,
.editpdf__menu .editpdf__menu__option.prev {
    cursor: pointer;
}

.editpdf__menu__option.next,
.editpdf__menu__option.prev {
    width: 24px;
    height: 24px;
    display: inline-block;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 4px;
    background-color: #28364D;
}

.editpdf__menu .editpdf__menu__option.next .editpdf__menu__option__default,
.editpdf__menu .editpdf__menu__option.prev .editpdf__menu__option__default {
    display: block;
}

.editpdf__menu .editpdf__menu__option.next:active .editpdf__menu__option__active,
.editpdf__menu .editpdf__menu__option.prev:active .editpdf__menu__option__active {
    display: block;
}

.editpdf__menu .editpdf__menu__option.next {
    margin-left: 3px;
    margin-right: 6px;
}

#editor {
    padding-top: 75px;
    margin: auto;
}

#editpdf-menu-toolbar #editor_page {
    width: 48px;
    text-align: right;
}

.editpdf__menu input,
.editpdf__menu select {
    border: 1px solid #2D3D55;
    font-size: 12px;
    height: 24px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #28364D;
    padding: 4px 8px;
}

#editpdf-menu-toolbar #editor_pages_wrapper {
    margin-top: -1px;
    font-size: 12px;
    margin-left: 3px;
    margin-right: 3px;
    font-family: Rawline;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    color: #d4d4d4;
}

.editpdf__menu .editpdf__menu__block .item {
    height: 48px;
    -webkit-transition: all .2s;
    -o-transition: .2s all;
    transition: all .2s;
}

.editpdf__menu .editpdf__menu__block .item,
.editpdf__menu .editpdf__menu__block .wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.editpdf__menu__block:not(:first-child):before {
    position: absolute;
    -webkit-transition: all .1s;
    -o-transition: .1s all;
    transition: all .1s;
    content: "";
    height: 100%;
    width: 1px;
    right: -1px;
    z-index: 3;
    top: 0;
    left: 0;
    border-right: 1px solid #1e293a;
}

.editpdf__menu__block.editpdf__menu__block--text:before {
    border-right: 4px solid #1e293a;
}

.editpdf__menu .editpdf__menu__block.align-end {
    margin-left: auto;
}

.editpdf__menu .editpdf__menu__block .item.disabled {
    -webkit-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
    opacity: .4;
}

.editpdf__menu__block [data-menu-action=open_gear_menu].tippy-active,
.editpdf__menu__block [data-menu-action=open_gear_menu].tippy-active:hover {
    background: #d4d4d4;
}

.tool-editpdf #sidebar .layers-header {
    color: #009070;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: left;
}

.tool_sidebar_merge .wrapper {
    padding: 24px 15px 0;
}

.option__panel {
    height: 100%;
    overflow-y: auto;
}

.tool-editpdf .tool__preview .tool__preview__toggle {
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.tool__preview__toggle {
    background: #4d5c73;
    -ms-flex: 0 0 12px;
    flex: 0 0 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

.tool__preview__toggle:hover path {
    fill: #009070;
}

.tool__preview.closed {
    width: 12px;
}

.tool__preview.closed .tool__preview__toggle svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.tool__preview.closed .tool__preview__files,
.tool__preview.closed .tool__preview__pages,
.tool__preview.closed .tool__preview__tabs {
    -ms-flex: 0 0 0%;
    flex: 0 0 0%;
}

#editor .preview__page {
    width: 100%;
    /* padding: 10px; */
}

#editor .preview__page_box {
    position: relative;
    width: 100%;
    color: pink;
}

#editor .preview__page canvas {
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .3);
    webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#editor .page {
    display: none;
}

#preview_pages .preview__page {
    margin: auto;
    margin-bottom: 40px;
    height: 133.144px;
    width: 94px;
    cursor: pointer;
}

#preview_pages .page {
    line-height: 30px;
}

#preview_pages .preview__page canvas {
    max-width: 100%;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .3);
}

#preview_pages .preview__page.active {
    outline: 1px solid #007bff;
}

.draggable-box {
    position: absolute;
    border: 1px solid transparent;
    padding: 10px;
}

.draggable-box.mouse {
    border-color: rgb(225, 50, 45);
}

.draggable-box.active {
    border-color: rgb(99, 181, 246);
}

.tool-editpdf #sidebar #reset-all-layers-btn {
    text-align: right;
    display: none;
}

.tool-editpdf #sidebar .has-layers #reset-all-layers-btn {
    display: block;
}

.tool-editpdf #sidebar #reset-all-layers-btn .link--cancel {
    display: none;
    cursor: pointer;
}

.link--cancel:hover {
    background-color: #d4d4d4;
}

.link--cancel {
    padding: 5px 15px;
    background-color: #f6f6f8;
    border-radius: 4px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: #009070 !important;
}

.tool-editpdf #sidebar .page-section {
    position: relative;
    margin-bottom: 20px;
}

.tool-editpdf #sidebar .page-section .marker {
    text-align: left;
    font-weight: 600;
    margin-bottom: 26.5px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tool-editpdf #sidebar .page-section .layer {
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    height: 40px;
}

.tool-editpdf #sidebar .page-section .layer:not(:first-child) {
    margin-top: 5px;
}

.tool-editpdf #sidebar .page-section .layer .layer__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -ms-flex-align: center;
    align-items: center;
}

.tool-editpdf #sidebar .page-section .layer .layer__content .layer__icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px;
    width: 28px;
    margin-left: 10px;
}

.tool-editpdf #sidebar .page-section .layer .layer__content .form__group {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 17px;
}


.tool-editpdf #sidebar .page-section .layer .layer__content .form__group[disabled=disabled] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tool-editpdf #sidebar .page-section .layer .layer__content .form__group.form__group--input {
    margin-right: 0;
}

.tool-editpdf #sidebar .page-section .layer .layer__edit {
    display: inline-block;
}

.tool-editpdf #sidebar .page-section .layer .layer__content .layer__edit {
    padding: 6px;
}

.tool-editpdf #sidebar .page-section .layer .layer__content .layer__trash {
    padding: 6px;
    margin-right: 10px;
}

.tool-editpdf #sidebar .page-section .layer:hover {
    cursor: pointer;
    background: #363a409c;
}

.tool-editpdf #sidebar .page-section .layer.active {
    background: #363a409c;
}

.tool-editpdf #sidebar .page-section .layer .layer__content .layer__input {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.tool-editpdf #sidebar .page-section .layer .layer__content .form__group .input {
    margin: 0;
    height: 33px;
    width: 100%;
}

.tool-editpdf #sidebar .page-section .layer .layer__content .form__group .input[disabled=disabled] {
    background: rgba(0, 0, 0, 0);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
}

.tool-editpdf #sidebar .page-section .layer .layer__content .layer__edit .disable-input,
.tool-editpdf #sidebar .page-section .layer .layer__content .layer__edit .enable-input {
    display: none;
}

.tool-editpdf #sidebar .page-section .layer .layer__content .layer__edit .disable-input.unhide,
.tool-editpdf #sidebar .page-section .layer .layer__content .layer__edit .enable-input.unhide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}

.tool-editpdf #sidebar .page-section .layer .layer__content .layer__edit .disable-input {
    padding: 2px;
}

.tool-editpdf #sidebar .page-section .marker:after {
    content: "";
    position: absolute;
    top: 33px;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #b4b4b4;
}

.tool-editpdf #sidebar .page-section .layer .layer__content .layer__edit.layer__edit--enabled {
    margin-right: 3px;
    margin-left: 3px;
}

.tool-editpdf #sidebar .page-section .layer .layer__content .layer__edit:hover {
    cursor: pointer;
}

.tool-editpdf #sidebar .page-section .layer .layer__content .layer__edit--enabled~.layer__trash {
    display: none;
}


.tool-editpdf #sidebar .page-section .layer .layer__content .layer__edit .disable-input.unhide,
.tool-editpdf #sidebar .page-section .layer .layer__content .layer__edit .enable-input.unhide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn-icon--white {
    background: #fff;
    color: #161616;
}

.btn-icon--sm {
    width: 20px;
    height: 20px;
}

.btn-icon--white path,
.btn-icon--white svg {
    fill: #161616;
}

#uploadImageBtn #uploadImg {
    height: 0px;
    width: 0px;
    top: -1;
    padding: 0;
    overflow: hidden;
}

#editpdf-submenu-wrapper {
    height: 48px;
}

.editpdf-submenu-wrapper .editpdf__menu.editpdf__submenu {
    top: 48px;
    padding-left: 369.516px;
}

.editpdf-submenu-wrapper {
    z-index: 49;
    top: 108px;
}

.editpdf-submenu-wrapper .editpdf__menu.editpdf__submenu .editpdf__menu__block:first-child {
    margin-left: 0;
    border-left: 1px solid #222E41;
}

.editpdf-submenu-wrapper .editpdf__menu.editpdf__submenu .editpdf__menu__block {
    padding-left: 16px;
    padding-right: 16px;
}

.editpdf-submenu-wrapper .editpdf__menu.editpdf__submenu .editpdf__menu__block:first-child {
    padding-left: 0;
}

.editpdf-submenu-wrapper .editpdf__menu.editpdf__submenu .editpdf__menu__block:first-child .wrapper:first-child {
    padding-left: 24px;
}

.editpdf-submenu-wrapper .editpdf__menu.editpdf__submenu .editpdf__menu__block .wrapper:only-child {
    padding: 0;
}

.editpdf-submenu-wrapper .editpdf__menu.editpdf__submenu .editpdf__menu__block .wrapper .editpdf-icon.leftside-icon {
    margin-right: 8px;
}

.editpdf-submenu-wrapper .editpdf__menu.editpdf__submenu input,
.editpdf-submenu-wrapper .editpdf__menu.editpdf__submenu select {
    height: 24px;
    padding: 5px 32px 4px 12px;
}

.editpdf-submenu-wrapper .editpdf__menu.editpdf__submenu {
    background: #314059;
    -webkit-box-shadow: 5px 4px 3px -3px rgba(0, 0, 0, .15);
    box-shadow: 5px 4px 3px -3px rgba(0, 0, 0, .15);
}

#opacity_select option {
    line-height: 20px;
}

.editpdf-submenu-wrapper .editpdf__menu.editpdf__submenu .editpdf__submenu__btn:hover {
    background: #28364D;
}

.editpdf-submenu-wrapper .editpdf__menu.editpdf__submenu .editpdf__menu__block[data-name=recycle_bin] .editpdf__submenu__btn.recycle-bin {
    padding: 0;
    width: 32px;
    height: 32px;
}

.editpdf-submenu-wrapper .editpdf__menu.editpdf__submenu .editpdf__submenu__btn {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 12px;
    height: 32px;
    border-radius: 5px;
    -webkit-transition: all .2s;
    -o-transition: .2s all;
    transition: all .2s;
}

.submenu-opened .active svg path {
    fill: #009070;
}

.editpdf-submenu-wrapper.submenu-hidden {
    opacity: 0;
    pointer-events: none;
}

.editpdf-submenu-wrapper {
    -webkit-transition-property: top, opacity;
    -o-transition-property: top, opacity;
    transition-property: top, opacity;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
}

/* resizable */
.resizable-handle {
    display: block;
    font-size: .1px;
    position: absolute;
}

.resizable-n {
    cursor: n-resize;
    height: 12px;
    left: 9px;
    top: -5px;
    width: calc(100% - 18px);
}

.resizable-e {
    cursor: e-resize;
    height: calc(100% - 18px);
    right: -9px;
    top: 9px;
    width: 12px;
}

.resizable-s {
    bottom: -9px;
    cursor: s-resize;
    height: 12px;
    left: 9px;
    width: calc(100% - 18px);
}

.resizable-w {
    cursor: w-resize;
    height: calc(100% - 18px);
    left: -9px;
    top: 9px;
    width: 12px;
}

.resizable-ne {
    cursor: ne-resize;
    height: 18px;
    right: -9px;
    top: -9px;
    width: 18px;
}

.resizable-se {
    bottom: -9px;
    cursor: se-resize;
    height: 18px;
    right: -9px;
    width: 18px;
}

.resizable-sw {
    bottom: -9px;
    cursor: sw-resize;
    height: 18px;
    left: -9px;
    width: 18px;
}

.resizable-nw {
    cursor: nw-resize;
    height: 18px;
    left: -9px;
    top: -9px;
    width: 18px;
}

/* resizable end*/

:focus {
    outline: none;
}

.editpdf-submenu-wrapper .editpdf__menu.editpdf__submenu .editpdf__menu__block .wrapper:not(:first-child) {
    margin-left: 8px;
}

.editpdf-submenu-wrapper .editpdf__menu.editpdf__submenu .editpdf__menu__block .wrapper,
.editpdf-submenu-wrapper .editpdf__menu.editpdf__submenu .editpdf__menu__block .wrapper.wrapper-no-padding {
    padding: 0;
}

.editpdf-submenu-wrapper .editpdf__menu.editpdf__submenu .color-palette-wrapper>:not(.editpdf-icon) {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 12px;
    height: 32px;
    border-radius: 5px;
    -webkit-transition: all .2s;
    -o-transition: .2s all;
    transition: all .2s;
}

.tool-editpdf .color-palette-wrapper,
.tool-editpdf .color-palette-wrapper>:not(svg),
.tool-editpdf .contextual-menu-wrapper,
.tool-editpdf .contextual-menu-wrapper>:not(svg),
.tool-editpdf [data-menu-action=open_gear_menu],
.tool-editpdf [data-menu-action=open_gear_menu]>:not(svg) {
    -webkit-transition: all .2s;
    -o-transition: .2s all;
    transition: all .2s;
}

.editpdf-submenu-wrapper .editpdf__menu.editpdf__submenu .switch-button.isBold,
.editpdf-submenu-wrapper .editpdf__menu.editpdf__submenu .switch-button.isItalics,
.editpdf-submenu-wrapper .editpdf__menu.editpdf__submenu .switch-button.isUnderline {
    width: 26px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
}

.editpdf-submenu-wrapper .editpdf__menu.editpdf__submenu .switch-button {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 12px;
    height: 32px;
    border-radius: 5px;
    -webkit-transition: all .2s;
    -o-transition: .2s all;
    transition: all .2s;
}

.editpdf-submenu-wrapper .editpdf__menu.editpdf__submenu .switch-button:hover {
    background: #28364D;
}

.editpdf-submenu-wrapper .editpdf__menu.editpdf__submenu .color-palette-wrapper>:not(.editpdf-icon):hover {
    background: #28364D;
}

.editpdf-submenu-wrapper .editpdf__menu.editpdf__submenu .switch-button[data-value=true] {
    -webkit-transition: all .2s;
    -o-transition: .2s all;
    transition: all .2s;
    background: #28364D;
}

element.style {
    z-index: 9999;
    visibility: visible;
    margin: 0px;
    position: absolute;
    inset: 0px auto auto 0px;
    transform: translate(50px, 45px);
}

[data-tippy-root] {
    max-width: calc(100vw - 10px);
}

.tippy-box[data-theme~=light] {
    color: #26323d;
    box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15), 0 4px 80px -8px rgba(36, 40, 47, .25), 0 4px 4px -2px rgba(91, 94, 105, .15);
    background-color: #fff;
}

.tippy-box {
    color: #fff;
    font-size: 14px;
    background: #383e45;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 600;
}

.tippy-box {
    position: relative;
    background-color: #333;
    border-radius: 4px;
    line-height: 1.4;
    outline: 0;
    transition-property: transform, visibility, opacity;
}

.tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1;
}

.tippy-content {
    padding: 6px 12px;
}

.tool-editpdf .tippy-box .tippy-content {
    padding: 5px 12px 7px;
}

[data-tippy-root] [data-theme~=color-palette] .tippy-content .color-palette {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

[data-tippy-root] [data-theme~=editpdf-submenu-contextual-menu] {
    border-radius: 5px;
    padding: 3px 6px
}

[data-tippy-root] [data-theme~=editpdf-submenu-contextual-menu] .tippy-content {
    display: -ms-flexbox;
    display: flex;
    padding: 0
}

[data-tippy-root] [data-theme~=editpdf-submenu-contextual-menu] .tippy-content [data-value] {
    border-radius: 5px;
    cursor: pointer;
    padding: 5px;
    -webkit-transition: background .25s;
    -o-transition: background .25s;
    transition: background .25s
}

[data-tippy-root] [data-theme~=editpdf-submenu-contextual-menu] .tippy-content [data-value]:hover {
    background: #e8e8e8
}

@media (max-width: 1699px) {

    [data-tippy-root] [data-theme~=color-palette].color-palette-fillColor-theme,
    [data-tippy-root] [data-theme~=color-palette].color-palette-strokeColor-theme {
        left: -70px !important
    }
}

[data-tippy-root] [data-theme~=color-palette] .tippy-content .color-palette {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

[data-tippy-root] [data-theme~=color-palette] .tippy-content .color-palette .color-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start
}

[data-tippy-root] [data-theme~=color-palette] .tippy-content .color-palette .color-col {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px;
    border-radius: 5px
}

[data-tippy-root] [data-theme~=color-palette] .tippy-content .color-palette .color-col:hover {
    -webkit-transition: all .2s;
    -o-transition: .2s all;
    transition: all .2s
}

[data-tippy-root] [data-theme~=color-palette] .tippy-content .color-palette .color-col:not(:last-child) {
    margin-right: 5px
}

[data-tippy-root] [data-theme~=color-palette] .tippy-content .color-palette .color-col .color-sample {
    cursor: pointer;
    position: relative;
    display: inline-block;
    border-radius: 2px;
    width: 16px;
    height: 16px
}

[data-tippy-root] [data-theme~=color-palette] .tippy-content .color-palette .color-col .color-sample .check-icon {
    position: absolute;
    top: 4px;
    left: 4px;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

[data-tippy-root] [data-theme~=color-palette] .tippy-content .color-palette .color-col .color-sample[data-value="#FFFFFF"] .check-icon path,
[data-tippy-root] [data-theme~=color-palette] .tippy-content .color-palette .color-col .color-sample[data-value=transparent] .check-icon path {
    fill: #000
}

[data-tippy-root] [data-theme~=color-palette] .tippy-content .color-palette .color-col .color-sample[data-value="#FFFFFF"] {
    border: 1.2px solid #d4d4d4;
    width: 14.2px;
    height: 14.2px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

[data-tippy-root] [data-theme~=color-palette] .tippy-content .color-palette .color-col .color-sample[data-value="#FFFFFF"] .check-icon {
    top: 3.2px;
    left: 2.8px
}


.editpdf-submenu-wrapper .editpdf__menu.editpdf__submenu .contextual-menu-wrapper>* {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 12px;
    height: 32px;
    border-radius: 5px;
    -webkit-transition: all .2s;
    -o-transition: .2s all;
    transition: all .2s;
}

.tool-editpdf .tippy-active>:not(svg),
.tool-editpdf .tippy-active>:not(svg):hover {
    background: #28364D;
}

.editpdf-submenu-wrapper .editpdf__menu.editpdf__submenu .contextual-menu-wrapper>* .unfold-arrow-icon {
    margin-left: 8px;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

#tippy-144,
#tippy-128 {
    display: none;
}

#textAlignment_ContextualMenu.tippy-active~#tippy-144,
#textBackgroundColor_ColorPalette.tippy-active~#tippy-128,
#textFillColor_ColorPalette.tippy-active~#tippy-128 {
    display: block;
}

#textAlignment_ContextualMenu .left,
#textAlignment_ContextualMenu .center,
#textAlignment_ContextualMenu .right {
    display: none;
}

#textAlignment_ContextualMenu[data-val=left] .left,
#textAlignment_ContextualMenu[data-val=center] .center,
#textAlignment_ContextualMenu[data-val=right] .right {
    display: block;
}

.editpdf-submenu-wrapper [data-name=text] [data-name=fontFamilyAndSize],
.editpdf-submenu-wrapper [data-name=text] [data-name=fontTransformationsAndColor],
.editpdf-submenu-wrapper [data-name=text] [data-name=alignment] {
    display: flex;
}

.editpdf-submenu-wrapper [data-name=img] [data-name=fontFamilyAndSize],
.editpdf-submenu-wrapper [data-name=img] [data-name=fontTransformationsAndColor],
.editpdf-submenu-wrapper [data-name=img] [data-name=alignment] {
    display: none;
}

.uploader_fileupload_box {
    position: absolute;
    left: 0;
    width: 100%;
    top: 203px
}

.many .uploader_droptxt {
    margin-top: 280px;
}

.sidebar-active .uploader_fileupload_box {
    position: relative;
    top: 0;
}

#uploadImageBtn {
    margin: 0;
}

/* html-2-pdf */
.modal-content {
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
    background-color: #222E41;
}

.modal-body {
    padding: 12px 26px 24px
}

.modal-header {
    padding: 32px 64px 12px 32px;
    border-bottom: none
}

@media (min-width: 992px) {
    .modal-header {
        padding: 24px 32px 8px 24px
    }
}

.modal-header .close {
    padding: 0;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    min-width: 24px;
    position: absolute;
    top: 24px;
    right: 24px;
    background: rgba(0, 0, 0, .1);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #d4d4d4;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-header .close g,
.modal-header .close path,
.modal-header .close polygon,
.modal-header .close svg {
    fill: #161616;
    margin: 0
}

.modal-header .close {
    color: #fff;
    -webkit-box-shadow: 0 1px 26px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 1px 26px 0 rgba(0, 0, 0, .14);
    background: #626870
}

.modal-header .close:hover g,
.modal-header .close:hover path,
.modal-header .close:hover polygon,
.modal-header .close:hover svg {
    fill: #fff
}

.modal-header .modal-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 12px;
    letter-spacing: 0;
    color: #d4d4d4;
    text-align: left
}
.modal{
    top: calc(50% - 197px);
}
@media (max-width: 62em) {
    .modal-header .modal-title {
        font-size: 22px;
        line-height: 30px
    }
}

@media (max-width: 840px) {
    .modal-header .modal-title {
        font-size: 20px;
        line-height: 26px
    }
}

@media (max-width: 460px) {
    .modal-header .modal-title {
        font-size: 18px;
        line-height: 22px
    }
}


.modal .card-block,
.modal .card-header {
    padding-left: 0;
    padding-right: 0
}

.modal-footer {
    background: #1A2332;
    border-color: transparent;
    padding: 24px 24px 32px
}

.modal-footer .btn+.btn,
.modal-footer a+.btn {
    margin-left: 12px
}

.modal-footer a:not(.btn) {
    color: #161616
}

.modal-footer a:not(.btn):hover {
    color: #e5322d
}

.modal .button,
.modal button {
    width: auto
}



.modal .card {
    border: none
}

.modal .card,
.modal .card-header {
    background: none
}

.modal-dialog {
    display: -ms-flexbox;
    display: flex
}



.modal-backdrop {
    z-index: 1045
}

:focus {
    outline: none !important;
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 1000px
    }
}

.card .nav.nav-tabs .nav-link.active,
.nav.nav-tabs .nav-link.active {
    background: #222E41;
    border-color: #009070#384C6B transparent #384C6B;
    font-weight: 700;
    color: #d4d4d4;
}

.card .nav.nav-tabs .nav-link,
.nav.nav-tabs .nav-link {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .3px;
    line-height: 24px;
    border-radius: 0;
    text-transform: uppercase;
    text-decoration: none;
    color: #161616;
    padding: 12px 24px;
    margin-bottom: 0;
    border-top-width: 3px;
    border-color: rgba(0, 0, 0, 0);
}

.nav.nav-tabs {
    border-color: #3B4F70;
}

.tab-content>.active {
    border-color: transparent;
}

.card .tab-content>.active,
.tab-content>.active {
    background: #222E41;
    padding: 32px 24px;
}

.tab-content>.active {
    display: block;
}

#inputWeb {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    background: #28364D;
    border: 1px solid #33445E;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 400;
    color: #d4d4d4;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    height: 42px;
    padding: 4px 12px 4px 36px;

    line-height: 1.33;
    -webkit-box-shadow: inset 1px 1px 3px 0 hsla(210, 2%, 49%, .2);
    box-shadow: inset 1px 1px 3px 0 hsla(210, 2%, 49%, .2);
}

.input--url:before {
    background: url(./../img/input_url.svg) no-repeat 50%;
}

.input--icon:before {
    top: 12px;
    left: 12px;
    color: #ccc;
    display: block;
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    font-size: 16px;
    text-align: center;
}

.form__group label {
    display: -ms-flexbox;
    display: flex;
}

.input--icon {
    position: relative;
}

.errorMsg {
    display: none;
    font-size: 14px !important;
    text-align: left;
}

.error input {
    border-color: #e5322d !important;
}

.error .errorMsg {
    display: block;
}

#addWeb {
    min-width: 200px;
    padding: 10px 24px;
    text-shadow: none;
    border: none;
    text-decoration: none;
    border-radius: 4px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14);
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0;
    background-color: #383e45;
    color: #fff;
}

#addWeb:hover {
    background-color: #626870;
    -webkit-box-shadow: 0 2px 8px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 8px 2px rgba(0, 0, 0, .2);
    text-decoration: none;
}

#exampleModal label {
    color: #d4d4d4;
}

.converting .tool_header {
    display: none;
}

.html-converting-proportion {
    display: none;
}

.converting .html-converting-proportion {
    display: block;
}

.wait, .waitMsg, .waitMsgError {
    display: none;
    position: absolute;
    color: #fff;
    z-index: 6999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-width: 150px;
    min-height: 150px;
    background: rgba(224, 224, 224, 0.5);
    padding-bottom: 180px;
}

.waitMsg .title2, .waitMsgError .title2 {
    margin-top: 20vh;
}

.title3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0;
    color: #383e45;
    margin-bottom: 12px;
}

.wait>*, .waitMsg>*, .waitMsgError>* {
    color: #333;
}
.waitMsgError img, .waitMsgError svg, .waitMsg img, .waitMsg svg {
    margin: 24px;
}

.tool__workarea__rendered {    
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: none;
}

.editor__container, .editor__content {
    max-width: 800px;
    width: 100%;
    margin: auto;
}

.editor__content {
    position: relative;
    -webkit-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 30%);
    display: inline-block;
}

#goPremium, #processTask, #processTaskWrapper, #settingsRefresh {
    position: fixed;
    bottom: 74px;
    right: 24px;
    width: 392px;
    margin: 0;
    z-index: 1030;
    display: none;
    -webkit-box-shadow: 0 2px 8px 0 rgb(50 50 50 / 30%);
    box-shadow: 0 2px 8px 0 rgb(50 50 50 / 30%);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
#goPremium, #processTask, #processTaskWrapper {
    min-height: 56px;
    font-size: 28px;
    line-height: 28px;
    font-weight: 600;
}
#processTask, #settingsRefresh {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

/* html-2-pdf end */


/* protect-pdf  */
.input--lock:before,
.input--pwd:before {
    background: url(./../img/input_secure.svg) no-repeat 50%;
}

.input--icon .input,
.input--icon input,
.input--icon select {
    padding-left: 36px;
}

.form__group--btn {
    display: -ms-flexbox;
    display: flex;
}

.form__group--btn-lg .input,
.form__group--btn-lg .input--icon,
.form__group--btn-lg input,
.form__group--btn-lg select {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.input--icon {
    position: relative;
}

.option__panel .form__group--btn .btn,
.payment__btn {
    font-size: 18px;
}

.form__group--btn .btn {
    display: flex;
    align-items: center;
    margin: 0;
    border-radius: 0 4px 4px 0;
    height: 30px;
    line-height: 42px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .26px;
    text-transform: uppercase;
    min-width: 0;
    background-color: #383e45;
    color: #fff;
}

.form__group--btn .input,
.form__group--btn input,
.form__group--btn select {
    border-radius: 4px 0 0 4px;
}

.form__group--btn .btn path,
.form__group--btn .btn svg {
    fill: #fff;
}

.protect .option__panel--active {
    text-align: left;
}

.hidden {
    display: none;
}

.alert {
    padding: 24px 24px 24px 56px;
    margin-bottom: 20px;
    border: solid rgba(0, 0, 0, 0);
    border-width: 1px 1px 3px;
    border-radius: 2px;
    text-align: left;
    background-position: 12px;
    background-repeat: no-repeat;
}

.alert--warning {
    color: #ff7202;
    background-color: #fce7c4;
    border-color: #ffcc51;
    background-image: url(./../img/warning.svg);
}

.tool__sidebar__inactive {
    position: fixed;
    top: 0;
    right: 0;
    width: 440px;
    height: 100%;
    z-index: 131;
    background: rgb(19 19 19 / 80%);
    display: none;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-weight: 700;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 10%;
    text-align: left;
}

.tool__sidebar__inactive.show {
    display: flex;
    color: #d4d4d4;
}

.tool__sidebar__inactive>* {
    margin: 12px;
}

#passwordsNotMatch {
    display: none;
}

.dz-image.flex {
    display: flex;
    justify-content: center;
}

/* protect-pdf end */
.layers .layer__edit {
    display: none;
}
.conversion-progress{
    padding: 10px 0;
    color: #333;
}

.dz-preview{
    padding-bottom: 47px;
}
.dz-details{
    position: relative;
}
.dz-filename{
    display: inline-block;
    width: 60%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.dz-percentage{
    width: 44px;
    text-align: center;
    position: absolute;
    color:#ffffff;
    top: 26%;
    left: calc(50% - 22px);
    font-weight: 700;
    font-size: 12px;
    padding: 5px;
    border-radius: 3px;
    background: rgba(71, 172, 240,.8);
    z-index: 999;
}
.dz-percentage:after{
    position: absolute;
    content: '';
    left: 13px;
    top: 100%;
    border-top: 6px solid #91CDF6;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}
.btn-upload-ar{
    right: calc(100% - 361px) !important;
}
.sidebar-active .uploader-ar{
    right: calc(100% - 100px) !important;
}
.convert-failed div a{
    color: #fff;
}
.convert-failed {
    color: red;
}
.convert-failed  a{
    color: #8080ad;
}

.dropMove{
    background-color: rgba(97,92,92 ,.3);
}
#resMessge{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.res-text{
    color: #333;
    font-size: 20px;
    width: 60%;
    background: rgb(255,255,255);
    border-radius: 20px;
    padding: 60px 0;
    position: relative;
}
.resMessageActive{
    display: none !important;
}
.sub_close{
    position: absolute;
    top: 10;
    right: 20px;
    cursor: pointer;
}
.ar_container{
    left: 50px;
}
.sidebar-active .ar-uploader{
    right: calc(100% - 4vw);
}
.ar-downloader_btn svg{
    transform: translate(30px, 0) !important;
}
.ar-chrome-popup{
    left: 5px;
}
.ar-mian-vip  li{
    text-align: right !important;
}
.ar-vip-left{
    float: right !important;
}
.ar-vip-right {
    float: right !important;
}
.ar-vip-dashboard-title{
    text-align: right !important;
}
.ar-vip-ipts-pwd .form-group svg{
    left: calc(100% - 24px) !important;
}
#signupForm div .ar-iconNmae{
    left: calc(100% - 25px) !important;

}
.ar-fileupload .dz-progress{
    transform: rotate(180deg);
}

/* .ar-indicatorContainer{
    transform: rotateY(180deg);
} */

.nav__item--red a span{
    color: #fff !important;
}
.share-buttons-item svg {
    width: 18px;
    height: 18px;
    margin: 10px 15px;
}
.share-buttons li a:hover{
    color: rgb(201, 192, 192);
    text-decoration: none;
}
.share-buttons li{
    padding-right: 5px;
    padding-left: 5px;
}
.share-buttons li a:hover{  
    color: #abd4ff;
}
.share-isSuccess{
    width: 400px;
    position: fixed;
    background: #fff;
    left: calc(50% - 150px);
    top: calc(50% - 200px);
    border-radius: 5px;
    box-shadow: 5px 2px 6px #000;
    display: none;
    z-index: 9999;
}
.share-isSuccess-content{
    padding: 40px 35px 60px 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.share-isSuccess-content div{
    padding: 8px 10px;
    border-radius: 5px;
    color: #fff;
    background: #47ACF0;
    cursor: pointer;
}
.share-isSuccess-title{
    padding: 20px 10px;
    text-align: center;
    font-weight: 700;
}
.uploadPwd{
    position: fixed;
    top: 200px;
    display: none;
    right: 60px;
    z-index: 99;
    width: 300px;
}
.uploadPwd input{
    width: 100%;
}
.sidebar-active .uploadPwd{
    display: block;
}
.uploadPwd-tips{
    font-size: 13px;
    font-weight: 700;
    padding: 20px 0;
    color: #fff;
}
.converting .uploadPwd {
    display: none;
}
.rtl>.tool>.uploadPwd{
    left: 60px;
}

.fileTips svg{
    margin-right: 20px;
}
.third_party_login{
    display: flex;
    justify-content: center;
}
.third_party_login li{
    width: 32%;
}
.third_party_login li a .svg[data-v-e40d1f7c] {
    display: inline-block;
    font-size: 20px;
    margin: 0 6px;
    display: flex;
    align-items: center;
}
.third_party_login li a{
    display: flex;
    color: #444;
    border: 1px solid #dcdfe6;
    height: 36px;
    line-height: 32px;
    width: 98%;
    cursor: pointer;
    margin-right: 20px;
    justify-content: center;
    font-size: 13px;
}
.downloadOnce a{
    background: #F7F9FD;
    width: 36px;
    min-width: 0;
    padding: 0;
    height: 36px;
    color: #fff;
    text-decoration: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 14%);
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 14%);
}
.downloadOnce a svg path{
    fill: red;
}
.downloadOnce{
    display: inline-block;
    margin-left: 8px;
    cursor: pointer;
}
.downloadOnce-pop,.configDelect{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    outline: 0;
    background:rgba(0,0,0,.3);
}

.downloadOnce-content,.configDelect-content{
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transform: none;
    transform: none;
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none;
}
.downloadOnce-box {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid hsla(0,0%,9%,.2);
    border-radius: .3rem;
    outline: 0;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 50%);
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 50%);
}

.isdelectFile{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 30px;
    cursor: pointer;
}
.isdelectFile div{
    color:#fff;
    background-color: #383E45;
    padding: 10px 30px;
}
.isdelectFile div:nth-child(1){
    background-color: #54B289;
    color: #fff;
}
.isdelectFile div:nth-child(2){
    background-color: #a8a8a8;
    color: #fff;
}

@media (min-width: 576px){
    .downloadOnce-content,.configDelect-content{
        max-width: 500px;
        margin: 1.75rem auto;
    }
}
@media (min-width: 992px){
    .downloadOnec-header{
        padding: 24px 32px 8px 24px;
    }
}
.configDelect-content{
    margin-top: 250px;
}



.downloadOnec-header{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    padding: 32px 64px 12px 32px;
    border-bottom: none;
}
.downloadOnec-header .close{
    padding: 0;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    min-width: 24px;
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(0,0,0,.1);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #626870;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
.downloadOnec-header .close svg{
    fill: #161616;
    margin: 0;
}
.downloadOnec-body{
    padding: 12px 26px 24px;
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

h3.title3.red {
    margin-bottom: 24px;
    color: #e5322d;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0;
    text-align: left;
}
#downloadLink{
    width: 100%;
    border-radius: 4px 0 0 4px;
    background: #fff;
    border: none;
    border: 1px solid #aeaeb2;
    text-indent: 22px;
    color: #333;
}
#downloadLink2{
    width: 100%;
    border-radius: 4px 0 0 4px;
    background: #ABABAB;
    border: none;
    border: 1px solid #aeaeb2;
    text-indent: 22px;
    color: #fff;
}
.copylinks{
    width: 100%;
    box-shadow: 0px 0px 0px 6px #dfdfe1;
    border-radius: 5px;
    position: relative;
}
#copy2{
    background-color: #3eb1ad;
}
.earth-link2 path{
    fill: #fff;
}
.earth-link2{
    left: 3%;
    top: 15px;
    position: absolute;
}
.download-link{
    position: relative;
}
.download-link2{
    width: 90%;
    margin: 28px auto;
    display: flex;
}
.earth-link{
    position: absolute;
    top: 13px;
    left: 10px;
}
.linkdown{
    font-size: 13px;
    padding-right: 24px;
}
.download-link button{
    position: absolute;
    right: 0;
    margin: 0;
    border-radius: 0 4px 4px 0;
    height: 42px;
    line-height: 42px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .26px;
    text-transform: uppercase;
    min-width: 0;
}
.delect-link{
    text-align: left;
}
.delect-link input{
    vertical-align: middle;
    margin-right: 10px;
}
.delect-link label{
    cursor: pointer;
}
#qrcode {
    margin-right: 24px;
}
.downloadOnec-footer{
    background: #f6f6f8;
    padding: 24px 24px 32px;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
    border-bottom-right-radius: .3rem;
    border-bottom-left-radius: .3rem;
}
.downloadOnec-footer button{
    width: auto;
    min-width: 200px;
    padding: 10px 24px 14px;
    text-shadow: none;
    border: none;
    text-decoration: none;
    border-radius: 4px;
}



.price-xm{
    padding-top: 150px;
    color: #D4D4D4;
    background-color: #28364D;
}
.price-title{
    height: 31px;
    font-size: 32px;
    font-weight: bold;
    color: #D4D4D4;
    text-align: center;
    margin-bottom: 20px;
}
.price-dec{
    text-align: center;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 45px;
}
.select-vip-buy{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.pay_blackLevel{
    width: 295px;
    margin: 0 10px;
    height: 380px;
    border-radius: 5px;
    padding: 20px;
    text-align: left;
}
.pay_free_title{
    font-size: 18px;
    color: #FFFFFF;
    line-height: 25px;
}
.pay_free_price{
    font-size: 28px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 35px;
}
.pay_free{
    background: linear-gradient(325deg, transparent 1.8em, #BA7368 0);
    position: relative;
}
.pay_free::before,.pay_premiums::before{
    content: "";
    position: absolute;
    right: 12px;
    bottom: -9px;
    background: linear-gradient(
299deg
, transparent 53%, #fff 0);
    width: 28px;
    height: 52px;
    transform: rotate(
26deg
);
    border-bottom-right-radius: inherit;
}

.pay_free_feat{
    font-weight: 400;
    color: #FFFFFF;
    line-height: 25px;
    font-size: 18px;
    margin: 30px 0;
}
.free_support ul li{
    font-size: 13px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 25px;
}
.free_support ul li svg{
    vertical-align: middle;
}
.pay_getStarted,.pay_btn_premium,.contact_seles,.pay_btn_premiumPrice{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 40px 0 20px 0;
}
.pay_getStarted{
    margin: 35px 0 20px 0;
}
.pay_getStarted a,.pay_btn_premium a,.contact_seles a,.pay_btn_premiumPrice a{
    display: inline-block;
    background: #009070;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.19);
    border-radius: 3px;
    width: 260px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    font-size: 20px;
    color: #FFFFFF;
    text-decoration: none;
}
.pay_btn_premium a ,.pay_btn_premiumPrice a{
    background-color: #D9B86A;
}
.pay_btn_premium{
    display: none;
}


.pay_premium_title,.pay_business_title{
    font-size: 18px;
    color: #FFFFFF;
    line-height: 25px;
    margin-bottom: 15px;
}
.pay_premiums{
    background: linear-gradient(325deg, transparent 1.8em, #6A9F96 0);
    position: relative;
}
.pay_premium_table{
    display: flex;
}
.pay_tables{
    width: 50%;
    background: #6A9F96;
    border-radius: 4px;
    height: 32px;
    text-align: center;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.19);
    line-height: 32px;
    cursor: pointer;
}
#paypal-button-edit{
    width: 50%;
    margin: 0 auto;
}
.pay_tables1{
    width: 50%;
}

.pay_tables_2 {

    width: 50%;
}
.pay_tableSelect{
    background-color: #D9B86A;
    color: #333;
}
.pay_yaerly_contentPOP1 span{
    line-height: 18px;
    font-size: 16px !important;
}
#paypal-button-container{
    width: 70%;
    margin: 0 auto;
}
.pay_month_contentPOP,.pay_quarterly_contentPOP,.pay_yaerly_contentPOP{
    padding: 58px 0 0 0;
    font-size: 48px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 73px;
    text-align: center;
}
.pay_yaerly_content1 ul li{
    font-size: 13px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 25px;
}
.pay_yaerly_content1{
    padding: 8px 0 0 0 !important;
}
.pay_yaerly_content2{
    line-height: 32px !important;
}
.pay_yaerly_content2 span{
    font-size: 18px !important;
}
 .popup-bottom-right .pay_blackLevel{
     width: 97%;
     padding-top: 8px;
 }
 .popup-bottom-right .pay_table_select{
     color: #fff;
     background-color: #009070 !important;
 }
 .popup-bottom-right .pay_tables{
     background-color: #CFCFCF;
 }
.pay_month_content,.pay_quarterly_content,.pay_yaerly_content{
    padding: 58px 0 0 0;
    font-size: 48px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 73px;
    text-align: center;
}
.popup-bottom-right .pay_month_content,.popup-bottom-right .pay_quarterly_content,.popup-bottom-right .pay_yaerly_content{
    padding: 35px 0 0 0;
    color: #FF9C00;
}
.sub-tips{
    font-size: 12px;
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    color: #878484;
    padding: 0px 0 35px 0;
}
.pay_month_content span,.pay_quarterly_content span,.pay_yaerly_content span{
    font-size: 20px;
    font-weight: 400;
}
.popup-bottom-right .pay_premiums::before{
    display: none;
}
.pay_quarterly_content,.pay_yaerly_content{
    display: none;
}
.pay_business{
    background-color: #D9B86A;
}
.pay_business_dec{
    font-size: 13px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 18px;
}
.pop_payDec{
    text-align: center;
    font-size: 15px;
    color: #333;
}
.pay_hourglass{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 35px;
}
.coming_soon{
    text-align: center;
    font-size: 19px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 35px;
    margin-bottom: 30px;
}
.pay_table_select{
    background-color: #D9B86A;
    color: #333;
}
.compare_plan{
    width: 962px;
    margin: 0 auto;
    padding-bottom: 60px;
}
.compare_plan_title{
    text-align: center;
    font-size: 32px;
    font-family: Arial;
    font-weight: bold;
    color: #D4D4D4;
    line-height: 46px;
    margin: 30px 0 40px 0;
}
.fun_list_header,.fun_list_top,.fun_list_content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    border: 1px solid #485A77;
}
.fun_list_header .fun_list_first,.fun_list_top .fun_list_first,.fun_list_content .fun_list_first{
    width: 18%;
}
.fun_list_header li,.fun_list_top li,.fun_list_content li{
    width: 27%;
    text-align: center;
}
.fun_list_top{
    border: none;
    background-color: #485A77;
}
.fun_list_top li svg{
    vertical-align: sub;
    margin-right: 10px;
}
.fun_list_texts ul li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    line-height: 25px;
    padding: 0 10px;
}

.fun_list_texts ul li span{
    font-size: 12px;
    font-weight: 400;
    color: #D4D4D4;
  
}
.fun_list_texts:last-child ul .title-price{
    width: 100%;
  
}
.fun_list_texts:last-child ,.fun_list_devices .xm-green:last-child{
    border-right: none;
}
.fun_list_texts ul{
    width: 100%;
}
.fun_list_texts{
    border-right: 1px solid #485A77;
}
.fun_list_content{
    padding: 0;
}
.fun_list_texts:nth-child(2){
    border-left: 1px solid #485A77;
}
.fun_list_devices .fun_list_first{
    text-align: left;
    padding: 0 20px;
    font-size: 13px;
}
.fun_list_devices li{
    line-height: 46px;
    font-size: 18px;
    border-right: 1px solid #485A77;
}
.download_newPage{
    min-height: calc(100% - 354px) !important ;
    
}
.downloade{
    background: #E1E1E1;
}
.llqs-img {
    display: flex;
    justify-content: center;
    padding: 0px 0 10px 0;
}
.llqs-img div{
    margin: 0 5px;
}
.new_h2{
    font-size: 41px;
    font-weight: bold;
    color: #333;
    margin-top: 10%;
    margin-bottom: 15px;
    padding: 0 62px;
    text-align: left;
    line-height: 51px;
}
.new_title2{
    padding: 0 53px;
    text-align: left;
    color: #333 !important;
    font-size: 31px !important;
}
.new_title2 svg{
    vertical-align: bottom;
}
.xm-red{
    color: red;
}
.xm-green{
    color: #49b949;
}
.downloading_s{
    margin-top: 86px;
}
.setUpIMG{
    padding: 35px;
    color: #fff;
    font-size: 20px;
    border-bottom: 1px solid #968e8e;
}
.setUp-content{
    padding: 20px;
    color: #fff;
}
.setUp-topText{
    margin-bottom: 15px;
    font-size: 14px;
    text-align: left;
    color: #009070;
}
.setUp-box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;    
}
.setUpBox-left,.setUpBox-right{
    width: 48%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #28364D;
    padding: 30px 0;
    border-radius: 6px;
    cursor: pointer;
    border: 2px solid #28364D;
}
.setUpBox-left-content span{
    display: block;
    width: 24px;
    height: 32px;
    border: 2px solid #7C7C80;
    margin: 10px auto;
}
.setUpbox-right-content span{
    display: block;
    width: 32px;
    height: 24px;
    border: 2px solid #7C7C80;
    margin: 10px auto;
}
.option_image_title{
    color: #fff;
}
.setUp-select-option{
    margin-bottom: 25px;
}
.setUp-select-title,.setUp-margin-title{
    font-size: 14px;
    color: #fff;
    margin-bottom: 12px;
    text-align: left;
    color: #009070;
}
.setUp-margin-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.setUp-margin-left,.setUp-margin-bottom,.setUp-margin-right{
    width: 32%;
    background-color: #28364D;
    padding: 20px 0;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: 2px solid #28364D;
}
.setUp-marginText{
    font-size: 14px;
    color: #fff;
    margin: 10px;
}
.isMerge-text{
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-top: 10px;
}
.isMerge-text label{
    cursor: pointer;
}
#merge_after{
    width: 20px;
    vertical-align: middle;
    cursor: pointer;
}
#pagesize{
    cursor: pointer;
}
.setUp-box-active,.setUp-margin-box-active{
    border: 2px solid  #009070;
}
.setUp-box-active div,.setUp-margin-box-active div{
    color:#009070;
}
.setUp-box-active span{
    border: 2px solid  #009070;
}
.setUp-margin-box-active svg path{
    fill:#009070;
}
.file-text-img .dz-image{
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.file-text-img .dz-image img{
    display: none;
}
.file-text-img .dz-preview{
    display: inline-grid;
    width: 216px;
    height: 231px;
}
.file-text-img .dz-preview.dz-success{
    width: 216px;
    height: 231px;
    /* width: 198px;
    height: 198px; */
}
.file-text-img .dz-preview.dz-success .dz-details{
    position: absolute;
    bottom: 50px;
    height: 20px;
    width: 100%;
}
.file-text-img .dz-details{
    position: absolute;
    bottom: 50px;
    height: 20px;
    width: 100%;
}
.file-text-img .dz-preview.dz-success .dz-details .dz-size ,.file-text-img .dz-preview.dz-success .dz-details .dz-filename{
    position: unset;
}
.file-text-img .dz-filename span,.file-text-img .dz-size span,.file-text-img .dz-size span strong{
    text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;
}
.bgDom-img{
    /* width: 175px;
    height: 205px; */
    width:127px;
    height:180px;
    margin: 0 auto;
    background-color: #fff;
    transform: rotate(0deg);
}
.bgDomimg{
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.fit-l{
    /* width: 205px;
    height: 175px; */
    width: 180px;
    height: 127px;
    background-color: transparent;
}
.fit-p{
    /* width: 175px;
    height: 205px; */
    width: 127px;
    height: 180px;
    background-color: transparent;
}
.A4-l{
    /* width: 205px;
    height: 175px; */
    width: 180px;
    height: 127px;
}
.A4-p{
    /* width: 175px;
    height: 205px; */
    width: 127px;
    height: 180px;
}

.letter-l{
    /* width: 190px;
    height: 144px; */
    width: 150px;
    height: 110px;
}
.letter-p{
    /* width: 144px;
    height: 190px; */
    width: 110px;
    height: 150px;
}

@media (max-width: 930px) {
    .compare_plan{
        width: 100%;
    }
}
@media (max-width: 768px) {
    .pay_blackLevel{
        width: 40%;
        margin-top: 20px;
    }
    .compare_plan{
        width: 100%;
    }
    .new_h2{
        font-size: 20px;
        line-height: 30px;
    }
    .new_title2{
        font-size: 21px !important;
    }
}
@media (max-width: 500px) {
    .pay_blackLevel{
        width: 100%;
        margin-bottom: 15px;
    }
    .register-p{
        width: 100% !important;
    }
    .main_container .main_content{
        padding: 0 !important; 
    }
    .share .share_title{
        padding: 0 10px;
    }
    .fun_list_texts ul li{
        display: inline-block;
        border-bottom: 1px solid #485A77;
        width: 100%;
        line-height: inherit;
        padding: 0;
        height: 60px;
    }
    .new_h2{
        font-size: 20px;
    }
    .fun_list_devices .fun_list_first{
        font-size: 12px;
    }
    .fun_list_texts ul li span{
        transform: scale(0.7);
        display: inline-block;
    }
    .fun_list_texts ul{
        width: 100%;
    }
}
.popup-box{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    overflow: auto;
    top: 0;
    left: 0;
    z-index: 9999;
}
.popup-content{
    width: 900px;
    margin-top: 200px;
    position: relative;
}
.login-content,.forgotPwd-content{
    width: 500px;
}
.user_downPop,.paypal_success_popup,.email_verific_popup{
    align-items: baseline;
    display: none;
}
.user_downPop_content,.paypal_suc-content{
    width: 700px;
    background-color: #fff;
    border-radius: 10px;
    padding: 45px 20px 20px 20px;
}
#paypal_sucxm,#verific_sucxm{
    background: #b3ae75;
}
.paypal_suc_title{
    color: #333;
    padding: 0 55px 55px 55px;
    font-size: 20px;
}
.paypal_suc_btn{
    width: 84%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.userDown_gif{
    width: 100%;
    display: flex;
    justify-content: center;
}
.userDown_gif img{
    width: 80%;
    height: auto;
    margin: 0 auto;
}
.userDown_text{
    width: 80%;
    margin: 25px auto;
    text-align: center;
    color: #333;
    font-weight: 700;
}
.user_download_btn{
    display: flex;
    justify-content: center;
}
.user_download_btn .btn-install{
    color: #fff;
    background-color: #dd7239;
    border-radius: 4px;
    width: 67%;
    display: inline-block;
    padding: 16px 0;
    text-align: center;
    font-size: 20px;
}
.islogin{
    padding: 60px 0 10px 0;
    font-size: 20px;
    font-weight: 500;
    color: #333;
    text-align: center;
}
.islogup{
    padding: 40px 0 0px 0;
    font-size: 20px;
    font-weight: 500;
    text-align:center;
    color: #333;
    display: none;
}
#gologinShow{
    display: none;
}
#logups-xm{
    width: 73%;
    margin: 0 auto;
    display: none;
}
#logups-xm  form .login-ipt{
    margin-bottom: 24px;
    position: relative;
}
.popup-header{
    padding: 30px;
    background-color: #28374E;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.popup-header div{
    text-align: center;
    margin-bottom: 10px;
}
.popup-title{
    font-size: 25px;
    color: #06C292;
}
.popup-text{
    color: #D6D8DE;
    position: relative;
}
.popup-text a{
    color: #06C292;
}
.popup-title svg{
    vertical-align: text-bottom;
}
.sendSuc{
    color: #fff;
    font-size: 20px;
    display: none;
}
.popup-bottom{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    flex-wrap: wrap;
}
.login-popup-bottom{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.popup-bottom-left{
    border-right: 1px solid #EEEEEE;
}
.popup-bottom-left,.popup-bottom-right{
    width: 49%;
    padding: 20px 0;
}
.popup-bottom-title{
    font-size: 12px;
    font-weight: 400;
    color: #333333;
    padding: 5px 30px;
    background-color: #D6BC93;
    border-radius: 20px;
    width: 80%;
    margin: 0 auto;
}
.popup-bottom-decs{
    font-size: 15px;
    text-align: center;
    color: #333;
}

.popup-bottom-left div,.popup-bottom-right div{
    text-align: center;
    margin-bottom: 15px;
}
.pay_premiums_popup{
    background: linear-gradient(325deg, transparent 1.8em, #fff 0);
    height: 370px !important;
}
.popup-bottom-img{
    margin-bottom: 0px !important;
}
.popup-bottom-text{
    font-size: 14px;
    color: #5B5B5B;
}
.skipdownload{
    color: #bbb;
    cursor: pointer;
}
.popup-bottom-btn button,.buyNow{
    padding: 17px 15px;
    color: #fff;
    font-size: 16px;
    border: none;
    background-color: #00906F;
    border-radius: 6px;
    min-width: 100px;
    cursor: pointer;
}
.buyNow{
    position: absolute;
    bottom: -20px;
    width: 77%;
    left: 11.5%;
}
.pay_btn_premium a,.pay_btn_premium a{
    display: block;
    color: #333;
    color: #fff;
    font-size: 16px;
    border: none;
    background-color: #00906F;
    border-radius: 6px;
    min-width: 100px;
    cursor: pointer;
    position: absolute;
    bottom: 39px;
    width: 77%;
    left: 11.5%;
    height: 52px;
    line-height: 52px;
    bottom: -8px;
}
.close-popups,.close-downPop{
    position: absolute;
    right: 20px;
    top: 18px;
    cursor: pointer;
}
.not-showDownpop{
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.not-showDownpop label{
    font-size: 13px;
    color: #bbbaba;
    cursor: pointer;
    height: 42px;
    display: inline-flex;
    align-items: center;
    margin-top: 20px;
}
.not-showDownpop input{
    margin-right: 10px;
}
.ret-popups{
    position: absolute;
    left: 10px;
    top: 18px;
    cursor: pointer;
}
.popup-first{
    display: none;
}
.check-g-y{
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.check-g a{
    min-width: 170px;
    font-size: 13px;
    border: 1px solid #4186F6;
    display: flex;
    align-items: center;
    margin: 0 10px;
    cursor: pointer;
    color: #333;
    text-decoration: none;
    background-color: #4186F6;
    height: 35px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
}
#isLogin{
    display: none;
}
#isLogin a svg{
    margin-right: 5px;
}
.check-g:nth-child(2) a{
    background-color: #5F01D1;
    border: 1px solid #5F01D1;
}
#logins-xm{
    padding: 0px 60px 20px 60px;
}
.popup-bottom-login{
    width: 100%;
}
.forgot-xm{
    width: 95%;
    margin: 0 auto;
    margin-bottom: 65px;
    display: none;
}
.forgot-xm-top{
   text-align: left;
   padding: 18px 0 0 0;
   width: 25px;
   cursor: pointer;
}
.forgot-text{
    font-size: 20px;
    text-align: center;
    padding: 75px 0 50px 0;
    color: #333;
}
.forgot-email{
    width: 73%;
    margin: 0 auto;
    border: 1px solid #D7D7D7;
    border-radius: 6px;
    margin-bottom: 10px;
   
}

.forgot-email-tip,.forget-success,.forget-fail{
    margin: 0 auto;
    font-size: 12px;
    color: #333;
    width: 70%;
}
.forgot-email-tip{
    margin-bottom: 16px;
}
.forget-success,.forget-fail{
    position: absolute;
    left: 16%;
    display:  none;
}
.forgot-btn{
    margin-top: 110px;
}
#forgot-btn svg{
    display: none;
}
.resetPwd{
    text-align: center;
}
.resetPwd a{
    color: #00906F;
    font-size: 13px;
    border-bottom: 1px solid #00906F;
    margin-bottom: 25px;
    display: inline-block;
    text-align: center;
}
.pop-to-login a{
    border-bottom: 1px solid #00906F;
    display: inline-block;
}
.check-g div:nth-child(1){
    width: 30px;
    background: #fff;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #4186F6;
}
.login-ipt input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset;}

.check-g div:nth-child(2){
    width: calc(100% - 28px);
}
.check-g a div svg{
    vertical-align: sub;
}
.login-from form .login-ipt{
    width: 100%;
    margin: 0px auto;
    margin-bottom: 30px;
    border-radius: 5px;
    border: 1px solid #DEDEDE;
    position: relative;

}
.login-ipt{
    display: flex;
}

.login-ipt div{
    width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.failTips{
    font-size: 16px;
    color: red;
    position: absolute;
    width: 100% !important;
    top: 108%;
    left: 0;
    text-align: left;
    display: unset !important;
}
.failTips span{
    display: none;
}
.forgot-imgs{
    width: 73%;
    margin: 0 auto;
    border-radius: 6px;
    margin-bottom: 10px;
    position: relative;
}
.passwordNo{
    font-size: 13px;
    text-align: left;
    width: 85%;
    margin: 0 auto;
    position: absolute;
    left: 13%;
    display: none;
}
#codeforgot{
    position: absolute;
    left: 8px;
    top: 14px;
}
.forgot-imgs img{
    height: 41px;
    vertical-align: middle;
    width: 100px;
}
.forgot-imgs input{
    padding: 10px 0;
    border: none;
    outline: none;
    background-color: #fff;
    color: #333;
    border: 1px solid #D7D7D7;
    text-indent: 32px;
}
#failCode{
    color: red;
    font-size: 13px;
    padding: 3px 0;
    display: none;
    position: absolute;
}
.login-ipt input{
    width: calc(100% - 35px);
    padding: 10px 0;
    border: none;
    outline: none;
    background-color: #fff;

    color: #333;
}
.login-CheckTerm{
    display: flex;
    margin-bottom: 20px;
    color: #333;
}
#signupForm div .iconNmae {
    position: absolute;
    left: 15px;
    top: 27px;
}
#signupForm div .verification {
    position: absolute;
    top: 101%;
    display: inline-block;
    width: 100%;
    left: 0;
    text-align: left;
    font-size: 13px;
    text-indent: 20px;
    color: red;
    display: none;
}
.login-CheckTerm input{
    width: 35px;
    height: 20px;
}
.login-CheckTerm div{
    font-size: 13px;
    margin-left: 10px;
    line-height: 20px;
}
.login-CheckTerm div a{
    color: #00906F;
}
.login-btn-pop{
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}
.login-btn-pop button{
    padding: 0px 25px;
    min-width: 300px;
    background-color: #00906F;
    font-size: 20px;
    color: #fff;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    height: 48px;
}
.pop-to-login{
    text-align: center;
    margin-bottom: 25px;
    font-size: 13px;
    color: #333;
}
.pop-to-login a{
    color: #00906F;
    display: inline-block;
    padding-top: 3px;
}   
.popup-bottom-share{
    width: 90%;
    padding-bottom: 160px;
}
.popup-share-title{
    font-size: 15px;
    margin: 20px 0;
    text-align: left;
}
.popup-share-title span:nth-child(1){
    color: #333;
}
.popup-share-title span:nth-child(2){
    color: #A6A6A6;
}
.popup-login{
    display: none;
}
.popup-share-link{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.popup-copy-link{
    min-width: 100px;
    background-color: #00906F;
    padding: 10px 40px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.inpt-text{
    width: 75%;
}
.inpt-text input{
    width: 100%;
    outline:none;
    padding: 10px 0;
    border: 1px solid #D5D5D5;
    border-radius: 5px;
    background-color: #EDEDED;
    color: #333;
    text-indent: 20px;
}
.popup-buy-vip{
    padding: 30px 0;
}
.share-btns-popup{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    margin: 10px 0;
}
.share-btns-popup a{
    text-decoration: none;
    margin: 0 3px;
}
.popup-share{
    display: none;
}
.popup-buy-vip{
    width: 90%;
}
.buyVip-title{
    font-size: 14px;
    color: #252525;
    margin-bottom: 30px;
    text-align: left;
}
.buyVip-select{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.buyVip-S{
    width: 186px;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    height: 190px;
    cursor: pointer;
}
.buyVip-STitle{
    font-size: 16px;
    padding: 10px;
    border-bottom: 1px solid #DBDBDB;
    color: #333333;
    text-align: left;
}
.buyVip-Sprice{
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    padding: 35px 0;
}
.buyVip-S button{
    min-width: 125px;
    border: none;
    border-radius: 21px;
    padding: 6px 15px;
    background-color: #3598DB;
    font-size: 18px;
    font-weight: 700;
    margin: 0 auto;
    display: inherit;
    color: #fff;
    cursor: pointer;
}
.buyVip-S .btn2{
    background-color: #00906F;
}
.buyVip-S .btn3,.buyVip-S .btn4{
    background-color: #E84C3D;
}
.buyPayment{
    width: 50%;
    margin: 0 auto;
    margin-bottom: 30px;
}
.vipSelect-active{
    border: 1px solid #068A67;
}
.popup-buyVip {
    display: none;
}
.uploadPwding{
    display: none !important;
}
.img-rotate{
    position: absolute;
    top: 3px;
    left: 3px;
    cursor: pointer;
    background: #333;
    border-radius: 50%;
    display: none;
}
.pro-content{
    background-color: #fff;
    width: 450px;
    border-radius: 10px;
    position: absolute;
    left: 209px;
    top: 28px;
    box-shadow: 1px 1px 5px #888888;
    cursor: pointer;
    display: none;
    z-index: 5;
}
.pro-content ul{
    display: flex;
    justify-content: space-between;
    padding: 15px;
    flex-wrap: wrap;
}
.pro-content ul li{
    color: #333;
    width: 50%;
    text-align: left;
    line-height: 29px;
}
.pro-svg{
    position: absolute;
    top: -16px;
    left: -158px;
    width: 100%;
}
.sub-tips{
    font-size: 12px;
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    color:#878484;
    padding: 35px 0 0px 0;
}
.new-table-save{
    position: absolute;
    top: 0;
    right: 0;
}
.new-table-save svg{
    width: 30px;
    height: 30px;
}
.sequence{
    font-size: 18px;
    color: #fff;
    position: absolute;
    top: 8px;
    left: 6px;
}
.chrome-popup img{
    border-radius: 5px;
    box-shadow:0px 0px 5px 1px #c4b3b3;
}
.isDelect{
    width: 100%;
    text-align: left;
    font-size: 15px;
    color: #fff;
    position: relative;
    display: none;
}
.isDelect label{
    cursor: pointer;
    position: relative;
}
.isDelect label input{
    vertical-align: middle;
    width: 24px;
}
.isDelect img{
    position: absolute;
    left: -40px;
    top: 7px;
    width: 32px;
    transform: rotate(
90deg
);
}
.isDelect .delectGif{
    position: absolute;
    left: 70%;
    top: 20%;
    transform: rotate(-90deg);
}
.delete-account-box{
    width: 95%;
    margin: 0 auto;
    text-align: left;
    padding: 20px;
}
.delete-account-header{
    color: #cb2431;
    font-size: 24px;
    margin-bottom: 8px;
    text-align: left;
    margin-bottom: 16px;
    padding: 20px 0;
}
.delect-account-text{
    font-size: 14px;
    margin-bottom: 10px;
    text-align: left;
}
.delect-account-btn button,.closeSub-btn button{
    padding: 5px 16px;
    background-color: #fafbfc;
    border-radius: 6px;
    border: 1px solid #D9DBDB;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #d73a49;
}
.closeSub-btn {
    margin-top: 10px;
}
.closeSub-text{
    font-size: 14px;
    font-weight: 400;
    padding: 10px;
}
.delect-account-btn button:hover,.closeSub-btn button:hover{
    background-color: #cb2431;
    color: #fff;
}
.delect-account-popup,.delect-tip-popup,.closeSub-tip-popup,.unsubscribe-tip-popup{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}
.current_quantity{
    font-size: 20px;
    color: #fff;
    display: none;
}
.current_quantity strong{
    font-size: 23px;
    color: #B5DE64;
}
.closeSub-tip-header{
    padding: 20px;
}
.closeSub-yn{
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
}
.closeSub-yn button:nth-child(1){
    background-color:#d7d7d7; 
}
.closeSub-active button:nth-child(1){
    background-color: #5CB85C;
}
.closeSub-yn button:nth-child(2){
    background-color: #5BC0DE;
}
.userAccount-name{
    padding: 20px;
    font-size: 14px;
    color: #333;
    font-weight: 400;
    text-align: left;
    width: 95%;
    margin: 0 auto;
    border-bottom: 1px solid #E8E8E8;
}
.delectAc-content{
    box-shadow: 0 0 18px rgb(0 0 0 / 40%);
    margin-left: auto;
    margin-right: auto;
    width: 448px;
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 10px;
    max-height: 80vh;
    max-width: 90vw;
    margin: 10vh auto;
    text-align: left;
}
.delectAc-content-header{
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #F6F8FA;
    padding: 10px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    
}
.resetPwd-logo a img{
    width:110px;
    height: 50px;
}

.changePwd-text{
    font-size: 18px;
    text-align: center;
    line-height: 21px;
    font-weight: 100;
    padding: 20px 0;
}
#resetPwd-form{
    margin: 0 auto;
    width: 340px;
    background: #F6F8FA;
    border-radius: 10px;
    padding: 40px  20px;
    position: relative;
}
#resetPwd-form div {
    margin-bottom: 15px;
}
#resetPwd-form div input{
    width: 85%;
    background: #fff;
    color: 333;
    border: 1px solid #E1E4E8;
}
.resetPwd-lable{
    width: 85%;
    font-size: 14px;
    text-align: left;
    margin: 0 auto;
}
.delectAc-content-header button{
    background-color: transparent;
    padding: 10px;
    border: none;
    box-shadow: none;
}
.delectAc-content-warn{
    padding: 20px 10px;
    background-color: #FFE3E6;
    font-size: 14px;
}
.delectAc-content-box{
    padding: 10px;
}
#ResetSubmit{
    background-color: #2EA44F;
    color: #fff;
    border-radius: 8px;
    width: 85%;
}
.allInfo{
    padding: 10px;
    border-bottom: 1px solid #EBEDEF;
}
.resetPwdTips{
    margin: 20px 0;
    font-size: 12px;
    width: 85%;
    margin: 0 auto;
    text-align: left;
    margin-top: 65px;
}
.allInfo ul li{
    text-indent: 5px;
    line-height: 24px;
    list-style: inside;
}
.delectAc-box-header{
    font-weight: 700;
}
.verify-username{
    padding: 20px 10px;
}
.verify-username div{
    padding: 3px 0;
    font-weight: 700;
}
.submitDelect-account{
    padding: 0px 10px;
}
.submitDelect-account button{
    font-weight: 500;
    background-color: #FAFBFC;
    width: 100%;
    padding: 5px;
    border: 1px solid #D9DBDB;
    color: #E99AA3;
    font-size: 13px;
}
.delect-tip-content{
    padding: 30px 10px;
}
#enterUsername,#delectAcount,#typeOk{
    background: #F6F8FA;
    width: 100%;
    border: none;
    color: #333;
}
.delectAcount{
    font-weight: 400;
}
.userTips,.userTips2,.userTips3{
    font-size: 13px;
    margin-top: 3px;
    color: red;
    display: none;
}
.submitDelect-account-active button{
    color: red;
}
.successTip-box {
    background-color: #fff;
    max-width: 300px;
    margin:200px auto;
    border-radius: 5px;
    min-height: 130px;
    padding: 31px;
}
.edit_successTip{
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,.3);
    z-index: 999;
    display: none;
}
.successContent{
    font-size: 20px;
    text-align: left;
}
.closeSub{
    text-align: left;
    padding: 20px;
    width: 95%;
    margin: 0 auto;
    font-size: 20px;
    color: #333333;
    border-bottom: 1px solid #E8E8E8;
}
.userAccount-title{
    border-bottom: none !important;
}
.autoDelete-tip{
    padding: 35px 50px;
    background-color: #FFFFFF;
    color: red;
    position: relative;
    display: none;
}
.closeAutoDe-tip{
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
.popup-editUpload{
    position: fixed;
    width: 100%;
    height: calc(100% - 60px);
    background: #F5F5F5;
    margin-top: 60px;
    z-index: 99;
    display: none;
}
.edit-popHeader{
    height: 45px;
    background: #e3e3e3;
    background: rgba(227, 227, 227,.2);
}
.edit-popbox {
    padding: 10px 20px;
}

.edit-popboxHeader ul li{
    width: 35px;
    height:  20px;
    background: rgba(227, 227, 227,.2);
    margin-right: 10px;
}
.edit-popboxHeader ul{
    display: flex;
}
.edit-popboxHeader{
    display: flex;
    justify-content: space-between;
}
.edit-popboxbottom .left{
    width: 20px;
    border-right: 1px solid #fcf1f1;
}
.edit-popboxbottom .left li{
    width: 10px;
    height: 10px;
    line-height: 15px;
    background: rgba(227, 227, 227,.2);
    margin: 3px 0;
}
.edit-popboxbottom .cut{
    width: 10%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-right: 1px solid #fcf1f1;
}
.edit-popboxbottom .cut li{
    width: 50px;
    height: 10px;
    background: rgba(227, 227, 227,.2);
    margin: 3px;
}
.edit-popboxbottom{
    display: flex;
    margin-top: 5px;
}
.edit-popboxbottom .font{
    width: 25%;
    display: flex;
    justify-content: space-between;
    border-right: 1px solid #fcf1f1;
    flex-wrap: wrap;
}
.edit-popboxbottom .font li{
    width: 40px;
    height: 10px;
    background: rgba(227, 227, 227,.2);
    margin: 3px;
}
.edit-popboxbottom .font li:nth-child(1){
    width: 100px;
}
.edit-popboxbottom .normal{
    display: flex;
    width: 35%;
    flex-wrap: wrap;
}
.edit-popboxbottom .normal li{
    width: 80px;
    height: 40px;
    background: rgba(227, 227, 227,.2);
    margin: 3px;
}
.progressBox{
    width: 40%;
    height: 35%;
    max-width: 500px;
    min-width: 300px;
    background: #F5F5F5;
    margin: 90px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.progressContent{
    width:80%;
    margin:30px auto;
    transform: translate(00px, 10px);
 }

.tbox{
    width:100%; 
    background:url(../img/bak.png) no-repeat; 
}

.tbox div{
    width:0px; 
    height:49px; 
    background:url(../img/pro.png) no-repeat; 
    text-align:center;
    font-size:18px; 
    line-height:48px;
}
.uoloadTip-pop{
    font-size: 13px;
    color: #333;
    text-align: center;
    margin: 10px 0;
}
.demo{ padding: 2em 0; background-color: #212121; }
.progress{
    height: 25px;
    background: #9ab689;
    padding: 5px;
    overflow: visible;
    border-radius: 20px;
    border-top: 1px solid #9ab689;
    border-bottom: 1px solid #7992a8;
    width: 80%;
  
}
.progress .progress-bar{
    border-radius: 20px;
    position: relative;
    animation: animate-positive 2s;
    position: relative;
}
.progress .progress-value{
    /* display: block;
    padding: 3px 7px;
    font-size: 13px;
    color: #333;
    border-radius: 4px;
    border: 1px solid #000;
    position: absolute;
    top: -40px;
    right: -10px; */
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    top: -34px;
    left: 90%;
    color: #333;
    font-size: 20px;
}
/* .progress .progress-value:after{
    content: "";
    border-top: 10px solid #191919;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    bottom: -6px;
    left: 26%;
} */
.progress-bar.active{
    animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s;
}
.cfgEmail_logo_a{
    display: flex;
    align-items: center;
    padding: 0 24px;
    height: 100%;
    justify-content: center;
    height: 90px;
}
.cfgEmail_success img{
    width: 100px;
}
.cfgEmail_title{
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding: 20px;
}
.cfgEmail_text{
    font-size: 17px;
    color: #fff;
    width: 80%;
    margin: 0 auto;
    padding: 10px 0;
}
.start_usring a{
    display: inline-flex;
    justify-content: center;
    margin: 20px;
    background-color: #00906F;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: 15px 40px;
    border-radius: 5px;
}
.cfgEmailsuc_text{
    font-size: 25px;
    color: #fff;
    font-weight: 700;
}
.cfgEmailsuc_text1{
    font-size: 18px;
    color: #fff;
}
.cfgEmailSuc_ful{
    font-size: 16px;
    color: #9c6161;
    margin: 20px 0;
    padding: 20px;
    background: #D3F2DD;
    border-radius: 3px;
    border: 1px solid #46985A;
    border-bottom: 3px solid #46985A;
}
.cfgEmailSuc_ful span{
    margin-left: 20px;
}
@-webkit-keyframes animate-positive{
    0% { width: 0; }
}
@keyframes animate-positive{
    0% { width: 0; }
}
@media (max-height: 950px) {
    .many .uploader_droptxt {
        margin-top: 120px;
    }
    .uploader_droptxt{
        margin: 0px 0;
    }
    .uploader_droptxt{
        margin: 0vh 0;
    }
    .merge_droptxt {
        margin-top: 100px !important;
    }
    .tool_header_subtitle, .tool_header_powerby {
        max-width: 800px;
        font-size: 13px;
        font-weight: 400;
        color: #333;
        letter-spacing: 0;
        margin: 0 auto 8px;
        line-height: 14px;
        min-height: 14px;
    }
    .uploader_fileupload_box {
        position: absolute;
        left: 0;
        width: 100%;
        top: 140px;
    }
    #file-text{
        display: none;
    }
    .converting-converting-text{
        font-size: 20px;
        font-weight: 400;
        color: #FFF;
        line-height: 30px;
        text-align: center;
    }
    .share .share_title{
        padding: 0;
    }
    .download .title1, .download .title2{
        margin-top: 0px;
        margin-bottom: 5px;
    }
    .card-body{
        margin-top: 1%;
        max-width: 98%;
    }
    .chrome-popup div:nth-child(1) img{
        height: 170px;
    }
    .chrome-popup p{
        line-height: 13px;
    }
    .main_container .main_content{
        padding: 3px 35px;
    }
    .ad_content{
        margin-top: 10px !important;
    }
    #ytplayer{
        width: auto;
        height: 170px;
    }
    .new_h2{
        font-size: 20px;
        line-height: 23px;
        margin-top: 1%;
        margin-bottom: 0px;
    }
    .new_title2{
        font-size: 22px !important;
    }
    .share-buttons-item svg{
        margin: 4px 15px;
    }
    .card-bodying{
        margin-top: -10px !important;
    } 
}
.text-left{
    width: 750px;
    margin: 0 auto;
}
.closeFreeMerber{
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
}
.edit_freeMember_popup{
    display: none;
}
.freeMember-content{
    width: 550px;
    height: 300px;
    background-color: #fff;
    margin: 300px auto;
    border-radius: 10px;
    padding: 15px;
    position: relative;
    color: #fff;
    z-index: 9999;
}
#loginGif{
    display: none;
}
.editlogup{
    padding: 20px 65px 10px 65px;
    margin: 0 auto;
    color: #333;
    text-align: center;
    font-size: 12px;
    display: none;
}
.edit-to-login{
    display: none;
}
.slogan{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
.followUs span{
    display: inline-block;
    margin: 0 3px;
}
.officeOnline{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px 0;
}
.officeOnline .online-line{
    height: 1px;
    border: 1px dashed #434E62;
    width: 41%;
}
.officeOnline .online-text{
    font-size: 18px;
    color: #b1bed7;
    padding: 0 10px;
}
.flex-center a{
    color: #fff;
    display: inline-block;
    width: 100%;
}
.fun_list_texts .title-price{
    min-height: 45px;
    line-height: 25px;
    width: 101%;
    padding: 0;
    background: #28364D;
    border-top: 1px solid #485A77;
    border-bottom: 1px solid #485A77;
    text-indent: 13px;
}
.download_container{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    border: 3px solid #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 2px #b8adad;
    background-image: url("../images/downloade.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: -100px;
}
#download{
    background:rgba(254,254,254,.4);
    border-radius: 8px;
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 10%);
    border: 1px solid #fff;
}
.filename_file{
    position: absolute;
    width: 60%;
    bottom: 1px;
    font-size: 13px;
    color: #333;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    left: 23%;
}

.pdfview_send{
    display: flex;
    justify-content: space-around;
    margin-top: 6%;
    flex-wrap: wrap;
}


.pdfview_download{
    width: 170px;
    height: 220px;
    position: relative;
    border-radius: 8px;
    background: #E1EDF9;
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 10%);
}
.pdfview_download::before{
    content: "";
    background-image: url(../images/box-show.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    height: 6px;
    left: 4%;
    position: absolute;
    top: 100%;
    width: 92%;
}
.preview_pdf{
    width: 90%;
    height: 93%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.pdficon{
    height: 88%;
    width: 90%;
    position: absolute;
    left: 5%;
    top: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #fff;
}
.pdficon img{
    width: 40px;
    box-shadow: 0px 0px 6px 1px #333;
    border-radius: 5px;
}
.pdfsend{
    /* padding: 20px 30px; */
    background-color: #E1EDF9;
    border-radius: 8px;
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 10%);
    position: relative;
}
.pdfsend::before{
    content: "";
    background-image: url(../images/box-show.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    height: 6px;
    left: 4%;
    position: absolute;
    top: 100%;
    width: 92%;
}
.pdfsend h1{
    font-size: 18px;
    font-weight: 700;
    padding: 20px 30px;
    padding-bottom: 22px;
  
}

.icon_send{
    background-color: #FFFFFF;
    border-radius: 6px;
    padding: 6px;
}
.send_to{
    font-size: 13px;
    text-indent: 25px;
    text-align: left;
}
.send_icons{
    display: flex;
    align-items: center;
    padding: 20px;
    flex-wrap: wrap;
}
#send_facebook img{
    width: 31px;
}
.send_icons div{
    width: 33.3%;
    margin: 13px 0 0 0;
}
.send_icons div a{
    width: 30px;
    min-width: 0;
    padding: 0;
    height: 30px;
    border-radius: 100%;
    color: #fff;
    text-decoration: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 14%);
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 14%);
    cursor: pointer;
}
#select_google_drive.disabled {
    background: #c2b8b8;
    cursor: no-drop;
}

#select_google_drive.disabled svg path:nth-child(2) {
    fill: lightgray;
}

#select_google_drive.disabled svg path:nth-child(3) {
    fill: lightgray;
}

#select_google_drive.disabled svg path:nth-child(4) {
    fill: lightgray;
}

#select_dropbox_file.disabled {
    background: #c2b8b8;
    cursor: no-drop;
}

#select_dropbox_file.disabled svg path:nth-child(2) {
    fill: lightgray;
}

#select_dropbox_file.disabled svg path:nth-child(3) {
    fill: lightgray;
}

.download_left{
    width: 30%;
    border-right: 1px solid #D9D7D8;
    padding: 35px 0;
    margin: auto;
    height: 437px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.download_right{
    width: 67%;
    margin: auto;
}
.file-img{
    width: 150px;
    height: 200px;
    border-radius: 5px;
    position: relative;
    background: #fff;
}
.file-img-flex img{
    width: 35px;
    box-shadow: 2px 6px 18px 0px #333;
    border-radius: 5px;
}
.file-img-flex{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 5px;
}
#example1 canvas{
    border-radius: 5px;
    width: 100%;
    margin: 0 auto;
}
.fiel-size{
    color: #6D6D6D;
    font-size: 14px;
}
.download_right_box{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.download_right_down{
    width: 47%;
    color: #333;
    font-size: 16px;
    text-align: left;
    padding: 20px;
    margin: 0 10px;
    box-shadow: 0px 0px 5px 1px #cdcbcb;
    border-radius: 8px;
}
.download_right_check{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.download_xm_text span:nth-child(1){
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 4px;
    text-align: center;
    border: 2px solid #CACACA;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #fff;
}
.download_xm_text span svg{
    vertical-align: revert;
    margin-top: 3px;
}
.download_xm_t{
    display: inline-block;
    margin-top: 10px;
    font-weight: bold;
}
.download_bottom_text{
    margin-top: 15px;
    padding-bottom: 90px;
    font-size: 14px;
}
.ad_content_download{
    margin: 0 auto;
    max-width: 1150px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid transparent;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.downloadE_btn{
    width: 100%;
}
.downloadE_btn a{
    width: 97%;
    margin: 20px auto 0;
    background-color: #048F70;
    text-align:center;
    border-radius: 7px;
    padding: 15px;
    display: inline-block;
    color: #fff;
    font-size: 20px;
    box-shadow: 0px 0px 10px 1px #535151;
}
.pdfview{
    width: 100%;
    height: 100%;
}
.pdfview img{
    width: 100%;
    height: 100%;
}
.fileNmae-text{
    font-size: 16px;
    font-weight: 400;
    color: #6D6D6D;
    padding: 6px 0;
    width: 150px !important;
    margin-top: 15px;
}
.download_activeXm{
    background-image: linear-gradient(104deg, #c19ed3 , #6665AB);
    color: #fff;
}   
.download_xm_span svg{
    vertical-align: middle !important;
    width: 30px;
    height: 30px;
}
.radio_type{
    width: 20px;
    height: 20px;
    appearance: none;
    position: relative;
    line-height: 20px;
    display: inline-block;
    margin-left: 5px;
    margin-right:15px;
    color: #777;
    cursor: pointer;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 50%;
}
.radio_type:before{
    content: '';
    width: 20px;
    height: 20px;
    border: 1px solid #52688D;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}
.radio_type:checked:before{
    content: '';
    width: 20px;
    height: 20px;
    border: 1px solid #c59c5a;
    background:#c59c5a;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}
.radio_type:checked:after{
    content: '';
    width: 10px;
    height:5px;
    border: 2px solid white;
    border-top: transparent;
    border-right: transparent;
    text-align: center;
    display: block;
    position: absolute;
    top: 6px;
    left:5px;
    transform: rotate(-45deg);
}
.radio_type:checked+label{
    color: #c59c5a;
}
.gcse-search-box{
    max-width: 800px;
    min-width: 320px;
    margin: 0 auto;
}
.gcse-search-box input{
    color: #333;
}
.gs-title{
    text-align: left;
}
.skypeShare{
    background-color: transparent !important;
    height: 100% !important;
    width: 100% !important; 
    color: #333 !important;
}
@media (max-width: 1366px) {
    .many .uploader_droptxt {
        margin-top: 120px;
    }
    .uploader_droptxt{
        margin: 0px 0;
    }
    .uploader_droptxt{
        margin: 0vh 0;
    }
    .merge_droptxt {
        margin-top: 100px !important;
    }
    .tool_header_subtitle, .tool_header_powerby {
        max-width: 800px;
        font-size: 13px;
        font-weight: 400;
        color: #333;
        letter-spacing: 0;
        margin: 0 auto 8px;
        line-height: 14px;
        min-height: 14px;
    }
    .uploader_fileupload_box {
        position: absolute;
        left: 0;
        width: 100%;
        top: 140px;
    }
    #file-text{
        display: none;
    }
    .converting-converting-text{
        font-size: 20px;
        font-weight: 400;
        color: #FFF;
        line-height: 30px;
        text-align: center;
    }
    .share .share_title{
        padding: 0;
    }
    .download .title1, .download .title2{
        margin-top: 0px;
        margin-bottom: 5px;
    }
    .card-body{
        margin-top: 1%;
    }
    .chrome-popup div:nth-child(1) img{
        height: 170px;
    }
    .chrome-popup p{
        line-height: 13px;
    }
    .main_container .main_content{
        padding: 3px 35px;
    }
    .ad_content{
        margin-top: 10px !important;
    }
    #ytplayer{
        width: auto;
        height: 170px;
    }
    .new_h2{
        font-size: 20px;
        line-height: 23px;
        margin-top: 1%;
        margin-bottom: 0px;
    }
    .new_title2{
        font-size: 22px !important;
    }
    .share-buttons-item svg{
        margin: 4px 15px;
    }
    .card-bodying{
        margin-top: -10px !important;
    } 
}
@media (max-width: 1150px) {
    .sequence{
        position: unset;
    }
    .download_right_down{
        width: 45%;
    }
    .download_right_down{
        font-size: 14px;
    }
    .download_right_down{
        padding: 20px 10px;
    }
}
@media (max-width: 900px) {
    .text-left{
        width: 95%;
        margin: 0 auto;
    }
    .popup-content{
        width: 100%;
    }
    .buyVip-S{
        width: 45%;
        margin-top: 15px;
    }
    .buyPayment{
        width: 90%;
    }
    .popup-bottom-left, .popup-bottom-right{
        width: 100%;
    }
    .popup-bottom-left{
        border-bottom: 1px solid #EEEEEE;
    }
    .popup-bottom-login{
        width: 90%;
    }
    
   
}

.downloadE_btn1{
    display: block
}
.downloadE_btn2{
    display: none;
}
.download_chorm_popup{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0,0,0,.5);
    color: #fff;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
}
.chrome_content {
    width: 600px;
    background: #fff;
    padding: 20px 50px;
    border-radius: 20px;
    position: relative;
}
.close_chrome_popup{
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.converted_file {
    color: #333;
    margin: 30px auto;
    width: 96%
}

.converted_file_box {
    align-items: center;
    background-color: #eff5fb;
    border-radius: 20px;
    box-shadow: 0 0 5px 1px rgb(0 0 0/4%);
    display: flex;
    justify-content: space-between;
    padding: 0 0 0 10px;
    position: relative
}

.converted_file_box:before {
    background: url(/images/converted.png);
    background-repeat: no-repeat;
    background-size: 90%;
    content: "";
    display: block;
    height: 20px;
    left: 5%;
    position: absolute;
    top: 100%;
    width: 100%
}

.converted_left {
    width: 100px
}

.converted_right {
    background-color: #e0ecf8;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    width: calc(100% - 100px)
}

.converted_item {
    display: flex;
    font-size: 13px;
    justify-content: space-between
}

.converted_item div {
    text-align: left
}

.converted_item div {
    width: 12%
}

.converted_item div:last-child {
    width: 40%
}



.converted_item span img {
    vertical-align: middle
}

.converted_top {
    border-bottom: 1px solid #d4e0ed;
    font-size: 13px;
    padding: 10px 30px
}

.converted_bottom {
    padding: 20px 30px
}


#converted_img {
    margin: 0 8px;
    vertical-align: initial
}

.converted_size {
    color: #919ba2;
}

.edit_btn,.view_btn {
    background: #6e99cf;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    padding: 4px
}

.edit_btn {
    background-color: #ff8246
}
.converted_item .send_icons{
    padding: 0;
    align-items: center;
    flex-wrap: wrap;
}
.converted_item .send_icons div{
    margin: 0;
}
.copylink_download{
    display: flex;
    background-color: #c6d9ec;
    align-items: center;
    padding: 15px 20px;
    border-bottom-right-radius: 8px;
    justify-content: center;
}
.copylink_download .copylinks{
    width: 53%;
    box-shadow: none;
}
.copylink_download .downloader_btn{
    padding: 0;
    margin: 0;
    line-height: 30px;
    min-height: 42px;
    width: 50%;
    font-size: 16px;
    margin-top: -7px;
}
.copylink_download .linkdown{
    line-height: 39px;
}
.copylink_download .download-link2{
    margin: 10px auto;
}
.copylink_download #downloadLink2{
    background-color: #b1cbe4;
    border: none;
}
.copylink_download #copy2{
    background-color: #9fbdda;
}
.new_download_template .card-body .share .share_item{
    padding: 20px;
}
.new_download_template .share-buttons{
    padding: 20px;
}
.new_download_template .card-body{
    margin-top: 10px;
}
.new_download_template .share{
    background: #fff;
    position: relative;
    min-height: 340px;
}
.converted_item  .send_icons div a{
    width: 24px;
    height: 24px;
}
.converted_item #send_facebook img{
    width: 24px;
}
.copylink_download .linkdown{
    padding-right: 8px;
}
#download{
    padding-bottom: 50px;
}
.converted_funBtn{
    display: none;
}
.converted_item .downloadOnce a{
    background:none;
    -webkit-box-shadow: none;
    box-shadow:none;
}
.upload_score {
    align-items: center;
    color: #333;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0px 0 10px 0;
    width: fit-content;
    z-index: 99;
    width: 100%;
}
.upload_template_title {
    font-size: 14px;
    font-weight: 700;
    margin-right: 10px;
}
.converted_filename{
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inherit;
}
.upload_template_img {
    margin: 0 10px 0 0;
    position: relative;
}
.upload_template_img div {
    margin-top: -5px;
}
.fivestart {
    cursor: pointer;
}
.awesome {
    background-color: #494949;
    border-radius: 2px;
    color: #fff;
    display: none;
    font-size: 12px;
    padding: 5px 10px;
    position: absolute;
    right: -27px;
    top: -38px;
    z-index: 9999;
}
.scoring_score {
    font-size: 14px;
}
.upload_template_dec {
    font-size: 12px;
    margin-left: 7px;
}
.upload_template_dec span {
    font-weight: 700;
}
.upload_template_img:hover .awesome {
    display: block;
}
@media (max-width: 850px) {
    .converted_left{
        display: none;
    }
    .converted_right{
        width: 100%;
    }
    .converted_file_box{
        padding: 0;
    }
    .copylink_download{
        border-bottom-left-radius: 8px;
    }
    .converted_item div:nth-child(1){
        width: 20%;
    }
    .converted_item div:last-child {
        width: 50%;
    }
    #send_facebook, #send_telegram,#send_email{
        margin-top: 8px;
    }
    .converted_item .send_icons div {
        margin: 5px;
    }
    .send_icons div{
        width: 26% !important;
    }
}

@media (max-width: 768px) {
    .freeMember-content{
        width: 90%;
    }
}
@media (max-width: 500px) {
    .converter-nav{
        width: 50%;
    }
    .freeMember-content{
        width: 95%;
    }
    #btn-upload{
        z-index: 0;
    }
    .top-menu{
        right: 0;
    }
    #editpdf-submenu-wrapper{
        width: 100%;
        right: 0;
        overflow: auto;
    }
 
    .tool-editpdf:not(.rtl) .editpdf-menu-wrapper, .tool-editpdf:not(.rtl) .editpdf-submenu-wrapper{
        width: 100%;
        right: 0%;
    }
    #editor{
        padding-top: 23px;
    }

    .editpdf-submenu-wrapper .editpdf__menu.editpdf__submenu{
        padding-left: 10px;
    }
    .tool__preview{
        margin-top: 88px;
        padding: 0;
    }
    .share-buttons-item svg{
        margin: 13px 12px;
    }
    .share .share_title,.share_subtitle{
        text-align: center;
        padding: 0 10px;
        margin-left: 30px;
        margin-top: 5px;
        font-size: 15px;
    }
    .goHome{
        width: 100%;
    }
    .share-buttons-item{
        margin-left: 30px;
    }
    .earth-link2{
        left: 3%;
        top: 8px;
    }
    .pdfsend{
        margin-top: 20px;
    }
    .sidebar-active .uploader_btn{
        width: 32px;
        height: 32px;
        line-height: 20px;
        display: flex;
        padding: 0;
        border-radius: 50%;
        min-height: 20px;
    }
    #btn-upload{
        width: 93%;
    }
    .buyVip-S{
        width: 100%;
        margin-top: 15px;
    }
    .buyPayment{
        width: 100%;
    }
    .popup-content{
        margin-top: 30px;
    }
    .check-g{
        width: 60%;
    }
    .check-g-y{
        display: flex;
        padding: 0;
    }
    .popup-share-link{
        display: unset;
        margin-top: 30px;
    }
    .inpt-text{
        width: 90%;
    }
    .popup-copy-link{
        width: 90%;
        margin-top: 20px;
    }
    .share-btns-popup{
        justify-content: center;

    }
    .download_left{
        width: 50%;
        height: auto;
    }
    .download_right_down{
        width: 100%;
        margin: 7px 0;
        padding: 4px;
    }
    .download_xm_t{
        margin-top: 0;
    }
    .downloadE_btn{
        margin:0 0 20px 0;
    }
    .main_container .ad_content{
        background-color: transparent;
    }
    .pdfview_download{
        width: 139px;
        height: 182px;
        margin-top: -8px;
        margin-left: 10px;
    }
    .pdfsend{
        width: calc(100% - 170px);
        padding: 7px 8px;
        margin-top: -17px;
        min-height: 201px;
    }
    #downloadLink2,#copy2{
        height: 30px;
    }
    .linkdown{
        font-size: 12px;
        transform: translate(0px, -4px);
    }
    .download-link2{
        margin: 17px auto;
    }
    .pdfview_send{
        justify-content: space-between;
    }
    #copy2 svg{
        display: none;
    }
    .share-buttons .col-md-6{
        width: 50% !important;
    }
    .pdfsend h1{
        font-size: 15px;
        padding-bottom: 38px;
        height: 62px;
    }
    .main_container .ad_content{
        margin: 0 auto;
        max-width: 99%;
    }
    .download_right{
        width: 50%;
    }
    .download_right_box{
        justify-content: space-between;
        width: 96%;
        margin: 0 auto;
    }
    .download_xm_text span:nth-child(1){
        width: 20px;
        height: 20px;
    }
    .download_bottom_text{
        padding-bottom: 5px;
        font-size: 12px;
        min-height: 65px;
    }
    .downloadE_btn1{
        display: none;
    }
    .downloadE_btn2{
        display: block;
    }
    .send_icons{
        padding-bottom: 0;
    }
    .send_icons div:nth-child(1),.send_icons div:nth-child(2),.send_icons div:nth-child(3){
        margin-top: 8px;
    }
    .copylinks{
        height: 30px;
    }
    .download_left{
        padding: 17px 0;
    }
    .download_right{
        margin: 0 auto;
    }
    .sidebar-active .tool-sidebarNew #sidebar{
        right: calc(100% - 10px);
    }
    
}