/* 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: 15px auto;
    max-width: 960px;
    height: 90px;
}

.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  #adb6c4;
    padding: 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 #2A6DD8;
    text-align: center;
    color: #333;
    margin:0 auto;
}

/* .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: 300px;
    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;
}

.button_container button span {
    margin: 5px 0 0 15px;
}

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

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

.dz-size {
    padding: 5px 0;
}

.dz-image {
    height: 120px;
}

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

.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;
}

.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 .dz-progress {
    opacity: 0;
}

.dz-preview.dz-success {
    border-color: #62c178;
}

.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;
}

*,
*::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: #D4D4D4;
    width: 220px;
    text-align: center;
    position: absolute;
    top: 70px;
    right: 5px;
    display: none;
}
.share-gif{
    display: none;
}

.chrome-popup .btn-install {
    color: #fff;
    background-color: #dd4b39;
    border-radius: 4px;
    width: 150px;
    display: inline-block;
    padding: 6px 0;
}

.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;
}

.card-body {
    width: 100%;
    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);
    display: flex;
    border-radius: 6px;
    overflow: hidden;
    color: #333;
}

.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%;
}

.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;
}

.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: #F4F4F4;
    color: #FFF;
    font-family: rawline,
        Open Sans,
        Arial,
        sans-serif;
}

.input,
input,
select,
textarea {
    color: #333;
    background-color: #fff;
    border: 1px solid #34455F;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 400;
    -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;
}


input,
select,
button {
    outline: none;
}

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

ol,
ul {
    list-style: none;
}

.header {
    background: #fff;
    width: 100%;
    height: 60px;
    z-index: 510;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    -webkit-box-shadow: 0 3px 6px 0 rgba(50, 50, 50, .3);
    box-shadow: 0 3px 6px 0 rgba(50, 50, 50, .3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.header-box {
    display: flex;
    flex-wrap: wrap;
    max-width: 1400px;
    margin: auto;
    height: 100%;
    width: 100%;
    align-items: center;
}

.header-box .title-home {
    display: flex;
    align-items: center;
    padding: 0 24px;
    height: 100%;
}

.title-home strong {
    margin-left: 10px;
    color: #FFF;
}

.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 #1c95e6;
    background: #2A6DD8;
    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;
}
.dropdown .dropdown-menu li ul li a{
    color: #fff;
}
.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: #333;
    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;
}

.dropdown-menu li ul li a {
    text-transform: none;
    line-height: 39px;
    height: 40px;
    margin-bottom: 2px;
    margin-top: 1px;
    font-size: 14px;
    padding: 0 14px;
}

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

.dropdown-menu li ul li:hover a {
    color: #333;
}

.home-bg {
    overflow: hidden;
    height: 100% !important;
}

.tool {
    height: calc(100vh - 106px);
    -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: 42px;
    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: 22px;
    font-weight: 400;
    color: #333;
    letter-spacing: 0;
    margin: 0 auto 8px;
    line-height:32px;
    min-height: 32px;
}
.tool_header_powerby a{
    color:#2A6DD8 ;
}


.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: #2A6DD8;
    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;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14);
    -ms-flex-order: 1;
    order: 1;
    max-width: 60vw;
    border: none;
}

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

.uploader_droptxt {
    margin: 140px 0;
    color: #D4D4D4;
}
.merge_droptxt{
    margin-top: 300px !important;
}
.tool_sidebar {
    -ms-flex-preferred-size: 440px;
    flex-basis: 440px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 0 120px;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    background: #fff;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #fff;
}

#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;
}

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

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

.sidebar-active .uploader_btn:hover {
    background-color: #222E41;
}
.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-preview.dz-success {
    border-color: #62c178;
}

.dz-details {
    color: #333;
}

.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: 300px;
    background-color: #2A6DD8;
    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: 48px;
    right: 50px;
    z-index: 99;
    overflow: hidden;
}

.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: #fff;
    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: 100%;
    -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: 40px;
    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{
        top: calc(100% - 315px) !important;
        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: 300px;
        -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: 24px 32px;
    }

    .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: 312px;
    }


}

@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 {
        display: none !important;
    }
}


@media (max-width: 501px) {

    .downloader_btn,
    .uploader_btn {
        width: 100%;
        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: #2A6DD8;
}

.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: #0056b3;
}

.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: #fff;

}


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

.share_title {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0;
    color: #333;
    margin-bottom: 22px;
}

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

/* 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: #d4d4d4;
}

.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 5em;
    margin: 2em auto;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .12),
        0 2px 4px 0 rgba(0, 0, 0, .24);
}

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

.beschreibung h5 {
    margin-top: 35px;
    margin-bottom: 20px;
}

@media (max-width:500px) {
    .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;
    background: #fff;
}

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

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

.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;
}

@media (max-width: 768px) {
    .footer-main .container .row .col-md-3 {
        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;
    }
    .beschreibung {
        padding: 15px;
    }

    .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: #333;
    margin-bottom: 0;
    text-transform: uppercase;
    text-align: center;
    padding: 21px;
    border-bottom: 1px solid #fff;
    position: relative;
    background-color: #fff;
}
/* .editpdf-menu-wrapper #editpdf-menu-toolbar .editpdf__menu__block .wrapper svg path{
    fill: #fff;
} */
/* .sidebar-active svg path{
    fill: #333;
} */
.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;
}


