.container-flex{
    padding:0;
    margin:0 auto;
}
#langModal{
    z-index:1050;
}

#langModal .modal-dialog{
    max-width:800px;
    display:flex;
    align-items:center;
    min-height:calc(100vh - 4rem);
    margin:2rem auto;
}

#langModal .modal-content{
    width:100%;
    max-height:85dvh;
    display:flex;
    flex-direction:column;
    overflow:hidden;
}

#langModal .modal-header{
    flex-shrink:0;
}

#langModal .modal-body{
    flex:1 1 auto;
    overflow-y:auto;
    overscroll-behavior:contain;
    min-height:0;
    padding:0;
}
#reportResultModal .modal-dialog{
    max-width:500px;
    display:flex;
    align-items:center;
    min-height:calc(100vh - 4rem);
    margin:2rem auto;
}

#reportResultModal .modal-content{
    width:100%;
    max-height:calc(100vh - 2rem);
    display:flex;
    flex-direction:column;
    overflow:hidden;
}

#reportResultModal .modal-header{
    flex-shrink:0;
    border-bottom:1px solid #e9ecef;
}

#reportResultModal .modal-body{
    flex:1 1 auto;
    overflow-y:auto;
    overscroll-behavior:contain;
    min-height:0;
    padding:1.5rem;
}

#reportResultModal .modal-footer{
    flex-shrink:0;
    border-top:1px solid #e9ecef;
}
#bookmarkModal .modal-dialog{
    max-width:600px;
    display:flex;
    align-items:center;
    min-height:calc(100vh - 4rem);
    margin:2rem auto;
}

#bookmarkModal .modal-content{
    width:100%;
    max-height:calc(100vh - 2rem);
    display:flex;
    flex-direction:column;
    overflow:hidden;
}

#bookmarkModal .modal-header{
    flex-shrink:0;
    border-bottom:1px solid #e9ecef;
}

#bookmarkModal .modal-body{
    flex:1 1 auto;
    overflow-y:auto;
    overscroll-behavior:contain;
    min-height:0;
    padding:1.5rem;
}
#sendEmailModal .modal-dialog{
    max-width:500px;
    display:flex;
    align-items:center;
    min-height:calc(100vh - 4rem);
    margin:2rem auto;
}

#sendEmailModal .modal-content{
    width:100%;
    max-height:calc(100vh - 2rem);
    display:flex;
    flex-direction:column;
    overflow:hidden;
}

#sendEmailModal .modal-header{
    flex-shrink:0;
    border-bottom:1px solid #e9ecef;
}

#sendEmailModal .modal-body{
    flex:1 1 auto;
    overflow-y:auto;
    overscroll-behavior:contain;
    min-height:0;
    padding:1.5rem;
}

#sendEmailModal .modal-footer{
    flex-shrink:0;
    border-top:1px solid #e9ecef;
}
#feedbackModal .modal-dialog{
    max-width:500px;
    display:flex;
    align-items:center;
    min-height:calc(100vh - 4rem);
    margin:2rem auto;
}

#feedbackModal .modal-content{
    width:100%;
    max-height:calc(100vh - 2rem);
    display:flex;
    flex-direction:column;
    overflow:hidden;
}

#feedbackModal .modal-header{
    flex-shrink:0;
    border-bottom:1px solid #e9ecef;
}

#feedbackModal .modal-body{
    flex:1 1 auto;
    overflow-y:auto;
    overscroll-behavior:contain;
    min-height:0;
    padding:1.5rem;
}

#feedbackModal .modal-footer{
    flex-shrink:0;
    border-top:1px solid #e9ecef;
}
#otherAppsModal .modal-dialog{
    max-width:800px;
    display:flex;
    align-items:center;
    min-height:calc(100vh - 4rem);
    margin:2rem auto;
}

#otherAppsModal .modal-content{
    width:100%;
    max-height:calc(100vh - 2rem);
    display:flex;
    flex-direction:column;
    overflow:hidden;
}

#otherAppsModal .modal-header{
    flex-shrink:0;
    border-bottom:1px solid #e9ecef;
}

#otherAppsModal .modal-body{
    flex:1 1 auto;
    overflow-y:auto;
    overscroll-behavior:contain;
    min-height:0;
    padding:1.5rem;
}

.otherapps-grid-container{
    grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));
    gap:1rem;
}

.filedrop.filedrop-mvc label,.filedrop.fileplacement > .fileupload > .filename{
    margin-top:0
}

.asposetools a:hover,.filedrop:hover label{
    opacity:.8
}

.asposetools{
    text-align:center;
    background-color:#2871e6;
    padding:1.5rem 0;
    color:#fff;
    position:relative;
    z-index:1;
}

.filedrop{
    position:relative;
    border:3px dashed #6dcff6 !important;
    padding:30px 100px;
    border-radius:10px 10px 0 0;
    background:#fff url(data:image/png;base64,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) no-repeat center 25px
}

.filedrop.filedrop-mvc .upload-file-input{
    width:100%;
    opacity:0;
    left:0;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    cursor:pointer !important;
}

.filedrop label{
    width:100%;
    font-size:22px;
    font-weight:200;
    margin-top:40px
}

.filedrop a,.filedrop a label{
    font-size:13px;
    color:#7f8b77;
    display:inline
}

.fileupload{
    position:relative;
    z-index:5;
    width:100%
}

.filename{
    padding:0 15px;
    margin-top:10px;
    background:#e0f4d3;
    color:#7f8b77;
    border-radius:6px;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center
}

.filename label{
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    padding:0
}

.filename i{
    color:#cfad99;
    cursor:pointer
}

.filesuccess{
    display:flex;
    flex-direction:column;
    border:0 dashed #6dcff6 !important;
    padding:3rem 10rem;
    margin:2rem auto;
    border-radius:10px;
    box-shadow:0 0 20px -10px #333;
    background:#fff;
    color:#000;
}

.filesuccess label{
    width:100%;
    font-size:24px;
    font-weight:400;
    margin-bottom:20px
}

.convertbtn{
    display:inline-block
}

.convertbtn .btn{
    background:#06d6a0;
    color:#04241c;
    padding:10px 70px;
    border-radius:4px !important;
    font-size:18px;
    font-weight:400;
    outline:0 !important;
    box-shadow:0 6px 1px -5px #666;
    border:0 !important
}

