.logo a,.navbar-default .navbar-nav>li>a,a,body{color:#222}.try-now,a:hover{text-decoration:none}body{padding-top:70px;font-family:"Open Sans",sans-serif}.navbar-brand{font-size:1.5rem}.navbar-content{display:flex;justify-content:space-between;align-items:center}.dropdown-menu>li>a{padding:10px 20px}.navbar-nav a{font-size:15px;font-weight:600}.navbar-nav a.active{color:#106eea!important}.dropdown-submenu{position:relative}.dropdown-submenu:hover>.dropdown-menu{display:block;margin-left:100%;margin-top:-6px}.dropdown-submenu .dropdown-menu{top:0;left:100%;margin-left:0}.navbar-default{height:70px;display:flex;align-items:center;background:#fff;box-shadow:0 2px 15px rgba(0,0,0,.1)}.logo{font-size:30px;margin:0;padding:0;font-weight:600;letter-spacing:.8px;font-family:Poppins,sans-serif}.logo a span{color:#106eea}.back-to-top.active{visibility:visible;opacity:1}.back-to-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:15px;z-index:996;background:#106eea;width:40px;height:40px;border-radius:4px;transition:.4s}.back-to-top i{font-size:20px;color:#fff;line-height:0;left:8px;top:14px}.footer-main{position:relative;background:#eee}.footer-main .container{padding-top:20px;padding-bottom:20px}ul.footer-bottom-link{display:flex;list-style:none;align-items:center;justify-content:center}.ft-sec-nav{position:relative;font-size:13px;padding:10px;list-style:none}.ft-sec-nav:after{position:absolute;content:'';height:10px;width:1px;background:#000;right:0;top:14px}#code1,#code2,.buttonbox .btn{width:100%;border:1px solid #dadada}.ft-sec-nav a{color:#222;font-size:13px;font-weight:600}.ft-sec-nav:last-child::after,.hidden,.json-error.alert-danger,.output-diff{display:none}.copyright-text{text-align:center;font-size:12px}.section-title{text-align:center;padding-bottom:30px}.section-title h1,.section-title h3{margin:15px 0 0;font-size:32px;font-weight:700}.container-no-padding{padding-right:10px;padding-left:10px;width:99%!important}.content{margin-top:50px;margin-bottom:50px}.buttonbox .btn{margin-bottom:20px}#inputbox,#outputbox{height:88vh;text-align:left}#inputbox #menu,#outputbox #menu{display:flex;justify-content:space-between;font-size:14px;background-color:#222;color:#fff}#inputbox #menu .title,#outputbox #menu .title{padding-left:10px}#menu .menugroup .btn-sm{cursor:pointer}#code1,#code2{height:100%;font-size:16px}.contactusform .sum{display:flex;align-items:center;margin-bottom:15px;margin-top:15px}.contactusform #answer{width:100px}.contactusform label.error{font-size:12px;color:red}.content-description h1,.content-description h2,.content-description h3{font-size:18px;font-weight:600}.content-description ul{padding-left:20px}.content-description li,.content-description p{color:#000;font-size:16px;font-weight:400;line-height:30px}.margin-top-30{margin-top:30px}.output-box{display:flex;gap:10px}.color-box{width:15px;padding:10px}.output-box input{border:none}.output-box input:focus{outline:0;border:none;box-shadow:none}.data-input-box{min-height:215px;border:1px solid #ccc;padding:65px}.added-badge,.removed-badge{padding:5px 10px;border-radius:5px;margin-right:10px}#x-spreadsheet-demo{width:100%!important}.spreadsheet-wrapper{display:none;overflow-x:auto;margin-top:25px}.removed-badge{background:#f8d7da;color:#721c24}.added-badge{background:#d4edda;color:#155724}.checker-tool{margin-top:15px;margin-bottom:15px}.panel{display:flex;flex-direction:column;border:1px solid #ccc;border-radius:6px;overflow:hidden}.panel-head{padding:8px;background:#f7f7f7;font-weight:600;border-bottom:1px solid #ddd}.panel-body{flex:1;padding:6px;min-height:0}.container{width:99%}span.fa{margin:8px;padding:0}.btn-beautify{margin-top:20px;width:100%}#inputEditor,#outputEditor{height:500px!important}.jsoneditor-menu>span:hover{background-color:rgba(255,255,255,.2);box-shadow:0 0 0 1px rgba(255,255,255,.4);cursor:pointer}.content-top-header{text-align:center;margin-top:50px;margin-bottom:30px}.content-top-header h1{font-weight:700;margin-bottom:20px}.content-top-header p{font-size:16px;color:#555;max-width:700px;margin:0 auto;line-height:1.6}.card{border:1px solid #ddd;border-radius:4px;padding:20px;text-align:center;height:100%;transition:box-shadow .3s}.card:hover{box-shadow:0 4px 8px rgba(0,0,0,.1)}.card-icon{font-size:30px;color:#337ab7;margin-bottom:15px}.card-title{font-size:18px;font-weight:700;margin-bottom:10px}.card-text{font-size:14px;color:#555;margin-bottom:20px}.try-now{color:#337ab7;font-weight:700}.tool-footer,.tool-footer ul li a{color:#a2b4cc}.try-now:hover{text-decoration:underline}.tool-footer{padding:30px 0;background:#253142}.tool-footer ul{list-style:none;margin-bottom:0;padding:0}.tool-footer ul li{margin-bottom:5px}.tool-footer ul li a:focus,.tool-footer ul li a:hover{color:#2488e1}.tool-footer .widget-title{font-weight:500;position:relative;margin-bottom:25px}.tool-footer .widget-title:after{position:absolute;bottom:-5px;left:0;width:50px;height:2px;content:"";background:#8093ad}@media (max-width:768px){.navbar-default{display:inline;padding-top:15px}.navbar-nav{background:#fff;border:1px solid #ddd}.navbar-content{display:inline}}