@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@font-face {
  font-family: "GilroyBold";
  src: url('/pdf/assets/webfonts/GilroyBold/font.woff2') format('woff2'), url('/pdf/assets/webFonts/GilroyBold/font.woff') format('woff');
}
:root,
[data-bs-theme=light] {
  --bs-primary: #f74f4d;
  --bs-secondary: #007aff;
  --bs-secondary-2: #ac60e7;
  --bs-primary-rgb: 247, 79, 77;
  --bs-secondary-rgb:0, 122, 255;
  --bs-secondary-2-rgb:172, 96, 231;
  --bs-body-color:#434343;
  --bs-body-color-rgb: 0, 0, 0;
  --bs-heading-color: #000000;
  --bs-heading-color-rgb: 67, 67, 67;
  --bs-body-bg: #ffffff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-grey-theme: #f2f3f4;
  --bs-grey-theme-rgb: 242, 243, 244;
  --clr1:#FFD3E3; 
  --clr2:#CFEFFF;
  --clr3:#FFF3D1;
  --clr4:#E0D8FF;
  --clr5:#C8F3EB;
  --clr6:#E3E9EC;
  --clr7:#FDE1D5;
  --clr8:#EAD6F2;
  --clr9:#FDE6E4;
  --clr10:#D3E1FE;
  --clr11:#D3FFEF;
  --clr12:#ECE5E2;
  --clr13:#D6F4FF;
  --clr14:#DBF1D6;
  --clr15:#FED9CA;
  --clr16:#F4FDD8;
  --clr17:#D4E0FF;
  --clr18:#F3C1C9;
  --clr19:#E4FDFF;
  --clr20:#FCECD1;
  --clr21:#BC8F8F;
  --clr22:#708090;
  --clr23:#CCCCFF;
  --clr24:#40E0D0;
  --clr25:#00FA9A;
}
body {
  margin: 0;
  font-family: "Inter", serif;
  font-optical-sizing: auto;
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1{font-family:"GilroyBold",sans-serif!important;color:var(--bs-heading-color);}
.dropdown-menu{
  --bs-dropdown-link-active-bg:var(--bs-primary);
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg:var(--bs-primary);
  --bs-btn-border-color:var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e64645;
  --bs-btn-hover-border-color: #e64645;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg:var(--bs-primary);
  --bs-btn-active-border-color:var(--bs-primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg:#ff8180;
  --bs-btn-disabled-border-color:#ff8180;
}
.btn-outline-primary {
  --bs-btn-color:var(--bs-primary);
  --bs-btn-bg:#fff;
  --bs-btn-border-color:var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg:var(--bs-primary);
  --bs-btn-hover-border-color:var(--bs-primary);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg:var(--bs-primary);
  --bs-btn-active-border-color:var(--bs-primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ff9f9e;
  --bs-btn-disabled-bg:#fff;
  --bs-btn-disabled-border-color:#ff9f9e;
}

.btn-light {
  --bs-btn-color:var(--bs-body-color);
  --bs-btn-bg:#f2f3f4;
  --bs-btn-border-color:#f2f3f4;
  --bs-btn-hover-color:var(--bs-body-color);
  --bs-btn-hover-bg:#dadada;
  --bs-btn-hover-border-color: #dadada;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color:var(--bs-body-color);
  --bs-btn-active-bg:#f2f3f4;
  --bs-btn-active-border-color:#f2f3f4;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dadada;
  --bs-btn-disabled-bg:#f2f3f4;
  --bs-btn-disabled-border-color:#f2f3f4;
}
.btn-outline-light {
  --bs-btn-color:var(--bs-body-color);
  --bs-btn-bg:#ffffff;
  --bs-btn-border-color:#f2f3f4;
  --bs-btn-hover-color:var(--bs-body-color);
  --bs-btn-hover-bg:#dadada;
  --bs-btn-hover-border-color: #dadada;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color:var(--bs-body-color);
  --bs-btn-active-bg:#ffffff;
  --bs-btn-active-border-color:#f2f3f4;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dadada;
  --bs-btn-disabled-bg:#f2f3f4;
  --bs-btn-disabled-border-color:#f2f3f4;
}
/***** dop pdf editor ******/
.text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; }
.dop-pdf-editor{height: 100%; position: relative; width: 100%;}
.dop-pdf-editor main{height: calc(100% - 4rem);}
.dop-pdf-editor .scroll{overflow: hidden; overflow-y: scroll;}
.dop-pdf-editor .scroll::-webkit-scrollbar{width:.2rem;height:auto;}
.dop-pdf-editor .scroll::-webkit-scrollbar-track{background:transparent;border-radius: 10px;}
.dop-pdf-editor .scroll::-webkit-scrollbar-thumb{background:var(--bs-gray-400);border-radius: 10px;}
.dop-pdf-editor .scroll::-webkit-scrollbar-thumb:hover{background:var(--bs-gray-500);}
.border-dashed{border-style:dashed!important;}
/***** top navbar ******/
.dop-pdf-editor .top_navbar{position:fixed;width: 100%;z-index: 2;height: 4rem;}
.dop-pdf-editor .top_navbar .navbar-brand img{width: 180px; max-width: 180px;}
.dop-pdf-editor .top_navbar .nav-link{--bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;font-size:.875rem;font-weight: 600;}
.dop-pdf-editor .top_navbar .navbar-toggler{border: 0; padding: 0; color: var(--bs-body-color); box-shadow: none;}
.dop-pdf-editor .top_navbar .navbar-collapse{background-color:var(--bs-white);}
.dop-pdf-editor .top_navbar .nav-link:hover, .dop-pdf-editor .top_navbar .nav-link:focus, .dop-pdf-editor .top_navbar .nav-link.active{color:var(--bs-primary)!important;}
.dop-pdf-editor .top_navbar .nav-item .btn {--bs-btn-padding-y: 0.3rem;font-size:.875rem;}
.dop-pdf-editor .top_navbar .navbar-collapse .nav-item{margin:0 .3rem;}

.dop-pdf-editor .top_navbar .dropdown:hover .dropdown-menu{ display: block; top: 100%; margin-top: var(--bs-dropdown-spacer); }

.dop-pdf-editor .top_navbar .top_navbar-rightnav .roundedcircle-nav{width: 2.2rem; height: 2.2rem; overflow: hidden;}
.dop-pdf-editor .top_navbar .top_navbar-rightnav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); }
.dop-pdf-editor .top_navbar .user_dropdown .dropdown-toggle::after{border:0;}