.convertbtn .btn.btn-danger{
    background:#dc3545;
    color:#fff
}

.convertbtn .btn:hover{
    opacity:.8;
    text-decoration:none
}

.app-product-section a,.app-product-section a:hover,.app-product-section a:visited{
    color:#292929;
    text-decoration:underline !important
}

.app-features-section{
    padding:5rem 2rem
}

.app-features-section .img-circle{
    width:72px;
    height:72px;
    display:table;
    margin:0 auto 30px;
    border-radius:100%;
    padding:10px;
    line-height:50px
}

.asposetools p.alert-danger{
    color:#a94442;
    font-size:13px;
    display:table;
    margin:0 auto 20px
}

.saveas{
    display:flex;
    align-items:center;
    gap:10px;
}

.filedrop.fileplacement{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    box-sizing:border-box;
    width:100%
}

.filedrop.fileplacement > .fileupload{
    display:inline-block;
    margin-top:5px
}

.otherapps a,.viewerbtn{
    display:inline-block
}

.otherapps{
    background-color:#fff;
    padding:20px
}

.otherapps .app-icon{
    text-align:center;
    padding-bottom:20px;
    box-sizing:border-box
}

.otherapps .app-icon div{
    display:inline-block;
    width:60px;
    height:60px;
}

.otherapps a,.otherapps h4{
    text-align:center
}

.otherapps a span{
    display:block;
    font-family:Open Sans,sans-serif;
    font-size:20px !important;
    color:#333;
    font-weight:200
}

.otherapps h4{
    padding-bottom:15px
}

.otherapps .row{
    max-width:800px;
    margin-left:auto !important;
    margin-right:auto !important
}

.share-button{
    right:0;
    border-radius:8px 0 0 8px;
    cursor:pointer;
    box-sizing:border-box;
    box-shadow:0 0 10px rgba(0, 0, 0, .2);
    overflow:hidden;
    white-space:nowrap;
    line-height:50px
}

.share-button:hover{
    width:200px;
    transition:width .4s ease-out
}

.share-button,.share-button::after{
    font-family:Font Awesome\ 5 Brands,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    color:#fff;
    width:50px;
    height:50px;
    position:absolute;
    top:0;
    align-items:center
}

.share-button .frame15{
    width:30px;
    height:30px;
    margin:0 10px;
    vertical-align:middle
}

.share-button.share-button__facebook{
    top:135px;
    background-color:#4267b2;
}

.share-button.share-button__twitter{
    top:195px;
    background-color:#1da1f2;
}

.share-button.share-button__linkedin{
    top:255px;
    background-color:#2867b2;
}

.share-button.share-button__cellsotherapp,.share-button.share-button__otherapp,.share-button.share-button__otherapp_image{
    top:180px;
    background-color:#475796;
}

.share-button.share-button__cloud{
    top:240px;
    background-color:#4f49ad;
}

.share-button.share-button__github{
    top:300px;
    background-color:#495568;
}

.share-button.share-button__feedback{
    top:315px;
    background-color:#3a9447;
}

.share-button.share-button__bookmark{
    top:375px;
    background-color:#f80;
}

.share-button a,.share-button a:active,.share-button a:hover,.share-button a:visited{
    color:#fff;
}

#feedbackModal .small{
    color:rgba(0, 0, 0, .4);
}

#alertMessage a{
    color:#fff;
    text-decoration:underline;
    font-weight:700;
}

.Editor-app:after{
    background-position:0 0
}

.Viewer-app:after{
    background-position:-30px 0
}

.Conversion-app:after{
    background-position:-60px 0
}

.Merger-app:after{
    background-position:-90px 0
}

.Unlock-app:after{
    background-position:-120px 0
}

.Protect-app:after{
    background-position:-150px 0
}

.Splitter-app:after{
    background-position:-180px 0
}

.Comparison-app:after{
    background-position:-210px 0
}

.Annotation-app:after{
    background-position:-240px 0
}

.Parser-app:after{
    background-position:-270px 0
}

.Metadata-app:after{
    background-position:-300px 0
}

.Watermark-app:after{
    background-position:-330px 0
}

.Search-app:after{
    background-position:-360px 0
}

.Chart-app:after{
    background-position:-390px 0
}

.Mortgage-Calculator-app:after{
    background-position:-420px 0
}

.Assembly-app:after{
    background-position:-450px 0
}

.Translation-app:after{
    background-position:-480px 0
}

.Compress-app:after{
    background-position:-510px 0
}

.Replace-app:after{
    background-position:-540px 0
}

.Clear-app:after{
    background-position:-570px 0
}

.BMI-app:after{
    background-position:-600px 0
}

.WebConverter-app:after{
    background-position:-630px 0
}

.terms-area{
    max-width:100%;
    margin-bottom:15px;
}

.template-link,.terms-area a{
    color:#000;
    font-weight:700;
    text-decoration:underline !important
}

.template-link:hover,.terms-area a:hover,a.underline-link:hover{
    color:#0ff !important;
    opacity:unset
}

.container-main{
    padding:0 140px;
    width:100%
}


a.underline-link{
    color:#000100;
    text-decoration:underline;
}

.language-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:0;
}

.language-grid-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 20px;
    color:#333;
    text-decoration:none;
    border-bottom:1px solid #f0f0f0;
    border-right:1px solid #f0f0f0;
    transition:background-color .15s ease;
    font-size:14px;
}

.language-grid-item:hover{
    background-color:#f5f8ff;
    color:#1a73e8;
    text-decoration:none;
}

.language-grid-item.active{
    font-weight:600;
    color:#1a73e8;
    background-color:#eef3ff;
}

.language-grid-item .language-name{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.language-grid-item .language-check{
    flex-shrink:0;
    margin-left:8px;
    font-size:13px;
    color:#1a73e8;
    font-weight:700;
}
.language-grid-item:nth-child(4n){
    border-right:none;
}
.language-grid-item:nth-last-child(-n+1){
    border-bottom:none;
}

.otherapps-grid-container{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));
    gap:20px;
    align-items:stretch;
    overflow-y:auto;
    max-height:calc(100vh - 150px);
    background:none;
}

.otherapps-grid-item{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    max-width:100%;
    color:#fff;
    gap:6px;
    word-break:break-word;
    overflow-wrap:break-word;
    white-space:normal;
}