.option__tab__select__item.option--active {
    color: #FFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    background: none;
}

.option__tab__select__item {
    padding: 16px;
    position: relative;
    border: 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
    color: #7c7c80;
    border-right: 1px solid #F3F0EC;
    border-bottom: 1px solid #F3F0EC;
    cursor: pointer;
}




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

.option__tab__content--active {
    display: block;
}

.option__panel__content {
    padding: 16px 24px;
}

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

.option__panel__content .col-md-6 {
    padding: 16px 23px;
}

.option__panel__content p {
    color: #333;
}

.option__label__title,
.option__title {
    display: block;
    text-align: left;
    font-size: 15px;
    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: #333;
    border: 2px solid #fff;
}

.option__image__item {
    padding: 18px 28px;
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 50%;
    text-align: center;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 4px;
    background: #F3F0EC;
    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: #F3F0EC;
}
.option__tab__select__item svg path{
    fill: #fff;
}

.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: #FFF;
    border-bottom: 1px solid #F3F0EC;
    background: none;
}


.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: 79px;
}

.row .form__group--boxed label {
    margin-right: 7px !important;
}


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

.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;
}

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

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

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

.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: #2A6DD8;
    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: 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: #fff;
    -webkit-box-shadow: 0 0 4px 0 #2C3C55;
    box-shadow: 0 0 4px 0 #2C3C55;
}

.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: #333;
    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: #333;
}

.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;
}

.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: 8px 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: #222E41;
    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 6px;
    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;
}

.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: 50%;
    -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: #333;
}

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

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

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

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

.modal ::-webkit-scrollbar-thumb,
.tool ::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb {
    background-color: #fff;
    border: 1px solid #fff;
    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(255, 255, 255, .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: #28364D;
    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: 98px;
    height: 144px;
}

.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;
}

#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: 42px;
    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: 0;
}

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

.top-menu .nav__item--gray a {
    background: #f3f0ec;
    border: none;
    color: #161616;
    padding-left: 16px;
    padding-right: 16px;
}

.top-menu .nav__item--red a {
    background: #2A6DD8;
    border: none;
    color: #333;
    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;
    line-height: 60px;
    text-decoration: none;
    height: 100%;
}

.nav__item .user-box {
    position: relative;
    background: #47ACF0;
    color: #fff;
    padding-left: 16px;
    padding-right: 16px;
}

.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: #2A6DD8 !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;
}

.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: #fff;
    padding: 13px 24px;
    font-size: 12px;
    text-align: left;
    color: #333;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.footer-box div ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.footer-box div ul li{
    margin: 0 20px;
}

.tool_sidebar_merge {
    position: relative;
}

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

.container-watermark {
    height: 80px !important;
}

.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: #fff;
    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: #333;
    -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;
}
.subtitle a{
    text-decoration: underline;
}
/* .editpdf__menu__option.next svg path,
.editpdf__menu__option.prev svg path{
    fill: #333;
} */

.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 #fff;
    font-size: 12px;
    height: 24px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #F3F0EC;
    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;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

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

.tool__preview__toggle {
    background: #F2EFEB;
    -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: #2A6DD8;
}
.btn-upload .flex-center svg path{
    fill: #fff;
}
.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: 240px;
}

.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
}

@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;
    margin-bottom: 8px;
}

.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(0,0,0,.8);
    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: #fff;
}
.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: 42px;
    line-height: 42px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .26px;
    text-transform: uppercase;
    min-width: 0;
    background-color: #2A6DD8;
    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{
    position: absolute;
    bottom: -22px;
    height: 20px;
    width: 100%;
}
.dz-size{
    position: absolute;
    bottom: -40px;
    text-align: center;
    width: 100%;
    height: 20px;
}
.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);
}
.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;
}
.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: #333;
}
.converting .uploadPwd {
    display: none;
}
.rtl>.tool>.uploadPwd{
    left: 60px;
}

.fileTips svg{
    margin-right: 20px;
}
.third_party_login{
    display: none;
    justify-content: center;
}
.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: 100px;
    cursor: pointer;
    margin-right: 20px;
    justify-content: center;
    font-size: 13px;
}
.downloadOnce a{
    background: #0056b3;
    width: 36px;
    min-width: 0;
    padding: 0;
    height: 36px;
    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%);
}
.downloadOnce{
    display: inline-block;
    margin-left: 8px;
    cursor: pointer;
}
.downloadOnce-pop{
    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{
    -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%);
}
@media (min-width: 576px){
    .downloadOnce-content{
        max-width: 500px;
        margin: 1.75rem auto;
    }
}
@media (min-width: 992px){
    .downloadOnec-header{
        padding: 24px 32px 8px 24px;
    }
}