/* Overlay */
.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; pointer-events: none; transition: opacity 0.3s ease; z-index:1; /* Behind the content but above everything else */ }
/* Show overlay when dropdown is open */
.overlay.active { display: block; opacity: 1; }


    

/***** editor container ******/
.dop-pdf-editor .dop-pdf-editor-container{}
/**** editor-center *****/
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-center{width:calc(100% - 28rem);min-height:100%;margin:4rem 0rem 4rem 0rem;padding:1.5rem 2rem 2rem;}
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-center .dop-pdf-editor-area{width:80%;margin:auto;display: block;height:100%;background-color:var(--bs-white);padding:1rem;}
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-center .dop-pdf-editorzoom { position: fixed; bottom: 0.8rem; right: 29rem; box-shadow: var(--bs-box-shadow-sm); padding: .3rem; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; align-items: center; }
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-center .dop-pdf-editorzoom span{font-size:.75rem;}
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-center .center-list{display: flex ; align-items: center; justify-content: center;}
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-center .center-list.selected{border:1px solid var(--bs-primary);}
/* merge center */
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-center .merge-addmore{padding:1rem;}
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-center .merge-addmore i{font-size:2.5rem;}
/* compress process */
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-download-container .compress-progress{margin:5% 0 0;padding:5rem;}
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-download-container .compress-progress p{color:var(--bs-gray-600);}
/* download */
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-download-container{width:90%;min-height:100%;margin:4rem auto;padding:1.5rem 2rem 2rem;}
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-download-container > div{padding:5% 0 0;}
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-download-container .filedetails p{color:var(--bs-gray-600);}
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-download-container .btn-group > .btn:nth-child(1){width:calc(100% - 3rem);}
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-download-container .dropdown-toggle-split { width: 3rem; border-left: 4px solid var(--bs-white) !important; }
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-download-container .qrcode{min-width:150px;}
/* pdf-uploadarea */
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-center .pdf-uploadarea{display:flex;justify-content:center;align-items:center;text-align:center;padding:14% 0;}
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-center .pdf-uploadarea p{color:var(--bs-gray-600);}
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-center .pdf-uploadarea .file-input { position: relative; width: 80%; display: block; margin: 2rem auto; }
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-center .pdf-uploadarea .file-input .file-input__input{width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute;
z-index: -1;}
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-center .pdf-uploadarea .file-input .file-input__label { cursor: pointer; display: inline-flex ; align-items: center; border-radius: var(--bs-border-radius-lg); width: 100%; font-size: 1.4rem; padding:.6rem 1rem; justify-content: center; color: #ffffff; background: var(--bs-primary); }
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-center .pdf-uploadarea .file-input .file-input__label:hover {background: #d33c3a;}
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-center .pdf-uploadarea  .file-input .file-input__label span{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/**** editor-rightnav *****/
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .rightnav-btn { position: fixed; padding: 1.5rem; bottom: 0; width: -webkit-fill-available; background: var(--bs-white); }
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .dop-pdf-editor-rightcontent{height:calc(100% - 10rem);overflow: hidden; overflow-y: scroll;}
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav{position:fixed; z-index: 1000;}
/*radiobtn*/
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .radiobtn label.box { width: 100%; font-size: 16px; margin-top: 12px; padding: 1.2rem 1rem; border-radius: 5px; cursor: pointer; border:1px solid var(--bs-border-color); }
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .radiobtn label.box .contents { width: calc(100% - 4.5rem); left: 1rem; position: relative; }
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .radiobtn label.box .form-control{background-color:var(--bs-white);box-shadow:none;height:3rem;padding:1.2rem;}
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .radiobtn label.box .form-control::placeholder{color:var(--bs-gray-500);}
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .radiobtn label.box .circle { height: 2rem; width: 2rem; padding: 0.6rem; background-color: var(--bs-border-color); color: transparent; border-radius: 50%; margin-right: 15px; border: 2px solid var(--bs-border-color); display: flex ; align-items: center; justify-content: center; line-height: 0; right: -0.2rem; top: 0.5rem; }
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .radiobtn label.box .icon { width:4rem; height:4rem; font-size: 1.8rem; display: flex ; align-items: center; justify-content: center; }
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .radiobtn input[type="radio"] { display: none; }
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .radiobtn .box-2 { max-width: 100%; padding: 10px 40px; }
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .radiobtn .form-control:focus, .border:focus-within { border:1px solid var(--bs-primary)!important;}
/* merge right */
.dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .merge-right-content{--bs-bg-opacity:.15;}
.merge-addmore{}
@media (max-width:992px) {
  .dop-pdf-editor .top_navbar .navbar-collapse { background-color: var(--bs-white); padding: .2rem 1rem; box-shadow: var(--bs-box-shadow-sm); border-bottom-left-radius: var(--bs-border-radius-lg); border-bottom-right-radius: var(--bs-border-radius-lg); }
  .dop-pdf-editor .top_navbar .navbar-collapse .navbar-nav{justify-content: space-evenly;padding:1rem 1rem .5rem;}
  .dop-pdf-editor .top_navbar .navbar-nav .dropdown-menu{position:absolute;}
  .dop-pdf-editor .top_navbar .user_dropdown{position: absolute; right: 0;top:1rem;}
  .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-center{width:100%;}
  .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-center .dop-pdf-editorzoom{transform: rotate(90deg); right: -2.5rem; bottom: 15rem; width: 110px;}
  /*** dop-pdf-editor-rightnav ***/
  .dop-pdf-editor .dop-pdf-editor-rightnav{left: 0; bottom:11rem; width: 100% !important; height: fit-content;top:auto!important;}
  .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .rightnav-btn {width: 100%;left: 0;padding:.5rem 1.5rem 1.5rem;box-shadow:0 -0.2rem 1rem rgba(0, 0, 0, 0.075);}
  .dop-pdf-editor .dop-pdf-editor-rightcontent.scroll::-webkit-scrollbar{width:0;}
  .dop-pdf-editor .dop-pdf-editor-rightnav .bottom-split div { height: 4rem; font-size: 1.5rem; padding: .5rem 1.2rem !important; }
  .dop-pdf-editor .dop-pdf-editor-rightnav .bottom-split div a{color:var(--bs-body-color);}
  .dop-pdf-editor .dop-pdf-editor-rightnav .bottom-split div:hover a, .dop-pdf-editor .dop-pdf-editor-rightnav .bottom-split div:hover p, .dop-pdf-editor .dop-pdf-editor-rightnav .bottom-split div a.active, .dop-pdf-editor .dop-pdf-editor-rightnav .bottom-split a.active p{color:var(--bs-primary);}
  .dop-pdf-editor .dop-pdf-editor-rightnav .bottom-split div p{font-size:.75rem;color:#A2A2A2;}
  /*split right */
  .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .dop-pdf-Split-rightnav{box-shadow:0 -1rem 1rem rgba(0, 0, 0, 0.075);}
  .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .dop-pdf-Split-rightnav .radiobtn label.box{animation: BottomtoTop2 1s both;}
  .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .dop-pdf-Split-rightnav .radiobtn label.box .circle{display:none;}
  .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .dop-pdf-Split-rightnav .radiobtn label.box{border:0;}
  .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .dop-pdf-Split-rightnav .dop-pdf-editor-rightnav-close { position: absolute; right: 1rem; top: 1rem; font-size: 1.4rem; border: 1px solid #828486; color: var(--bs-body-color); border-radius: 100%; line-height: 0; width: 1.6rem; height: 1.6rem; display: flex ; align-items: center; justify-content: center; padding: .2rem; text-decoration: none; }
  .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .dop-pdf-Split-rightnav .dop-pdf-editor-rightnav-close:hover{color:var(--bs-primary);}
  .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .dop-pdf-Split-rightnav .radiobtn label.box{padding:1rem 0rem;}
  .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .rightnav-btn .btn-lg{--bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem;--bs-btn-font-size: 1rem;}
  .dop-pdf-editor .dop-pdf-editor-rightnav .dop-pdf-Split-rightnav{bottom:-9rem;animation: BottomtoTop 1s both;}
  #add-more-files{display: none;}
  .radiobtn label.box{display: none;}
  .radiobtn label.box.active{display: block;}

  /*merge right */
  .dop-pdf-editor .dop-pdf-editor-rightnav .dop-pdf-merge-rightnav{padding: 0px !important;}
  @keyframes BottomtoTop {from {bottom:-9rem}to {bottom:9rem}}
  @keyframes BottomtoTop2 {from {bottom:-9rem}to {bottom:0rem}}
}
@media (max-width:768px) {
  .dop-pdf-editor .top_navbar .navbar-nav .dropdown-menu { position: static; border: 0; box-shadow: var(--bs-box-shadow-sm); background-color: rgb(247 79 77 / 2%); }
  .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-download-container .compress-progress{padding:3rem;margin:0;}
}
@media (max-width:576px) {
  .dop-pdf-editor .top_navbar .navbar-collapse .navbar-nav{padding:1rem 0rem .5rem;}
  .dop-pdf-editor .top_navbar .top_navbar-rightnav .nav-link{padding-left:0;}
  .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-center .dop-pdf-editor-area{width:90%;}
  .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-download-container{width:100%;}
  .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-download-container .compress-progress{padding:2rem;margin:0;}
  .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-download-container .compress-progress .progress, .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-download-container .compress-progress .progress-stacked{ --bs-progress-height: .5rem;}
}
@media (min-width:2048px) {
  .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-center .dop-pdf-editor-area .split-pdf h5{font-size:2.5rem!important;}
  .small, small{font-size:1rem;}
}
@media (min-width:992px) {
  .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav { width: 28rem; height: 100%; background-color: var(--bs-white); position: fixed; right: 0; top: 4rem; }
  .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .dop-pdf-editor-rightnav-start { position: absolute; width: 100%; height: 100%; right: 0; z-index: 1; --bs-bg-opacity: .8; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)); }
  /* split right radiobtn */
  .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .radiobtn #splitone:checked~label.first, .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .radiobtn #splittwo:checked~label.second, .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .radiobtn #splitthree:checked~label.third { border-color:var(--bs-primary);--bs-bg-opacity:.1;background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important;}
  .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .radiobtn #splitone:checked~label.first .circle, .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .radiobtn #splittwo:checked~label.second .circle, .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .radiobtn #splitthree:checked~label.third .circle { border-color:var(--bs-primary); background-color:var(--bs-primary)!important;color:var(--bs-white);}
  /* merge right radiobtn */
  .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .radiobtn #mergeone:checked~label.first, .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .radiobtn #mergetwo:checked~label.second{ border-color:var(--bs-primary);--bs-bg-opacity:.1;background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important;}
  .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .radiobtn #mergeone:checked~label.first .circle, .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .radiobtn #mergetwo:checked~label.second .circle{ border-color:var(--bs-primary); background-color:var(--bs-primary)!important;color:var(--bs-white);}
  /* compress right radiobtn */
  .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .radiobtn #compressone:checked~label.first, .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .radiobtn #compresstwo:checked~label.second, .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .radiobtn #compressthree:checked~label.third { border-color:var(--bs-primary);--bs-bg-opacity:.1;background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important;}
  .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .radiobtn #compressone:checked~label.first .circle, .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .radiobtn #compresstwo:checked~label.second .circle, .dop-pdf-editor .dop-pdf-editor-container .dop-pdf-editor-rightnav .radiobtn #compressthree:checked~label.third .circle { border-color:var(--bs-primary); background-color:var(--bs-primary)!important;color:var(--bs-white);}
}
@media (min-width:768px) {
  .dop-pdf-editor .top_navbar .dropdown-menu{min-width:22rem;}
  .dop-pdf-editor .top_navbar .dropdown-menu ul{display:flex;flex-wrap:wrap;}
  .dop-pdf-editor .top_navbar .dropdown-menu li{min-width:10rem;}
}

.dop-card-container { display: grid; gap: 17px; justify-content: center; align-content: center; align-items: center;}        
.dop-card{padding:0px; margin:10px; border-radius:5px; cursor:pointer;}
.dop-card-body { box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 5px;  padding: 5px;}
.dop-card-footer p:first-of-type {border-radius:4px;width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left;}
#zoomSlider,#slider-down,#slider-up{ cursor:pointer; }
.dop-card img { width: 100%; height: auto;  border-radius: 5px;}
.dop-card-container .selected .dop-card-body {border: 2px solid #399e22; position: relative;}
.dop-card-container .deleted .dop-card-body {border: 2px solid #f2504e; position: relative;}
.dop-card-container .checkmark {
      width: 30px;
      height: 30px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%231a9e23' d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");
      background-size: 18px;
      background-repeat: no-repeat;
      background-position: center;
      padding: 5px;
      display: none;
  }
.dop-card-container  .selected .checkmark { display: block;}
.dop-card-container  .deleted .checkmark {
      display: block;
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23f74f4d" d="M177.1,48h93.7c2.7,0,5.2,1.3,6.7,3.6l19,28.4h-145l19-28.4c1.5-2.2,4-3.6,6.7-3.6h0ZM354.2,80l-36.7-55.1c-10.4-15.5-27.9-24.9-46.6-24.9h-93.8c-18.7,0-36.2,9.4-46.6,24.9l-36.7,55.1H24c-13.3,0-24,10.7-24,24s10.7,24,24,24h11.6l24,324.7c2.5,33.4,30.3,59.3,63.8,59.3h201.1c33.5,0,61.3-25.9,63.8-59.3l24.1-324.7h11.6c13.3,0,24-10.7,24-24s-10.7-24-24-24h-69.8,0ZM364.3,128l-23.8,321.2c-.6,8.4-7.6,14.8-16,14.8H123.4c-8.4,0-15.3-6.5-16-14.8l-23.7-321.2h280.6Z"/></svg>');            
  }
.dop-card-container  .deleted .check-set {position: absolute;  top: -20px; right: -18px; z-index: 100; border: 2px solid #399e22; background: #ffffff; border-radius: 100%;}
.dop-card-container .icon-set{ position: absolute; display: inline-flex; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; border-radius: 5px; background-color: #fff; z-index: 1; cursor: pointer;}
.dop-card-container .check-set{position: absolute;top: -20px;right: -18px;z-index: 100;border: 2px solid #399e22;background: #ffffff;border-radius: 100%;}
.dop-card-container .dop-icon{ width: 20px; height: 20px; padding: 8px; margin: 8px; background-size: contain; background-repeat: no-repeat; background-position: center; right: 0px; bottom: 0px; display: none;}
.dop-card-container .dop-icon.flip{transform: scaleX(-1);}
.dop-card-container .zoom-icon{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-zoom-in' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11M13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0'/%3E%3Cpath d='M10.344 11.742q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1 6.5 6.5 0 0 1-1.398 1.4z'/%3E%3Cpath fill-rule='evenodd' d='M6.5 3a.5.5 0 0 1 .5.5V6h2.5a.5.5 0 0 1 0 1H7v2.5a.5.5 0 0 1-1 0V7H3.5a.5.5 0 0 1 0-1H6V3.5a.5.5 0 0 1 .5-.5'/%3E%3C/svg%3E");}
.dop-card-container .clone-icon{background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23000" d="M64 464l224 0c8.8 0 16-7.2 16-16l0-64 48 0 0 64c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 224c0-35.3 28.7-64 64-64l64 0 0 48-64 0c-8.8 0-16 7.2-16 16l0 224c0 8.8 7.2 16 16 16zM224 304l224 0c8.8 0 16-7.2 16-16l0-224c0-8.8-7.2-16-16-16L224 48c-8.8 0-16 7.2-16 16l0 224c0 8.8 7.2 16 16 16zm-64-16l0-224c0-35.3 28.7-64 64-64L448 0c35.3 0 64 28.7 64 64l0 224c0 35.3-28.7 64-64 64l-224 0c-35.3 0-64-28.7-64-64z"/></svg>');}
.dop-card-container .rotate-icon{background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23000" d="M463.5 224l8.5 0c13.3 0 24-10.7 24-24l0-128c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8l119.5 0z"/></svg>');}
.dop-card-container .move-icon{background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23000" d="M278.6 9.4c-12.5-12.5-32.8-12.5-45.3 0l-64 64c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l9.4-9.4L224 224l-114.7 0 9.4-9.4c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-64 64c-12.5 12.5-12.5 32.8 0 45.3l64 64c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-9.4-9.4L224 288l0 114.7-9.4-9.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l64 64c12.5 12.5 32.8 12.5 45.3 0l64-64c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-9.4 9.4L288 288l114.7 0-9.4 9.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l64-64c12.5-12.5 12.5-32.8 0-45.3l-64-64c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l9.4 9.4L288 224l0-114.7 9.4 9.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-64-64z"/></svg>');}
.dop-card-container .delete-icon{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M135.2 17.7L128 32 32 32C14.3 32 0 46.3 0 64S14.3 96 32 96l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-96 0-7.2-14.3C307.4 6.8 296.3 0 284.2 0L163.8 0c-12.1 0-23.2 6.8-28.6 17.7zM416 128L32 128 53.2 467c1.6 25.3 22.6 45 47.9 45l245.8 0c25.3 0 46.3-19.7 47.9-45L416 128z'/%3E%3C/svg%3E");}

.dop-card-container  .dop-card:hover .dop-icon { display: block; }
.dop-card-container.range .dop-card.selected p, .dop-card-container.range .selected .dop-card-body { position: relative; z-index: 1; }
.dop-card-container.range .selected{ position:relative;}
.dop-card-container.range .selected::after{ content: "";   position: absolute;  width: calc(100% + 10px);  height: calc(100% + 10px); left: -5px; top: -5px; border-radius: 10px; }

.dop-card-container.range .selected .dop-card-body {border: 0px solid #399e22;}

.dop-card-container.range .clr-1 {color: var(--clr1);}
.dop-card-container.range .clr-1::after, .dop-card-container .bg-clr-1{background: var(--clr1); } 
.dop-card-container.range .clr-2 {color: var(--clr2);}
.dop-card-container.range .clr-2::after, .dop-card-container .bg-clr-2{background: var(--clr2); } 
.dop-card-container.range .clr-3 {color: var(--clr3);}
.dop-card-container.range .clr-3::after, .dop-card-container .bg-clr-3{background: var(--clr3);}
.dop-card-container.range .clr-4 {color: var(--clr4);}
.dop-card-container.range .clr-4::after, .dop-card-container .bg-clr-4{background: var(--clr4);} 
.dop-card-container.range .clr-5 {color: var(--clr5);}
.dop-card-container.range .clr-5::after, .dop-card-container .bg-clr-5{background: var(--clr5);} 
.dop-card-container.range .clr-6 {color: var(--clr6);}
.dop-card-container.range .clr-6::after, .dop-card-container .bg-clr-6{background: var(--clr6);}  
.dop-card-container.range .clr-7 {color: var(--clr7);}
.dop-card-container.range .clr-7::after, .dop-card-container .bg-clr-7{background: var(--clr7);}  
.dop-card-container.range .clr-8 {color: var(--clr8);}
.dop-card-container.range .clr-8::after, .dop-card-container .bg-clr-8{background: var(--clr8);} 
.dop-card-container.range .clr-9 {color: var(--clr9);}
.dop-card-container.range .clr-9::after, .dop-card-container .bg-clr-9{background: var(--clr9);} 
.dop-card-container.range .clr-10 {color: var(--clr10);}
.dop-card-container.range .clr-10::after, .dop-card-container .bg-clr-10{background: var(--clr10);}
.dop-card-container.range .clr-11 {color: var(--clr11);}
.dop-card-container.range .clr-11::after, .dop-card-container .bg-clr-11{background: var(--clr11);}
.dop-card-container.range .clr-12 {color: var(--clr12);}
.dop-card-container.range .clr-12::after, .dop-card-container .bg-clr-12{background: var(--clr12);}
.dop-card-container.range .clr-13 {color: var(--clr13);}
.dop-card-container.range .clr-13::after, .dop-card-container .bg-clr-13{background: var(--clr13);}
.dop-card-container.range .clr-14 {color: var(--clr14);}
.dop-card-container.range .clr-14::after, .dop-card-container .bg-clr-14{background: var(--clr14);}
.dop-card-container.range .clr-15 {color: var(--clr15);}
.dop-card-container.range .clr-15::after, .dop-card-container .bg-clr-15{background: var(--clr15);}
.dop-card-container.range .clr-16 {color: var(--clr16);}
.dop-card-container.range .clr-16::after, .dop-card-container .bg-clr-16{background: var(--clr16);}
.dop-card-container.range .clr-17 {color: var(--clr17);}
.dop-card-container.range .clr-17::after, .dop-card-container .bg-clr-17{background: var(--clr17);}
.dop-card-container.range .clr-18 {color: var(--clr18);}
.dop-card-container.range .clr-18::after, .dop-card-container .bg-clr-18{background: var(--clr18);}
.dop-card-container.range .clr-19 {color: var(--clr19);}
.dop-card-container.range .clr-19::after, .dop-card-container .bg-clr-19{background: var(--clr19);}
.dop-card-container.range .clr-20 {color: var(--clr20);}
.dop-card-container.range .clr-20::after, .dop-card-container .bg-clr-20{background: var(--clr20);}
.dop-card-container.range .clr-21 {color: var(--clr21);}
.dop-card-container.range .clr-21::after, .dop-card-container .bg-clr-21{background: var(--clr21);}
.dop-card-container.range .clr-22 {color: var(--clr22);}
.dop-card-container.range .clr-22::after, .dop-card-container .bg-clr-22{background: var(--clr22);}
.dop-card-container.range .clr-23 {color: var(--clr23);}
.dop-card-container.range .clr-23::after, .dop-card-container .bg-clr-23{background: var(--clr23);}
.dop-card-container.range .clr-24 {color: var(--clr24);}
.dop-card-container.range .clr-24::after, .dop-card-container .bg-clr-24{background: var(--clr24);}
.dop-card-container.range .clr-25 {color: var(--clr25);}
.dop-card-container.range .clr-25::after, .dop-card-container .bg-clr-25{background: var(--clr25);}    

       /* Create chain effect */
.dop-card-container.range .selected .dop-card-body::after,
.dop-card-container.range .selected .dop-card-body::before {content: ""; position: absolute; width: 58px; height: 52px; background-color: currentColor; background-size: contain; top: 50%; transform: translateY(-50%);}

/* Right ring */
.dop-card-container.range .selected .dop-card-body::after {            
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 92 72"><path d=\"M57,30c-9.5,0-17.8-5.3-22-13.1v39.1h0c3.9-8.8,12.7-15,22.9-15\"/></svg>');
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 92 72"><path d=\"M57,30c-9.5,0-17.8-5.3-22-13.1v39.1h0c3.9-8.8,12.7-15,22.9-15\"/></svg>');
    mask-repeat: no-repeat;
    mask-size: contain;                 
    right: -43px;
    width: 62px;
}

/* Left ring */
.dop-card-container.range .selected .dop-card-body::before {
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 92 72"><path d=\"M36,44c9.5,0,17.8,5.3,22,13.1V18h0c-3.9,8.8-12.7,15-22.9,15\"/></svg>');
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 92 72"><path d=\"M36,44c9.5,0,17.8,5.3,22,13.1V18h0c-3.9,8.8-12.7,15-22.9,15\"/></svg>');
    mask-repeat: no-repeat;
    mask-size: contain;   
    left: -41px;
}   

.dop-card-container.range .selected.start .dop-card-body::before{display: none;}
.dop-card-container.range .selected.end .dop-card-body::after {display: none;}

#zoomSlider {
    -webkit-appearance: none;
    width: 100%;
    height: 8px;
    background: #ccc; /* Track remains gray */
    border-radius: 5px;
    outline: none;
}

/* For Chrome, Safari, Edge */
#zoomSlider::-webkit-slider-runnable-track {
    background: #ccc; /* Track remains gray */
    height: 8px;
    border-radius: 5px;
}

/* Thumb for Chrome, Safari, Edge */
#zoomSlider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    background: #f74f4d; /* Thumb is red */
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    margin-top: -4px; /* Align thumb */
}

/* For Firefox */
#zoomSlider::-moz-range-track {
    background: #ccc; /* Track remains gray */
    height: 8px;
    border-radius: 5px;
}

#zoomSlider::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background: #f74f4d; /* Thumb is red */
    border-radius: 50%;
    cursor: pointer;
}

/* For Internet Explorer */
#zoomSlider::-ms-track {
    width: 100%;
    height: 8px;
    background: transparent;
    border-color: transparent;
    border-width: 8px 0;
    color: transparent;
}
#add-more-files{ margin-top: -20px; } 
#zoomSlider::-ms-thumb {
    width: 16px;
    height: 16px;
    background: #f74f4d; /* Thumb is red */
    border-radius: 50%;
    cursor: pointer;
}

.dop-card-container .dop-card-body:hover{
  background-color: #fff1f1;
}

.dop-card.sortable-chosen{
  border:1px dashed green;
  padding: 5px;
}
.dop-card.sortable-chosen.sortable-gost{
   border:1px dashed #f2504e;
   padding: 5px;
}
.dop-card-container #add-more-files {cursor: pointer;}
.dop-card-container #add-more-files .dop-card-body{box-shadow: none !important;}
.dop-card-container #add-more-files .dop-card-body:hover{
   background-color: revert;
}

label.box:hover{
  border: 1px solid #f74f4d !important;
}