#DynabicMenuInnerDiv{
    margin-bottom:60px
}

.topheader ul{
    padding:0 !important;
    margin:0 !important;
}

.footerbottom{
    float:left;
    width:100%;
    position:relative;
    background:#222;
    background:-moz-linear-gradient(to bottom, #222 30%, #444 100%);
    background:-webkit-linear-gradient(180deg, #222 30%, #444);
    background:linear-gradient(180deg, #222 30%, #444)
}

.topheader ul{
    list-style:none
}

.topheader ul li{
    float:left;
    list-style-image:none !important
}

.topheader{
    float:left;
    width:100%;
    min-width:1000px;
    height:60px;
    background:#111;
    box-shadow:inset 0 -10px 10px -10px #000;
    font-family:Arial,Verdana,Tahoma,serif;
    top:0;
    position:fixed;
    z-index:500
}

.topsection{
    width:1170px;
    margin:0 auto;
    padding:0 15px
}

.venturelogo a{
    float:left;
    width:270px;
    height:50px;
    line-height:50px;
    margin-top:5px;
    background-size:165px
}

.menuitems{
    height:60px;
    float:left;
    margin-left:60px;
    padding:0 !important
}

.topheadermenus a{
    font-size:14px;
    text-decoration:none;
    color:#fff !important;
    display:block;
    margin:0 .25em;
    line-height:60px;
    padding:0 1em
}

.topheadermenus ul{
    display:none
}

.userlogstatus{
    float:right
}

.topheadermenus li:hover ul{
    display:block;
    float:left;
    width:175px;
    position:absolute;
    background:#333;
    color:#fff
}

.topheadermenus li li{
    width:100%;
    float:left;
    font-size:13px;
    margin:5px 0 0
}

.topheadermenus li li a{
    font-size:13px;
    line-height:32px !important;
    margin:0 !important
}

.topheadermenus li a:hover{
    background:#2072a7;
    color:#fff
}

.socialicon ul a{
    padding:8px 10px !important;
    margin:0 2px;
    border-radius:100%;
    color:#818692 !important;
    text-align:center;
    display:block;
    height:25px;
    font-size:20px;
    line-height:30px
}

.bottomenuitems{
    display:flex;
    justify-content:center;
    margin:0 auto 20px
}

.bottomenuitems ul{
    margin:0;
    padding:0;
    list-style-type:none
}

.bottomenuitems ul li{
    float:left
}

.bottomenuitems ul li a{
    padding:0;
    margin:0 25px;
    color:#fff !important;
    text-align:center;
    display:block;
    font-size:14px;
    font-weight:400;
    text-decoration:none;
    text-transform:capitalize;
    font-family:Open Sans,sans-serif
}

.bottomenuitems ul li a:hover,.footer2col a:hover{
    color:#3d8ec4 !important;
    text-decoration:none
}

.footer2bar{
    float:left;
    width:100%;
    height:52px;
    background:#242323;
    background:-moz-linear-gradient(to bottom, #242323 0, #333 100%);
    background:-webkit-linear-gradient(180deg, #242323 0, #333);
    background:linear-gradient(180deg, #242323 0, #333);
    border-bottom:3px solid #222
}

.footer2col{
    width:100%;
    margin:0 auto
}

.footer2col a,.footer2col p{
    font-size:11px !important;
    color:#868484 !important;
    line-height:52px;
    font-family:Arial,Verdana,Tahoma,serif
}

.footer2col p{
    margin:0 10px 0 0;
    display:inline;
    float:none !important
}

.footer2col a{
    margin:0 !important;
    padding:0 !important;
    text-decoration:none !important
}

#DynabicMenuUserControls a i:before,.footerbottom .socialicon a:hover i:before,.socialicon a:hover{
    color:#fff !important
}

.sep1{
    color:#818692;
    font-size:15px
}

.togglebtn{
    cursor:pointer;
    position:relative;
    float:right;
    border:1px solid transparent;
    outline:0;
    display:none;
    background:#333;
    margin:0 0 0 5px;
    min-height:60px;
    padding:0 15px;
    border-radius:0
}

.userloginbox{
    float:right;
    position:relative;
    padding-top:0
}

.userloginbox .userlogin{
    padding:0 5px !important;
    display:flex;
    color:#eaeaea !important;
    max-height:60px !important;
    font-size:18px;
    cursor:pointer;
    margin:15px 5px
}

.userloginbox ul ul{
    position:absolute;
    right:0;
    background:#222;
    padding:10px !important
}

.userloginbox:hover ul ul{
    display:block
}

.loginanchor ul li{
    display:block;
    box-sizing:border-box;
    width:100%;
    padding-bottom:0
}

.userloginbox:hover ul ul a{
    font-size:13px !important;
    color:#fff !important;
    display:block !important;
    padding:5px !important;
    margin-bottom:5px
}

.footercol .socialicon a.dev svg,.loginanchor ul{
    display:none
}

.footer2col,.footer2text{
    text-align:center
}

.footer2anchor,.footer2text{
    display:inline-block
}

.topsection button + div a{
    float:left;
    line-height:50px;
    margin-top:5px
}

.fa{
    display:inline-block;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased
}
.hover-shadow{
    transition:all .3s ease;
}

.hover-shadow:hover{
    transform:translateY(-4px);
    box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.hover-shadow:hover .card-body span{
    color:#06d6a0 !important;
}
img{
    max-width:100%;
    height:auto;
    font-size:0;
}
.filedrop{
    background-size:auto 40px;
}

.app-icon div,.otherapps .app-icon div{
    width:60px;
    height:60px;
    min-width:60px;
    min-height:60px;
}
.convertbtn .btn{
    min-height:46px;
    min-width:140px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.filedrop label{
    line-height:30px;
    margin:0;
}

.filesuccess label{
    min-height:40px;
}
.asposetools{
    min-height:90px;
}

.filesuccess{
    min-height:200px;
}
@font-face{
    font-family:Open Sans;
    font-display:swap;
}
.otherapps-grid-item{
    min-height:40px;
}
.userloginbox ul ul{
    min-width:200px;
    visibility:hidden;
}

.userloginbox:hover ul ul{
    visibility:visible;
}
.filename{
    min-height:40px;
}
.container-main,.x-spreadsheet{
    contain:layout style;
}
.app-product-section{
    contain:style;
}
.animate,.fade,.slide,.transition,button,img{
    will-change:transform;
}
h1,h2,h3,h4,h5,h6,p{
    overflow-wrap:break-word;
    word-wrap:break-word;
}
.loading,.progress,.spinner{
    min-height:40px;
    min-width:100px;
}
table{
    width:100%;
    table-layout:fixed;
}
.ajax-content,.async-content,.dynamic-content{
    min-height:60px;
}
@font-face{
    font-display:optional;
}

.userloginbox .fa.fa-user{
    width:30px;
    height:30px;
    text-align:center;
    line-height:30px;
    background:#006bb0;
    border-radius:100%;
    font-size:16px
}

.desklink{
    display:block !important
}

#DynabicMenuUserControlsclone,#DynabicMenuUserControlsclone .userlogin,.dda a:after,.footercol .socialicon .fa:after,.footercol .socialicon .fa:before,.moblink,.topurlink.moblink:after{
    display:none !important
}

.twocolmenu.topheadermenus li:nth-child(1):hover ul{
    width:inherit !important
}

.productmenubox{
    max-width:650px;
    min-width:650px;
    width:500px;
    float:left;
    display:block
}

.topheadermenus li .productmenubox a{
    line-height:20px !important;
    margin:10px 0 0;
    float:left;
    padding:5px 15px !important;
    display:inline-block;
    width:25%;
    box-sizing:border-box
}

.topheadermenus li .productmenubox a:hover{
    background:#3071a9 !important;
    color:#fff !important
}

.productmenubox a b{
    font-size:12px;
    display:block;
    clear:both;
    font-weight:400
}

.productmenubox em{
    font-style:normal;
    float:left;
    font-size:16px;
    font-weight:600
}

.footercol .socialicon ul a{
    padding:0 !important;
    height:26px !important;
    max-height:26px !important;
    min-height:26px !important;
    max-width:26px;
    min-width:26px;
    width:26px
}

.icon{
    display:inline-block;
    stroke-width:0;
    stroke:currentColor;
    fill:currentColor;
    margin:0
}

.icon-arrow-down,.icon-arrow-up{
    color:rgba(40, 167, 69, .4)
}

.frame0{
    width:16px;
    height:16px
}

.frame0-1{
    width:20px;
    height:20px
}

div#iframe-wrap{
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:99999999
}

div#iframe-wrap > iframe{
    width:100%;
    height:100%
}

.lngTopBtn{
    cursor:pointer;
    user-select:none;
    -webkit-user-select:none;
    padding:0;
    outline:0  currentcolor;
    border:0;
    width:100%;
    overflow:visible;
    display:flex;
    -moz-box-align:center;
    -webkit-box-align:center;
    align-items:center;
    color:#fff;
    background-color:transparent;
    font-family:inherit;
    line-height:inherit;
    margin:0 10px 0 0
}

.language-icon{
    display:flex;
    max-width:40px;
    max-height:40px;
    overflow:hidden;
    margin-right:6px;
}

.filedrop-container{
    border-radius:var(--bs-border-radius-lg, .5rem);
    box-shadow:var(--bs-box-shadow, 0 .5rem 1rem rgba(0, 0, 0, .15));
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    background:var(--bs-body-bg, #fff);
    color:var(--bs-body-color, #000);
    padding:1rem;
}

.external-url-input{
    padding:6px 12px;
    width:100% !important
}

.file-from,.file-from-btn{
    display:flex;
    align-items:center;
    border-radius:6px
}

.file-from{
    width:100%;
    text-align:left;
    color:var(--bs-body-color, #fff);
    padding:.5rem;
    flex-direction:column;
    border:none;
    background:transparent;
    margin:.25rem;
    gap:.75rem;
}

.file-from-btn{
    margin:10px 0
}

.file-from-btn-icon{
    width:24px;
    height:24px
}

.file-from-btn-name{
    margin-left:6px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}

.cloud-btn,.upload-from-icloud{
    display:flex;
    justify-content:center;
    align-items:center
}

.upload-from-icloud{
    margin:1rem auto;
}

.cloud-btn{
    background-color:#fff;
    border-radius:20px;
    box-shadow:0 1px 1px #aaa;
    color:#777;
    cursor:pointer;
    height:40px;
    margin:0 1rem;
    padding:6px 0;
    width:40px
}

.cloud-btn svg{
    fill:#439cda;
    height:25px;
    width:25px
}

.file-from-device-label{
    margin-top:50px !important;
    text-decoration:underline;
    color:#000;
    margin-bottom:0
}

.preview-text{
    resize:none;
    border-radius:.5rem;
    min-height:200px;
    font-family:monospace;
    font-size:14px;
    line-height:1.6;
}

.copy-btn{
    background:#666;
    border:none;
    color:#fff;
    padding:.5rem 0;
    border-radius:4px;
    margin:1rem 1rem 0;
    box-shadow:0 6px 1px -5px #666
}

.convert-desc{
    display:flex;
    flex-direction:column;
    max-width:75%;
    margin:50px auto;
}

.convert-box{
    display:flex;
    flex-direction:column;
    margin:10px 0;
}

.convert-title{
    font-size:32px;
    font-weight:500
}

.convert-content{
    font-size:18px;
    font-weight:200;
    text-align:justify;
}

.convert-json{
    display:flex;
    width:80%;
    justify-content:space-evenly;
    margin:1rem auto
}

.conversion-textarea{
    width:100%;
    height:26rem;
    color:#000;
    padding:1rem;
    resize:none;
    border-radius:3px;
    border:1px solid #ccc
}

.conversion-textarea-box{
    display:flex;
    width:100%;
    justify-content:center;
    align-items:center;
    color:#000
}

.conversion-textarea-btn{
    display:inline-block;
    cursor:pointer;
    border:1px solid #ccc;
    font-weight:700;
    padding:4px 12px;
    font-size:14px;
    line-height:20px;
    color:#333;
    text-align:center;
    background-image:linear-gradient(180deg, #fff, #e6e6e6);
    border-bottom-color:#b3b3b3;
    border-radius:4px;
    margin:1rem
}

.conversion-textarea-btn:hover{
    background-image:linear-gradient(#e6e6e6, #e6e6e6)
}

.conversion-textarea-select{
    height:3rem;
    border:1px solid;
    border-radius:2px
}

.filedrop-url{
    display:flex;
    flex-direction:column;
    width:100%;
    justify-content:center;
    align-items:center;
    padding:5px 0
}

.filedrop-url-input{
    width:40%;
    background-color:#e0f4d3;
    border-radius:6px;
    color:#7f8b77;
    margin:5px 0;
    padding:5px 10px
}

.filedrop-url-buttons img{
    margin:5px 5px 0
}

.cloud-panel-success,.filedrop-enter-url,.filedrop-url-buttons{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:4px;
}

.filedrop-enter-url{
    flex-direction:row;
    cursor:pointer;
    color:#337ab7
}

.cloud-panel-success{
    padding:1.5rem 1rem;
    background:#439cda;
    border-radius:3px;
    color:#fff
}

.loading{
    align-items:center;
    animation-delay:1s;
    display:inline-flex
}

.loading .dot{
    border-radius:50%;
    height:1.5em;
    margin:.8em;
    position:relative;
    width:1.5em;
    background:#0634de
}

.loading .dot:first-child:before{
    animation-delay:.2s
}

.loading .dot:nth-child(2):before{
    animation-delay:.4s
}

.loading .dot:nth-child(3):before{
    animation-delay:.6s
}

.loading .dot:nth-child(4):before{
    animation-delay:.8s
}

.loading .dot:nth-child(5):before{
    animation-delay:1s
}

.loading .dot:before{
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    background:inherit;
    border-radius:inherit;
    animation:wave 2s ease-out infinite;
    margin:auto;
    left:0;
    right:0;
    top:0
}

@keyframes wave{
    50%,75%{
        transform:scale(2)
    }

    80%,to{
        opacity:0
    }
}

.enter-password-section{
    display:flex;
    width:100%;
    justify-content:center;
    padding:1.5rem 20rem;
}

.submit-password{
    text-transform:uppercase;
    border-radius:4px;
    background:#06d6a0;
    color:#04241c;
    border-color:#06d6a0;
}

.search{
    background:hsla(0, 0%, 100%, .15);
    padding:15px 10%;
    border-radius:8px;
    margin:0 auto 15px;
}

.translation-option{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    margin:1rem 0;
}

.save-as{
    display:flex;
    align-items:center;
    margin:0 1rem;
}

.save-as em{
    font-size:18px;
    font-style:normal;
    font-weight:200;
    color:#fff;
    margin-right:1rem;
}

.video-partial{
    display:flex;
    justify-content:center;
    margin:2rem 5rem;
}

.video-partial video{
    width:60rem;
}

.code-partial{
    display:flex;
    flex-direction:column;
    justify-content:center;
    margin:2rem 5rem;
}

.progress-title{
    text-align:center;
    color:#666;
    margin-bottom:.5rem;
}
#progressbar .modal-dialog{
    display:flex;
    align-items:center;
    justify-content:center;
}

#progressbar .modal-content{
    background:#fff;
    border-radius:12px;
    margin:0 auto;
}

#progressbar .spinner-border{
    animation:spinner-border .75s linear infinite;
}

@keyframes spinner-border{
    to{
        transform:rotate(1turn);
    }
}

.progress-container{
    position:relative;
    border:1px solid #bbb;
    display:block;
    height:13px;
    margin:0 auto;
    width:90%;
}

.progress-container > .progress-bar-left{
    -webkit-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-name:PROGRESS_INDETERMINATE1;
    animation-name:PROGRESS_INDETERMINATE1;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    background-color:#1976d2;
    left:0;
    width:0;
    z-index:1;
}

.progress-container > .progress-bar-common{
    bottom:0;
    display:block;
    position:absolute;
    top:0;
    -webkit-transition:width .2s cubic-bezier(.4, 0, .2, 1);
    transition:width .2s cubic-bezier(.4, 0, .2, 1);
    width:0;
}

.progress-container > .progress-bar-center{
    background-image:-webkit-linear-gradient(90deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7)), -webkit-linear-gradient(90deg, #90caf9, #90caf9);
    background-image:linear-gradient(90deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7)), linear-gradient(90deg, #90caf9, #90caf9);
    left:0;
    width:100%;
    z-index:0;
}

.progress-container > .progress-bar-right{
    -webkit-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-name:PROGRESS_INDETERMINATE2;
    animation-name:PROGRESS_INDETERMINATE2;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    background-color:#1976d2;
    background-image:none;
    right:0;
    width:0;
}

@keyframes PROGRESS_INDETERMINATE1{
    0%{
        left:0;
        width:0
    }

    50%{
        left:25%;
        width:75%
    }

    75%{
        left:100%;
        width:0
    }
}

@keyframes PROGRESS_INDETERMINATE2{
    0%{
        left:0;
        width:0
    }

    50%{
        left:0;
        width:0
    }

    75%{
        left:0;
        width:25%
    }

    100%{
        left:100%;
        width:0
    }
}

.table-style-m1{
    background-position:0 0
}

.table-style-m2{
    background-position:-74px 0
}

.table-style-m3{
    background-position:-148px 0
}

.table-style-m4{
    background-position:-222px 0
}

.table-style-m5{
    background-position:-296px 0
}

.table-style-m6{
    background-position:-370px 0
}

.table-style-m7{
    background-position:-444px 0
}

.table-style-m8{
    background-position:-518px 0
}

.table-style-m9{
    background-position:-592px 0
}

.table-style-m10{
    background-position:-666px 0
}

.table-style-m11{
    background-position:-740px 0
}

.table-style-m12{
    background-position:-814px 0
}

.table-style-m13{
    background-position:-888px 0
}

.table-style-m14{
    background-position:-962px 0
}

.table-style-m15{
    background-position:-1036px 0
}

.table-style-m16{
    background-position:-1110px 0
}

.table-style-m17{
    background-position:-1184px 0
}

.table-style-m18{
    background-position:-1258px 0
}

.table-style-m19{
    background-position:-1332px 0
}

.table-style-m20{
    background-position:-1406px 0
}

.table-style-m21{
    background-position:-1480px 0
}

.table-style-m22{
    background-position:-1554px 0
}

.table-style-m23{
    background-position:-1628px 0
}

.table-style-m24{
    background-position:-1702px 0
}

.table-style-m25{
    background-position:-1776px 0
}

.table-style-m26{
    background-position:-1850px 0
}

.table-style-m27{
    background-position:-1924px 0
}

.table-style-m28{
    background-position:-1998px 0
}

.table-style-l1{
    background-position:-2072px 0
}

.table-style-l2{
    background-position:-2146px 0
}

.table-style-l3{
    background-position:-2220px 0
}

.table-style-l4{
    background-position:-2294px 0
}

.table-style-l5{
    background-position:-2368px 0
}

.table-style-l6{
    background-position:-2442px 0
}

.table-style-l7{
    background-position:-2516px 0
}

.table-style-l8{
    background-position:-2590px 0
}

.table-style-l9{
    background-position:-2664px 0
}

.table-style-l10{
    background-position:-2738px 0
}

.table-style-l11{
    background-position:-2812px 0
}

.table-style-l12{
    background-position:-2886px 0
}

.table-style-l13{
    background-position:-2960px 0
}

.table-style-l14{
    background-position:-3034px 0
}

.table-style-l15{
    background-position:-3108px 0
}

.table-style-l16{
    background-position:-3182px 0
}

.table-style-l17{
    background-position:-3256px 0
}

.table-style-l18{
    background-position:-3330px 0
}

.table-style-l19{
    background-position:-3404px 0
}

.table-style-l20{
    background-position:-3478px 0
}

.table-style-l21{
    background-position:-3552px 0
}

.Editor-app60{
    background-position:0 0
}

.Viewer-app60{
    background-position:-60px 0
}

.Conversion-app60{
    background-position:-120px 0
}

.Merger-app60{
    background-position:-180px 0
}

.Unlock-app60{
    background-position:-240px 0
}

.Protect-app60{
    background-position:-300px 0
}

.Splitter-app60{
    background-position:-360px 0
}

.Comparison-app60{
    background-position:-420px 0
}

.Annotation-app60{
    background-position:-480px 0
}

.Parser-app60{
    background-position:-540px 0
}

.Metadata-app60{
    background-position:-600px 0
}

.Watermark-app60{
    background-position:-660px 0
}

.Search-app60{
    background-position:-720px 0
}

.Chart-app60{
    background-position:-780px 0
}

.Mortgage-Calculator-app60{
    background-position:-840px 0
}

.MortgageCalculator-app60{
    background-position:-840px 0
}

.Assembly-app60{
    background-position:-900px 0
}

.Translation-app60{
    background-position:-960px 0
}

.Compress-app60{
    background-position:-1020px 0
}

.Replace-app60{
    background-position:-1080px 0
}

.Clear-app60{
    background-position:-1140px 0
}

.BMI-app60{
    background-position:-1200px 0
}

.WebConverter-app60{
    background-position:-1260px 0
}

.Rotate-app60{
    background-position:-1320px 0
}

.Reverse-app60{
    background-position:-1380px 0
}

.Repair-app60{
    background-position:-1440px 0
}

.Form-app60{
    background-position:-1500px 0
}

.Esign-app60{
    background-position:-1560px 0
}

.Calculator-app60{
    background-position:-1620px 0
}

.Tools-app60{
    background-position:-1680px 0
}

div#thumbnail-container{
    width:80%;
    background-color:#fff;
    border-radius:1rem;
    padding:3rem 0;
    margin:3rem auto 1rem;
}

div#thumbnail-section{
    display:flex;
    justify-content:center;
    overflow:hidden;
}

div#thumbnail-box{
    display:flex;
    width:730px;
    overflow:hidden;
    gap:15px;
}

div.range-section{
    display:flex;
    flex-direction:column;
    justify-content:center;
    color:#000
}

.flex-center{
    justify-content:center;
}

.unit-padding{
    padding:2rem 9rem;
}

.unit-type{
    display:flex;
    width:100%;
    padding:1rem
}

div.form-control.swapUnits{
    width:10rem;
}

.action-collection{
    display:flex;
    justify-content:center;
    align-items:center;
    width:80%;
    margin:0 auto;
    gap:20px;
}

.collection-options{
    display:flex;
    flex-direction:column;
    justify-content:center;
    margin:2rem auto;
    width:80%;
}

button.btn.btn-options{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:12px 32px;
    gap:4px;
    width:168px;
    height:44px;
    background:#fff;
    box-shadow:0 10px 20px rgba(0, 0, 0, .04),0 2px 6px rgba(0, 0, 0, .04),0 0 1px rgba(0, 0, 0, .04);
    border-radius:6px;
    flex:none;
    order:2;
    flex-grow:0;
    margin-left:10px;
    text-transform:uppercase;
}

.modal-title-options{
    font-size:28px;
    font-weight:800;
    text-align:center;
}

.label-options{
    font-size:16px;
    font-weight:500;
}
.watermark-image-name{
    display:inline-block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}

.upload{
    display:inline-block;
    height:42px;
    line-height:42px;
    padding:0 18px;
    white-space:nowrap;
    text-align:center;
    font-size:14px;
    border-radius:4px;
    cursor:pointer;
    border:1px solid #2e6da4;
    background-color:#337ab7;
    color:#fff
}

.upload:hover{
    opacity:.8;
}

.layout{
    padding-left:20px;
    padding-right:20px;
    padding-top:50px
}

.liable{
    display:block;
    float:left;
    padding:10px 15px;
    height:42px;
    line-height:20px;
    border:1px solid #ccc;
    border-radius:2px 0 0 2px;
    text-align:center;
    background:#dcdcdc;
    overflow:hidden;
    box-sizing:border-box;
    font-weight:400;
    min-width:180px;
}

.select{
    height:42px;
    line-height:1.3;
    border-radius:2px;
    width:200px;
    border:1px solid #ccc;
    outline:none;
    border-left:none;
    float:left;
    padding:0 0 0 12px;
}

.text{
    height:42px;
    line-height:1.3;
    border-radius:2px;
    width:200px;
    border:1px solid #ccc;
    outline:none;
    border-left:none;
    float:left;
    padding:0 0 0 12px;
}

.fontsize{
    height:42px;
    line-height:1.3;
    border-radius:2px;
    width:188px;
    border:1px solid #ccc;
    outline:none;
    border-left:none;
    float:left;
    padding:0 0 0 12px;
}

.color{
    float:left;
    height:42px;
    line-height:1.3;
    border:1px solid #ccc;
    border-left:none;
}

.slider-panel1{
    display:flex;
    flex-direction:column;
    float:left;
    margin-left:20px
}

.slider-panel1 .slider-box{
    background-color:#a9a9a9;
    margin-top:12px;
    display:inline-block;
    width:305px;
    height:6px;
    position:relative;
    border-radius:5px
}

.slider-panel1 .slider-box .slider-value1{
    background:#2871e6;
    height:6px;
    width:0;
    border-radius:5px
}

.slider-panel1 input[type=range]{
    position:absolute;
    left:0;
    top:0;
    appearance:none;
    background:transparent;
    width:305px;
    height:2px;
    outline:none;
    border:none
}

.slider-panel1 input[type=range]::-webkit-slider-thumb{
    -webkit-appearance:none;
    height:12px;
    width:12px;
    border-radius:50%;
    cursor:pointer;
    box-shadow:0 2px 4px 0 #212b35;
    background:#fff;
    border:2px solid #2871e6
}

.watermark-section{
    display:flex;
    flex-direction:column;
    background:#fff;
    color:#000;
    width:100%;
    margin:0 auto 2rem;
    padding:3rem 2rem;
    border-radius:1rem;
}

.watermark-image-section,.watermark-text-section{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:baseline;
    width:fit-content;
    margin:0 auto;
}

.sub-menu-stats{
    display:flex;
    flex-direction:row;
    justify-content:flex-end;
    gap:16px;
    background:#d6d6d6;
    padding:0 20%;
    height:20px;
}

.shield{
    display:flex;
    font-size:12px;
    align-items:center;
    color:#fff;
}

.shield-item{
    height:20px;
    display:flex;
    flex-direction:row;
    align-items:center;
    padding:0 4px;
}

.shield-title{
    background-color:#555;
}

.shield-value{
    background-color:#007ec6;
}

.shield-addon{
    background-color:#8c8c8c;
}

.controls-options-container{
    margin:0 auto 15px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background:hsla(0, 0%, 100%, .15);
    border-radius:8px;
    padding:15px
}

.controls-options-group{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:10px 0
}

.controls-options-label{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0;
    white-space:nowrap
}

.Excel2PdfContent-container{
    font-family:Arial,sans-serif;
    display:flex;
    flex-wrap:wrap;
    gap:20px;
}

.Excel2PdfContent-card{
    flex:1 1 calc(33.33% - 20px);
    background-color:#fff;
    border-radius:10px;
    padding:20px;
    box-shadow:0 4px 8px rgba(0, 0, 0, .1);
    margin-bottom:20px;
}

.Excel2PdfContent-card h2{
    color:#333;
    border-bottom:2px solid #eee;
    padding-bottom:10px;
}

.Excel2PdfContent-card li,.Excel2PdfContent-card p{
    color:#666;
    font-size:16px;
}

.Excel2PdfContent-controls-options-container{
    margin:0 auto 15px;
    max-width:1200px;
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    background:hsla(0, 0%, 100%, .1);
    border-radius:8px;
    padding:15px;
    box-shadow:0 4px 8px rgba(0, 0, 0, .1);
    gap:15px;
}

.Excel2PdfContent-controls-options-group{
    flex:0 0 calc(33.33% - 10px);
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    box-sizing:border-box;
    gap:10px;
}

.Excel2PdfContent-controls-options-label{
    display:flex;
    justify-content:center;
    align-items:center;
    white-space:nowrap;
    width:100%;
    text-align:center;
    margin:0;
}

.font-0{
    font-size:0;
}

div#loginModal.modal.fade div.modal-dialog,div#LoginOrUpgradeModal.modal.fade div.modal-dialog,div#upgradeBillingModal.modal.fade div.modal-dialog{
    width:50%;
}

li.loggedin:hover,li.login:hover{
    background-color:#1a89d0;
}

.topurlink.toplogout.moblink{
    text-align:center !important;
}

.moblink{
    display:none !important;
}

.toplogout{
    color:#fff;
    background:#dc4342;
    margin-bottom:0 !important;
}

.lock-controls{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:15px;
}

.lock-controls-items{
    width:400px;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
    align-items:center;
    gap:15px;
}

.lock-controls-checkbox{
    width:400px;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
}

.unit-row{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
}

.left-button{
    color:#fff;
    background-color:#888;
    width:200px;
    height:50px;
    position:fixed;
    left:0;
    top:0;
    border-radius:0 8px 8px 0;
    transform:translateX(-150px);
    transition:transform .4s ease-out;
    cursor:pointer;
    box-sizing:border-box;
    padding:0 50px 0 0;
    box-shadow:0 0 10px rgba(0, 0, 0, .2);
    display:flex;
    justify-content:flex-end;
    align-items:center;
    z-index:500;
}

.left-button:hover{
    transform:translateX(0);
}

.left-button:after{
    font-family:Font Awesome\ 5 Free,serif;
    color:#fff;
    width:50px;
    height:50px;
    position:absolute;
    right:0;
    top:0;
    font-size:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-shadow:0 0 5px rgba(0, 0, 0, .1);
}

.left-button.left-button__otherapp{
    top:135px;
    background-color:#06d6a0;
}

.left-button.left-button__otherapp.paid{
    background-color:#5dbdff;
}

.left-button.left-button__otherapp:after{
    display:inline-block;
    content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23fff' d='M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zM332.1 128H256V51.9l76.1 76.1zM48 464V48h160v104c0 13.3 10.7 24 24 24h104v288H48zm212-240h-28.8c-4.4 0-8.4 2.4-10.5 6.3-18 33.1-22.2 42.4-28.6 57.7-13.9-29.1-6.9-17.3-28.6-57.7-2.1-3.9-6.2-6.3-10.6-6.3H124c-9.3 0-15 10-10.4 18l46.3 78-46.3 78c-4.7 8 1.1 18 10.4 18h28.9c4.4 0 8.4-2.4 10.5-6.3 21.7-40 23-45 28.6-57.7 14.9 30.2 5.9 15.9 28.6 57.7 2.1 3.9 6.2 6.3 10.6 6.3H260c9.3 0 15-10 10.4-18L224 320c.7-1.1 30.3-50.5 46.3-78 4.7-8-1.1-18-10.3-18z'/%3E%3C/svg%3E");
    width:38px;
    padding:8px;
}

.left-button.left-button__github{
    top:195px;
    background-color:#495568;
}

.left-button.left-button__github:after{
    display:inline-block;
    content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'%3E%3Cpath fill='%23fff' d='M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z'/%3E%3C/svg%3E");
    padding:8px;
}

.left-button.left-button__cloud{
    top:255px;
    background-color:#495568;
}

.left-button.left-button__cloud:after{
    display:inline-block;
    content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23fff' d='M537.6 226.6c4.1-10.7 6.4-22.4 6.4-34.6 0-53-43-96-96-96-19.7 0-38.1 6-53.3 16.2C367 64.2 315.3 32 256 32c-88.4 0-160 71.6-160 160 0 2.7.1 5.4.2 8.1C40.2 219.8 0 273.2 0 336c0 79.5 64.5 144 144 144h368c70.7 0 128-57.3 128-128 0-61.9-44-113.6-102.4-125.4z'/%3E%3C/svg%3E");
    padding:8px;
}

.left-button.left-button__help{
    top:315px;
    background-color:#f5f5f5;
    z-index:520;
}

.left-button.left-button__help a:focus,.left-button.left-button__help a:hover,.left-button.left-button__help a:link,.left-button.left-button__help a:visited{
    color:#495568;
}

.left-button.left-button__help:after{
    color:#495568;
    content:"API";
    font-family:inherit;
    font-weight:100;
}

.left-button.left-button__help div.button-container{
    display:flex;
    flex-direction:row;
    position:absolute;
    left:0;
    top:0;
    width:200px;
    height:50px;
    color:#000;
    z-index:490;
    opacity:0;
    animation-duration:.8s;
}

.left-button.left-button__help div.button-container a.button{
    width:42px;
    height:42px;
    margin-left:6px;
    margin-top:5px;
    background-color:#fff;
    color:#333;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
    font-weight:700;
    border:2px solid #888;
    border-radius:6px;
}

.left-button.left-button__help div.button-container a.button:active,.left-button.left-button__help div.button-container a.button:focus,.left-button.left-button__help div.button-container a.button:visited{
    color:#333;
}

.left-button.left-button__help div.button-container a.button:hover{
    color:#fff;
}

.left-button.left-button__help div.button-container a.button.button-python-net{
    border-color:#68602e;
}

.left-button.left-button__help div.button-container a.button.button-python-net:hover{
    background-color:#80722e;
}

.left-button.left-button__help div.button-container a.button.button-java{
    border-color:#8d4459;
}

.left-button.left-button__help div.button-container a.button.button-java:hover{
    background-color:#ad4f63;
}

.left-button.left-button__help div.button-container a.button.button-net{
    border-color:#436b2e;
}

.left-button.left-button__help div.button-container a.button.button-net:hover{
    background-color:#527f2e;
}

.left-button.left-button__help div.button-container a.button.button-cpp{
    border-color:#105396;
}

.left-button.left-button__help div.button-container a.button.button-cpp:hover{
    background-color:#1160ae;
}

.left-button.left-button__help:hover div.button-container{
    animation-duration:.8s;
    animation-name:documents;
    animation-iteration-count:1;
    animation-fill-mode:forwards;
}

.left-button a{
    color:#fff;
    text-decoration:none !important;
}

.left-button a:active,.left-button a:hover,.left-button a:visited{
    color:#fff;
    text-decoration:none;
}

@keyframes documents{
    from{
        top:0;
        opacity:0;
    }

    45%{
        top:50px;
        opacity:0;
    }

    to{
        top:50px;
        opacity:1%;
    }
}

.socials-panel{
    width:150px;
    display:flex;
    flex-direction:column;
    position:fixed;
    top:0;
    right:0;
    z-index:500;
}
.modal{
    z-index:9999 !important;
}

.modal-backdrop{
    z-index:9998 !important;
}
#otherAppsModal .modal-dialog{
    margin-top:60px;
}

.breadcrumb{
    background:none;
}

.breadcrumb-item,.breadcrumb-item a{
    color:#fff;
    text-transform:uppercase;
}

.breadcrumb-item + .breadcrumb-item::before{
    color:#fff;
}
#errorModal .modal-dialog{
    max-width:600px;
    display:flex;
    align-items:center;
    min-height:calc(100vh - 4rem);
    margin:2rem auto;
}