.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;
}
.download-link{
    position: relative;
}
.earth-link{
    position: absolute;
    top: 13px;
    left: 10px;
}
.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;
}
.showc{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    z-index: 999;
    display: none !important;
}
.show-pric a{
    color: #ABABAB;
}
.close-show{
    height: 15px;
    position: absolute;
    left: -1px;
    top: 0;

}
.close-show svg path{
    fill: rgba(0,0,0,.1);
}
.showc-content{
    border: 4px;
    border-radius: 2px;
    border-color: #fff;
    border-style: solid;
    margin: 0;
    padding: 5px 0;
    background-size: 100%;
    background: #fff;
    width: 900px;
    text-align: center;
    font-size: 14px;
    line-height: 1.1;
    border-radius: 10px;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
    left: 50%;
    top: 37%;
    padding-bottom: 10px;
}
.showc-content{
    padding:  15px 20px;
}
.showc-content div{
    margin-bottom: 15px;
}
.showc-title{
    font-size: 40px;
    font-weight: bold;
    text-align: center;
}
.showc-title svg{
    vertical-align: text-top !important;
    color: #24c731 !important;
}
.show-text{
    font-size: 13px;
    text-decoration: underline;
}
.show-text a{
    color: #ABABAB;
}
.show-btn svg{
    vertical-align: middle;
    margin-left: 20px;
}
.show-img{
    width: 100%;
    height: 200px;
    overflow-x: hidden;
    border: 1px solid #ece7e7;
    border-radius: 10px;
}
.showc-dec{
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
    margin-top: 27px;
}
.show-btn{
    background-color: #2A6DD8;
    border-radius: 4px;
    width: 50%;
    margin: 0 auto;
    text-align: center;
    padding:20px 0;
    font-size: 34px;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    margin-top: 30px;
}
.show-pric{
    font-size: 13px;
    text-align: center;
    color: #ABABAB;
    width: 60%;
    margin:  0 auto;
}
@media (max-width: 900px){
    .showc-content {
        width: 700px!important;
    }
}
@media (max-width: 768px){
    .showc-content {
        width: 100% !important;
    }
}

.cws-overlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 9999;
    display: none;
}

.cws-overlay-pointer {
    position: absolute;
    width: 200px;
    top: 225px;
    left: 300px;
}

.cws-overlay-content {
    background: #ff9600;
    padding: 15px;
    border-radius: 8px;
    margin: 15px 0px 0px 0px;
    border: 2px solid #fff;
}

.cws-overlay-content p {
    color: #ffffff;
    line-height: 22px;
    font-size: 15px;
}

.overlay-arrow {
    animation: spring 1s infinite linear;
    -webkit-animation: spring 1s infinite linear;
    -moz-animation: spring 1s infinite linear;
}

.cws-overlay img {
    margin: 0;
    width: auto;
}
@keyframes spring {
    0%,
    100% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(20px);
    }
}

@-webkit-keyframes spring {
    0%,
    100% {
        -webkit-transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(20px);
    }
}

@-moz-keyframes spring {
    0%,
    100% {
        -moz-transform: translateY(0)
    }
    50% {
        -moz-transform: translateY(20px);
    }
}

.arrow-text {
    color: #000000;
    font-size: 20px;
    font-weight: 400;
    border-radius: 6px;
    border: solid 0.5px #f0f0f0;
    background-color: #ffffff;
    font-family: 'Roboto', sans-serif;
}

.arrow-text span {
    color: #0996f8;
}

.arrtxtinst {
    padding: 10px 20px;
    text-align: left;
}
.arrow-bb {
    border-bottom: solid 0.5px #f0f0f0;
}
.ff-arrow-content {
    width: 355px;
    height: 172px;
    border-radius: 4px;
    position: relative;
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    padding: 0 0 8px;
}
.download-left{
    border: 1px solid  #adb6c4;
    padding: 10px;
}
.chrome-popup{
    border: 1px solid  #adb6c4;
    padding: 10px;
}
.skip-text a {
    color: #ABABAB;
    font-size: 12px;
}
button.container, a.container {
    width: 300px;
    background-color: #009070;
    color: #fff;
    font-size: 24px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    height: 60px;
    line-height: 60px;
    margin: 15px;
    display: none;
}
.sidebar-active button.container, .sidebar-active a.container {
    display: inline;
}
.a.container:hover{
    color: #fff;
}
a.container div span{
    margin-left: 10px;
}
.uploadActive{
    background-color: #D4D4D4 !important;
}
@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;
        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;
        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: 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;
        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;
        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;
    } 
}