body{overflow-x:hidden}body.right-sidebar-active{overflow:hidden}.bg-caraka{background-color:#091864}.right-sidebar-layer{background:rgba(0,0,0,.6);display:none;height:100%;position:fixed;top:0;width:100%;z-index:99999}.right-sidebar{background:#343A40;height:100%;position:fixed;right:-300px;padding:30px 15px 30px 20px;top:0;transition:all .5s ease;z-index:9999999}.right-sidebar.active{right:0}.right-sidebar h3{color:#fff;border-bottom:1px solid #ccc;font-size:20px;margin:0 0 15px;padding:0 0 15px;position:relative}.right-sidebar button.right-sidebar-toggle{background:transparent;border:0;color:#fff;position:absolute;right:0;top:0}.right-sidebar button.right-sidebar-toggle:focus{outline:0}.right-sidebar .sidebar-content{height:100%;padding:0 15px 0 0;overflow-y:scroll;overflow-x:hidden;scrollbar-width:none!important}.right-sidebar .sidebar-content::-webkit-scrollbar{width:5px}.right-sidebar .sidebar-content::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d}.right-sidebar .sidebar-content::-webkit-scrollbar-thumb{background-color:#a9a9a9;outline:1px solid slategrey}.right-sidebar label{color:#fff}a.page-link:hover,label[for]:hover{cursor:pointer}.select2-container.select2-container--default.select2-container--open{z-index:99999!important}tr.inner-table>td:first-child{padding-left:0;padding-right:0;background-color:gray}tr.inner-table>td:first-child>table{margin-bottom:0!important;background-color:#fff!important}ul.we-treeview{list-style:none;margin:10px 0 0;overflow:auto;padding:0 0 10px 10px;border-left:1px dashed gray}ul.we-treeview li{margin-top:10px;margin-bottom:10px}ul.we-treeview li:last-child{margin-bottom:0}.clickable{cursor:pointer}body,.form-control,.input-group-text,.btn{font-size:14px}.table td,.table th{padding:8px}.daterangepicker{z-index:99999999!important}.wevelope-timepicker .calendar-table{display:none}.sidebar::-webkit-scrollbar{width:7px}.sidebar::-webkit-scrollbar-thumb{background-color:gray;border-radius:20px;border:1px solid black}.col-long-text{width:300px}.col-price{width:150px}.col-date{width:100px}body.sidebar-open{overflow:hidden}.sidebar{padding-bottom:100px}.brand-link{background:#fff;float:left;text-align:center}.brand-link .brand-image{box-shadow:none!important;border-radius:0!important;opacity:1!important;max-height:none;float:none;width:50%}.brand-link .brand-text{display:none}body.sidebar-collapse .search-box,body.sidebar-collapse .user-panel.hide-sidebar-collapse{display:none!important}.sidebar nav{padding:0 0 200px}#qrcode{text-align:center;background:white;padding:10px}#qrcode img{display:inline!important}.callout.top-notif a{color:#007bff;text-decoration:none}.col-w-100{width:100px}.col-w-150{width:150px}.col-w-200{width:200px}.btn{margin-right:.25rem}@media only screen and (max-width: 480px){.table-buttons td{text-align:center}.table-buttons .w-btn{width:100%;margin-bottom:5px}}.w-icon{width:20px}.w-short{width:50px}.w-medium{width:100px}.w-long{width:200px}.w-price{width:150px}.c-orange{color:orange}.align-center{display:flex;align-items:center;justify-content:center}.input-group-right{justify-content:right}hr{border:1px solid black}.pl-0{padding-left:0}.blog-spot{background-color:#fff}.blog-spot h1{font-size:92px}@media screen and (max-width: 768px){.blog-spot h1{font-size:54px}}.blog-spot h2.title{font-size:48px;line-height:48px}.blog-spot h2{font-size:26px;line-height:48px;font-weight:700;margin:20px 0}.blog-spot p,.blog-spot ol li,.blog-spot ul li{font-size:18px;line-height:28px}.blog-spot .subtitle{font-size:1.5em;color:gray;font-style:italic;margin-top:0}.border-medium{border-width:medium!important}.border-green{border-color:#1dbf73!important}.custom-right-sidebar{position:fixed;right:0;top:0;height:100%;width:70%;background-color:#222d32;overflow-y:auto;z-index:9999}.custom-right-sidebar .fixed-button{position:fixed;bottom:0;right:0;background-color:#222d32;width:70%;height:80px;padding-top:20px;z-index:1000}.custom-right-sidebar .mr-fixed-button{margin-right:40px}.blog-spot img{max-width:100%;height:auto;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;margin:30px auto;display:block}.blog-spot .btn-pricing{font-size:35px;color:#fff}.upload-area{width:220px;height:100px;background-color:transparent;color:gray;font-size:12px;border:2px dashed gray}.upload-area:hover{border:2px dashed gray}.f-18{font-size:18px}body{font-family:Roboto,sans-serif}h1{font-size:32px}hr{border:0;border-top:2px solid #314057;margin:5px 0 10px}.blog-spot h2.title{font-size:30px;line-height:36px}.blog-spot h3{font-size:22px;line-height:38px;font-weight:700}.btn-primary{background:#314057;border-color:#314057;border-radius:100px}.btn-primary:hover{background:#4D6486;border-color:#314057}.btn-primary.disabled,.btn-primary:disabled{background:#526480;border-color:#526480}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show.btn-primary.dropdown-toggle{background:#314057;border-color:#314057}.btn-default{border-radius:100px}#app textarea{background:#f7f7f7;border:0;padding:10px 15px}#app .table-responsive thead td,#app .table-responsive thead th{background:#314057;border:0;color:#fff}#app .table-responsive tbody td{background:#f7f7f7;border-color:#fff}#app .table-responsive tbody td pre{color:#333!important;padding:0;margin:15px 0!important;font-size:100%;font-family:Roboto,sans-serif;white-space:normal!important}#app .table-responsive tfoot td{background:#f7f7f7;border-color:#fff}#app .right-sidebar{background:#314057}#app .right-sidebar .sidebar-content .btn-primary{background:#4777F4;border-color:#4777f4;border-radius:100px}#app .right-sidebar .sidebar-content .btn-primary:hover{background:#688FF4;border-color:#688ff4}#app .right-sidebar .sidebar-content .btn-primary.disabled,#app .right-sidebar .sidebar-content .btn-primary:disabled{background:#688FF4;border-color:#688ff4}#app .right-sidebar .sidebar-content .col-sm-12{padding-left:0!important;padding-right:0!important}.toc-container{background-color:#f8f9fa;border-left:4px solid #007bff;padding:20px;border-radius:4px;font-size:14px;line-height:1.6}.toc-list{list-style:none;padding-left:0;margin:0}.toc-list .toc-list{padding-left:20px;margin-top:8px}.toc-list-item{margin:6px 0}.toc-link{color:#333;text-decoration:none;transition:all .3s ease;display:inline-block;padding:4px 0}.toc-link:hover{color:#007bff;padding-left:4px}.toc-link.is-active-link{color:#007bff;font-weight:600;border-left:2px solid #007bff;padding-left:8px;margin-left:-10px}.toc-list-item.is-active-li>.toc-link{color:#007bff;font-weight:600}