#errorModal .modal-content{
    width:100%;
    max-height:calc(100vh - 2rem);
    display:flex;
    flex-direction:column;
    overflow:hidden;
}

#errorModal .modal-header{
    flex-shrink:0;
    border-bottom:1px solid #e9ecef;
}

#errorModal .modal-body{
    flex:1 1 auto;
    overflow-y:auto;
    overscroll-behavior:contain;
    min-height:0;
    padding:1.5rem;
}

#errorModal .modal-footer{
    flex-shrink:0;
    border-top:1px solid #e9ecef;
}
#loadUrlModal .modal-dialog{
    max-width:500px;
    display:flex;
    align-items:center;
    min-height:calc(100vh - 4rem);
    margin:2rem auto;
}

#loadUrlModal .modal-content{
    width:100%;
    max-height:calc(100vh - 2rem);
    display:flex;
    flex-direction:column;
    overflow:hidden;
}

#loadUrlModal .modal-header{
    flex-shrink:0;
    border-bottom:1px solid #e9ecef;
}

#loadUrlModal .modal-body{
    flex:1 1 auto;
    overflow-y:auto;
    overscroll-behavior:contain;
    min-height:0;
    padding:1.5rem;
}

#loadUrlModal .modal-footer{
    flex-shrink:0;
    border-top:1px solid #e9ecef;
}
#delResModal .modal-dialog{
    max-width:400px;
    display:flex;
    align-items:center;
    min-height:calc(100vh - 4rem);
    margin:2rem auto;
}

#delResModal .modal-content{
    width:100%;
    max-height:calc(100vh - 2rem);
    display:flex;
    flex-direction:column;
    overflow:hidden;
}

#delResModal .modal-header{
    flex-shrink:0;
    border-bottom:1px solid #e9ecef;
}

#delResModal .modal-body{
    flex:1 1 auto;
    overflow-y:auto;
    overscroll-behavior:contain;
    min-height:0;
    padding:1.5rem;
}

#delResModal .modal-footer{
    flex-shrink:0;
    border-top:1px solid #e9ecef;
}