CINXE.COM

<!DOCTYPE html> <html lang="en" ng-app="dtApp" class=""> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>SQL Viewer, Formatter, Editor</title> <meta property="og:title" content="SQL Viewer, Formatter, Editor" /> <meta property="og:type" content="article" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="google-site-verification" content="ZkllBXM0YaGbvtbUBWPeMrRH7sJOHSKErKPJ_bQA9zM" /> <link rel="shortcut icon" href="//dpidudyah7i0b.cloudfront.net/favicon.ico" type="image/x-icon"> <link rel="icon" href="//dpidudyah7i0b.cloudfront.net/favicon.ico" type="image/x-icon"> <style> .ui.action.input>.button,.ui.cards,.ui.cards>.card,.ui.form .fields,.ui.grid,.ui.menu,.ui.progress{display:-webkit-box;display:-ms-flexbox}.ui.statistics>.statistic{-webkit-box-orient:vertical;-webkit-box-direction:normal}.ui.grid,.ui.statistics>.statistic{-webkit-box-direction:normal}.ui.dropdown>.dropdown.icon,i.icon{-webkit-backface-visibility:hidden}.ui.table{border-spacing:0}.ui.table>tbody,.ui.table>thead,.ui.table>thead>tr>th{vertical-align:inherit}.ui.table>tbody,.ui.table>tbody>tr>td,.ui.table>thead,.ui.table>thead>tr>th{text-align:inherit;text-align:inherit}.ui.button{will-change:auto}.ui.dropdown .menu{will-change:transform,opacity}.ui.dropdown .menu>.item{-webkit-touch-callout:none;-webkit-touch-callout:none}i.icon{text-decoration:inherit;speak:none;-webkit-font-smoothing:antialiased}.fa,.fas,i.icon{-webkit-font-smoothing:antialiased}.ui.button,.ui.menu .item,a{text-decoration:none}html{-webkit-text-size-adjust:100%}input[type=password],input[type=text]{-moz-appearance:none;-moz-appearance:none}[type=button],[type=submit],button{-webkit-appearance:button}.fa,.fas{-moz-osx-font-smoothing:grayscale;text-rendering:auto}@font-face{font-family:Dropdown;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');font-weight:400;font-style:normal}@font-face{font-family:Icons;src:url(../themes/default/assets/fonts/icons.eot);src:url(../themes/default/assets/fonts/icons.eot?#iefix) format('embedded-opentype'),url(../themes/default/assets/fonts/icons.woff2) format('woff2'),url(../themes/default/assets/fonts/icons.woff) format('woff'),url(../themes/default/assets/fonts/icons.ttf) format('truetype'),url(../themes/default/assets/fonts/icons.svg#icons) format('svg');font-style:normal;font-weight:400;font-variant:normal;text-decoration:inherit;text-transform:none}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-regular-400.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-regular-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-regular-400.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-regular-400.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-regular-400.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-solid-900.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-solid-900.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-solid-900.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-solid-900.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-solid-900.svg#fontawesome) format("svg")}@font-face{font-family:Icons;src:url(../css/themes/default/assets/fonts/icons.eot);src:url(../css/themes/default/assets/fonts/icons.eot?#iefix) format('embedded-opentype'),url(../css/themes/default/assets/fonts/icons.woff2) format('woff2'),url(../css/themes/default/assets/fonts/icons.woff) format('woff'),url(../css/themes/default/assets/fonts/icons.ttf) format('truetype'),url(../css/themes/default/assets/fonts/icons.svg#icons) format('svg');font-style:normal;font-weight:400;font-variant:normal;text-decoration:inherit;text-transform:none}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-regular-400.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-regular-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-regular-400.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-regular-400.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.ui.attached.message{margin-bottom:-1px;border-radius:.28571429rem .28571429rem 0 0;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px rgba(34,36,38,.15) inset;margin-left:-1px;margin-right:-1px}.ui.info.message{background-color:#f8ffff;color:#276f86}.ui.attached.info.message,.ui.info.message{-webkit-box-shadow:0 0 0 1px #a9d5de inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #a9d5de inset,0 0 0 0 transparent}.ui.info.message .header{color:#0e566c}.ui.menu,.ui.progress{display:flex}.ui.cards>.card,.ui.grid,.ui.menu,.ui.progress{display:flex}.ui.grid{-webkit-box-orient:horizontal;display:flex;-webkit-box-orient:horizontal;-ms-flex-direction:row;-ms-flex-direction:row;display:flex;-webkit-box-orient:horizontal}.ui.progress,.ui.statistics{display:-webkit-box;display:-ms-flexbox}.ui.progress{position:relative;display:flex;max-width:100%;border:none;margin:1em 0 2.5em;-webkit-box-shadow:none;box-shadow:none;background:rgba(0,0,0,.1);padding:0;border-radius:.28571429rem;font-size:1rem}.ui.progress:first-child{margin:0 0 2.5em}.ui.progress:last-child{margin:0 0 1.5em}.ui.progress .bar{display:block;line-height:1;position:relative;width:0;min-width:2em;background:#888;border-radius:.28571429rem;overflow:hidden;height:1.75em}.ui.ui.ui.progress:not([data-percent]):not(.indeterminate) .bar{background:0 0}.ui.progress .bar>.progress{white-space:nowrap;position:absolute;width:auto;font-size:.92857143em;top:50%;right:.5em;left:auto;bottom:auto;color:rgba(255,255,255,.7);text-shadow:none;margin-top:-.5em;font-weight:700;text-align:left}#loadingBar,#outerContainer,.initials,.splitToolbarButton>.toolbarButton,.toolbar,.ui.bulleted.list>.item,.ui.card,.ui.cards>.card,.ui.form,.ui.grid>.column:not(.row),.ui.grid>.row,.ui.grid>.row>.column,.ui.message,sub{position:relative}.ui.green.progress .bar{background-color:#21ba45}.ui.card,.ui.form>p{margin:1em 0}.ui.grid>.column:not(.row){padding:1rem;display:inline-block;width:6.25%;vertical-align:top}.ui[class*="two column"].grid>.column:not(.row),.ui[class*="two column"].grid>.row>.column{width:50%}small{font-size:80%}.ui.attached.segment{top:0;bottom:0;border-radius:0;margin:0 -1px;width:calc(100% + 2px);max-width:calc(100% + 2px);-webkit-box-shadow:none;box-shadow:none;border:1px solid #d4d4d5}.clearBoth,.results{clear:both}#errorMessageRight,.ui.breadcrumb .form.search{float:right}.ui.header,h1,h2,h3,h4,h5{margin:calc(2rem - .1428571428571429em) 0 1rem;font-weight:700;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;line-height:1.28571429em;padding:0}.ui.breadcrumb:first-child,.ui.card:first-child,.ui.menu:first-child,.ui.message>:first-child,.ui.statistic:first-child,.ui.statistic>.value~.label,.ui.statistics .statistic>.value~.label,.ui.table:first-child,h1:first-child,h2:first-child,h3:first-child,h5:first-child,p:first-child{margin-top:0}.ui.form .field:last-child,.ui.header:last-child,.ui.menu:last-child,.ui.message p:last-child,.ui.message>:last-child,.ui.segment:last-child,.ui.table:last-child,h2:last-child,p:last-child{margin-bottom:0}i.link.icon:not(.disabled){opacity:.8}i.circular.icon{border-radius:500em!important;line-height:1!important;padding:.5em 0!important;-webkit-box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset;box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset;width:2em!important;height:2em!important}i.circular.inverted.icon{border:none;-webkit-box-shadow:none;box-shadow:none}i.inverted.circular.icon{background-color:#1b1c1d;color:#fff}i.inverted.icon{color:#fff}.ui.header{text-transform:none;text-transform:none;border:none;text-transform:none;color:rgba(0,0,0,.87)}.ui.header:first-child{margin-top:-.14285714em}h2,h2.ui.header{font-size:1.71428571rem}.ui.icon.input>i.circular.icon{top:.35em;right:.5em}.ui.mini.input{font-size:.78571429em}@media only screen and (max-width:991.98px){.ui[class*="tablet stackable"].table,.ui[class*="tablet stackable"].table>tbody,.ui[class*="tablet stackable"].table>tbody>tr,.ui[class*="tablet stackable"].table>tbody>tr>td:not(.rowspanned),.ui[class*="tablet stackable"].table>thead,.ui[class*="tablet stackable"].table>thead>tr,.ui[class*="tablet stackable"].table>thead>tr>th:not(.rowspanned){display:block!important;width:100%!important}.ui[class*="tablet stackable"].table{padding:0}.ui[class*="tablet stackable"].table>thead{display:block}.ui.ui.ui.ui[class*="tablet stackable"].table>tbody>tr,.ui.ui.ui.ui[class*="tablet stackable"].table>thead>tr{padding-top:1em;padding-bottom:1em;-webkit-box-shadow:0 -1px 0 0 rgba(0,0,0,.1) inset;box-shadow:0 -1px 0 0 rgba(0,0,0,.1) inset}.ui[class*="tablet stackable"].table>tbody>tr>td,.ui[class*="tablet stackable"].table>thead>tr>th{background:0 0;border:none!important;padding:.25em .75em;-webkit-box-shadow:none;box-shadow:none}}.ui.padded.table>tbody>tr>td,.ui.padded.table>thead>tr>th{padding:1em}.fa-times:before{content:"\f00d"}.ui.statistics{display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;display:flex}.ui.statistics>.statistic{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-direction:column;flex-direction:column}.ui.statistics .statistic>.value{text-transform:uppercase}.ui.basic.button,.ui.button,.ui.dropdown .menu>.item,.ui.form .field>label,button,select{text-transform:none}.ui.message .header{display:block;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:700;margin:-.14285714em 0 0}.ui.message .header:not(.ui){font-size:1.14285714em}.ui.message p{opacity:.85;margin:.75em 0}.ui.message .header+p{margin-top:.25em}sub{font-size:75%;line-height:0;vertical-align:baseline;bottom:-.25em}[type=submit]::-moz-focus-inner{border-style:none;padding:0}[type=submit]:-moz-focusring{outline:ButtonText dotted 1px}.ui.statistics{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;margin:1em -1.5em -1em}.ui.statistics>.statistic{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-direction:column;flex-direction:column;margin:0 1.5em 1em;max-width:none}.ui.card:after,.ui.card>.content:after,.ui.cards:after,.ui.cards>.card>.content:after,.ui.statistics:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.card,.ui.cards>.card{display:-webkit-box;display:-ms-flexbox;-webkit-box-orient:vertical;-webkit-box-direction:normal;z-index:'';word-wrap:break-word}.ui.statistic>.value,.ui.statistics .statistic>.value{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:400;line-height:1em;color:#1b1c1d;text-transform:uppercase;text-align:center}.ui.statistic>.label,.ui.statistics .statistic>.label{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1em;font-weight:700;color:rgba(0,0,0,.87);text-transform:uppercase;text-align:center}.ui.dropdown .menu>.item,.ui.menu .item{text-transform:none;text-transform:none}.ui.statistic>.value,.ui.statistics .statistic>.value{font-size:4rem}.ui.card,.ui.cards>.card{display:flex;-ms-flex-direction:column;flex-direction:column}.ui.card:after,.ui.card>.content:after,.ui.cards:after,.ui.cards>.card>.content:after{content:' '}.ui.cards{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}i.icon{backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ui.input{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.ui.input>input{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.ui.menu .item{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.ui.list>.item:after,.ui.menu .item:before,.ui.menu:after{content:''}.ui.card,.ui.cards>.card{max-width:100%;display:flex;-ms-flex-direction:column;flex-direction:column;width:290px;min-height:0;background:#fff;padding:0;border:none;border-radius:.28571429rem;-webkit-box-shadow:0 1px 3px 0 #d4d4d5,0 0 0 1px #d4d4d5;box-shadow:0 1px 3px 0 #d4d4d5,0 0 0 1px #d4d4d5}.ui.cards,.ui.cards>.card{display:-webkit-box;display:-ms-flexbox}.ui.cards{display:flex;margin:-.875em -.5em;-ms-flex-wrap:wrap;flex-wrap:wrap}.ui.cards>.card{display:flex;margin:.875em .5em;float:none;font-size:1em}.ui.card>:first-child,.ui.cards>.card>:first-child{border-radius:.28571429rem .28571429rem 0 0!important;border-top:none!important}.ui.card>:last-child,.ui.cards>.card>:last-child{border-radius:0 0 .28571429rem .28571429rem!important}.ui.card>:only-child,.ui.cards>.card>:only-child{border-radius:.28571429rem!important}.ui.card>.content,.ui.cards>.card>.content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border:none;border-top:1px solid rgba(34,36,38,.1);background:0 0;margin:0;padding:1em;-webkit-box-shadow:none;box-shadow:none;font-size:1em;border-radius:0}.ui.card>.content>.header,.ui.cards>.card>.content>.header{display:block;margin:'';font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;color:rgba(0,0,0,.85)}.ui.card>.content>.header:not(.ui),.ui.cards>.card>.content>.header:not(.ui){font-weight:700;font-size:1.28571429em;margin-top:-.21425em;line-height:1.28571429em}.ui.card .meta,.ui.cards>.card .meta{font-size:1em;color:rgba(0,0,0,.4)}.ui.card .meta *,.ui.cards>.card .meta *{margin-right:.3em}.ui.card .meta :last-child,.ui.cards>.card .meta :last-child{margin-right:0}.ui.card>.content a:not(.ui),.ui.cards>.card>.content a:not(.ui){color:''}.ui.card>.content>a.header,.ui.cards>.card>.content>a.header{color:rgba(0,0,0,.85)}.ui.four.cards{margin-left:-.75em;margin-right:-.75em}.ui.four.cards>.card{width:calc(25% - 1.5em);margin-left:.75em;margin-right:.75em}.ui.grid,.ui.grid>.row{display:-webkit-box;display:-ms-flexbox;-webkit-box-orient:horizontal;-webkit-box-direction:normal}.ui.vertical.segment:last-child{border-bottom:none}.ui.form input[type=number],.ui.form input[type=text],input[type=text]{-webkit-appearance:none;-webkit-appearance:none;-webkit-appearance:none}.ui.statistic>.value{text-transform:uppercase;text-transform:uppercase;text-transform:uppercase}.ui.basic.button,.ui.button,.ui.dropdown .menu>.item,.ui.form .field>label,.ui.menu .item,.ui.table>thead>tr>th,button{text-transform:none;text-transform:none}.ui.grid,.ui.grid>.row{display:flex}.ui.statistic{display:-webkit-inline-box;display:-ms-inline-flexbox}@media only screen and (max-width:767.98px){.ui.ui.ui.ui.stackable.grid{width:auto;margin-left:0!important;margin-right:0!important}.ui.stackable.grid>.column:not(.row){width:100%!important;margin:0!important;-webkit-box-shadow:none!important;box-shadow:none!important;padding:1rem}.ui.stackable.cards{display:block!important}.ui.stackable.cards .card:first-child{margin-top:0!important}.ui.stackable.cards>.card{display:block!important;height:auto!important;margin:1em;padding:0!important;width:calc(100% - 2em)!important}.ui.ui.ui.container:not(.fluid){width:auto;margin-left:1em;margin-right:1em}.ui.form .fields{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0}.ui.form:not(.unstackable) .fields:not(.unstackable)>.field{width:100%;margin:0 0 1em}.ui.menu>.ui.container{width:100%!important;margin-left:0!important;margin-right:0!important}.ui.stackable.menu{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.stackable.menu .item{width:100%!important}.ui.stackable.menu .item:before{position:absolute;content:'';top:auto;bottom:0;left:0;width:100%;height:1px;background:rgba(34,36,38,.1)}.ui.table:not(.unstackable){width:100%;padding:0}.ui.table:not(.unstackable)>tbody,.ui.table:not(.unstackable)>tbody>tr,.ui.table:not(.unstackable)>tbody>tr>td:not(.rowspanned),.ui.table:not(.unstackable)>thead,.ui.table:not(.unstackable)>thead>tr,.ui.table:not(.unstackable)>thead>tr>th:not(.rowspanned){display:block!important;width:auto!important}.ui.table:not(.unstackable)>thead{display:block}.ui.ui.ui.ui.table:not(.unstackable)>tbody>tr,.ui.ui.ui.ui.table:not(.unstackable)>thead>tr{padding-top:1em;padding-bottom:1em;-webkit-box-shadow:0 -1px 0 0 rgba(0,0,0,.1) inset;box-shadow:0 -1px 0 0 rgba(0,0,0,.1) inset}.ui.ui.ui.ui.table:not(.unstackable)>tbody>tr>td,.ui.ui.ui.ui.table:not(.unstackable)>thead>tr>th{background:0 0;border:none;padding:.25em .75em;-webkit-box-shadow:none;box-shadow:none}.ui.table:not(.unstackable)>tbody>tr>td:first-child,.ui.table:not(.unstackable)>thead>tr>th:first-child{font-weight:700}}.ui.form .fields,.ui.grid{-ms-flex-direction:row;-ms-flex-direction:row;-ms-flex-direction:row;-ms-flex-direction:row}.ui.form .fields{display:flex;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.ui.form .fields,.ui.grid,.ui.grid>.row{-webkit-box-orient:horizontal;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.ui.grid{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ui.grid>.row{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:inherit;-ms-flex-pack:inherit;justify-content:inherit;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ui.statistic{display:inline-flex;-ms-flex-direction:column;flex-direction:column}.ui.form .fields,.ui.grid,.ui.grid>.row{-webkit-box-orient:horizontal}.ui.form .fields{flex-direction:row}.ui.form .fields,.ui.grid,.ui.grid>.row{display:-webkit-box;display:-ms-flexbox}.ui.grid,.ui.grid>.row{display:flex;-webkit-box-direction:normal}.ui.grid{flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ui.menu .dropdown.item:not(.column) .menu,.ui.statistic{-webkit-box-orient:vertical;-webkit-box-direction:normal}.ui.grid>.row{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:inherit;-ms-flex-pack:inherit;justify-content:inherit;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media only screen and (max-width:767.98px){.ui.form .fields{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0}.ui.form:not(.unstackable) .fields:not(.unstackable)>.field{width:100%;margin:0 0 1em}.ui.table:not(.unstackable){width:100%;padding:0}.ui.table:not(.unstackable)>tbody,.ui.table:not(.unstackable)>tbody>tr,.ui.table:not(.unstackable)>tbody>tr>td:not(.rowspanned),.ui.table:not(.unstackable)>thead,.ui.table:not(.unstackable)>thead>tr,.ui.table:not(.unstackable)>thead>tr>th:not(.rowspanned){display:block!important;width:auto!important}.ui.table:not(.unstackable)>thead{display:block}.ui.ui.ui.ui.table:not(.unstackable)>tbody>tr,.ui.ui.ui.ui.table:not(.unstackable)>thead>tr{padding-top:1em;padding-bottom:1em;-webkit-box-shadow:0 -1px 0 0 rgba(0,0,0,.1) inset;box-shadow:0 -1px 0 0 rgba(0,0,0,.1) inset}.ui.ui.ui.ui.table:not(.unstackable)>tbody>tr>td,.ui.ui.ui.ui.table:not(.unstackable)>thead>tr>th{background:0 0;border:none;padding:.25em .75em;-webkit-box-shadow:none;box-shadow:none}.ui.table:not(.unstackable)>tbody>tr>td:first-child,.ui.table:not(.unstackable)>thead>tr>th:first-child{font-weight:700}.ui.stackable.menu{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.stackable.menu .item{width:100%!important}.ui.stackable.menu .item:before{position:absolute;content:'';top:auto;bottom:0;left:0;width:100%;height:1px;background:rgba(34,36,38,.1)}.ui.ui.ui.container:not(.fluid){width:auto;margin-left:1em;margin-right:1em}.ui.menu>.ui.container{width:100%!important;margin-left:0!important;margin-right:0!important}}.ui.form .fields .field{clear:both;margin:0}.ui.form .field>label{display:block;margin:0 0 .28571429rem;color:rgba(0,0,0,.87);font-size:.92857143em;font-weight:700}.ui.form input[type=number],.ui.form input[type=text]{margin:0;line-height:1.21428571em;border:1px solid rgba(34,36,38,.15);font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;padding:.67857143em 1em;-webkit-appearance:none;vertical-align:top}.ui.form input[type=number]{width:100%;outline:0;font-size:1em;background:#fff;color:rgba(0,0,0,.87);border-radius:.28571429rem;-webkit-box-shadow:0 0 0 0 transparent inset;box-shadow:0 0 0 0 transparent inset}.ui.form .fields{display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;margin:0 -.5em 1em}.ui.grid,.ui.grid>.row{display:-webkit-box;display:-ms-flexbox;-webkit-box-orient:horizontal}.ui.form .fields>.field{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;padding-left:.5em;padding-right:.5em}.ui.form .fields>.field:first-child{border-left:none;-webkit-box-shadow:none;box-shadow:none}.ui.form [class*="equal width"].fields>.field{width:100%;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.ui.dropdown,.ui.dropdown .menu>.item,h5{font-size:1rem}.ui.ui.ui.ui.small.button{font-size:.92857143rem}.ui.basic.button{background:0 0;color:rgba(0,0,0,.6);font-weight:400;border-radius:.28571429rem;text-shadow:none!important;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px rgba(34,36,38,.15) inset}.ui.black.button,.ui.primary.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;background-image:none;text-shadow:none}.ui.black.button{background-color:#1b1c1d;color:#fff;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.basic.black.button{background:0 0;-webkit-box-shadow:0 0 0 1px #1b1c1d inset;box-shadow:0 0 0 1px #1b1c1d inset;color:#1b1c1d}.ui.grid{display:flex;-webkit-box-direction:normal;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:0;margin:-1rem}.ui.menu .dropdown.item:not(.column) .menu,.ui.statistic{-webkit-box-orient:vertical;-webkit-box-direction:normal}.ui.grid>*,.ui.grid>.row>.column{padding-left:1rem;padding-right:1rem}.ui.grid>.row>.column{display:inline-block;width:6.25%;vertical-align:top;margin-top:0;margin-bottom:0}.ui.grid>.row{display:flex;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:inherit;-ms-flex-pack:inherit;justify-content:inherit;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%!important;padding:1rem 0}.ui.message{min-height:1em;margin:1em 0;background:#f8f8f9;padding:1em 1.5em;line-height:1.4285em;color:rgba(0,0,0,.87);border-radius:.28571429rem;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.22) inset,0 0 0 0 transparent;box-shadow:0 0 0 1px rgba(34,36,38,.22) inset,0 0 0 0 transparent;font-size:1em}.ui.negative.message{background-color:#fff6f6;color:#9f3a38;-webkit-box-shadow:0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent}[type=button]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}.ui.statistic{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;margin:1em 0;max-width:none}.ui.definition.table>tbody>tr>td:first-child:not(.ignored){background:rgba(0,0,0,.03);font-weight:700;color:rgba(0,0,0,.95);text-transform:'';-webkit-box-shadow:'';box-shadow:'';text-align:'';font-size:1em;padding-left:'';padding-right:''}.ui.definition.table>tbody>tr>td:nth-child(2){border-left:1px solid rgba(34,36,38,.15)}.ui.form{max-width:100%;font-size:1rem}.ui.form input[type=text],.ui.table{background:#fff;font-size:1em;color:rgba(0,0,0,.87);width:100%}.ui.form .field{clear:both;margin:0 0 1em}.ui.form input[type=text]{outline:0;border-radius:.28571429rem;-webkit-box-shadow:0 0 0 0 transparent inset;box-shadow:0 0 0 0 transparent inset}.ui.form ::-webkit-datetime-edit,.ui.form ::-webkit-inner-spin-button{height:1.21428571em}.ui.form .field.field input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px ivory inset!important;box-shadow:0 0 0 100px ivory inset!important;border-color:#e5dfa1!important}.ui.form ::-webkit-input-placeholder{color:rgba(191,191,191,.87)}.ui.form :-ms-input-placeholder{color:rgba(191,191,191,.87)!important}.ui.form ::-moz-placeholder{color:rgba(191,191,191,.87);opacity:1}h4{font-size:1.07142857rem}.ui.table{margin:1em 0;border:1px solid rgba(34,36,38,.15);-webkit-box-shadow:none;box-shadow:none;border-radius:.28571429rem;text-align:left;vertical-align:middle;border-collapse:separate}.ui.breadcrumb .divider,.ui.button,progress{vertical-align:baseline}.ui.table>thead{-webkit-box-shadow:none;box-shadow:none}.ui.table>thead>tr>th{font-style:none;font-style:none;font-style:none;background:#f9fafb;color:rgba(0,0,0,.87);padding:.92857143em .78571429em;font-style:none;font-weight:700;border-bottom:1px solid rgba(34,36,38,.1);border-left:none}.ui.celled.table>tbody>tr>td:first-child,.ui.celled.table>thead>tr>th:first-child,.ui.menu .ui.dropdown .menu .active.item,.ui.table>thead>tr>th:first-child{border-left:none}.ui.table>thead>tr:first-child>th:first-child{border-radius:.28571429rem 0 0}.ui.table>thead>tr:first-child>th:last-child{border-radius:0 .28571429rem 0 0}.ui.table>tbody>tr>td{border-top:1px solid rgba(34,36,38,.1);padding:.78571429em}.ui.table>tbody>tr:first-child>td{border-top:none}.ui.striped.table>tbody>tr:nth-child(2n){background-color:rgba(0,0,50,.02)}.ui.celled.table>tbody>tr>td,.ui.celled.table>thead>tr>th{border-left:1px solid rgba(34,36,38,.1)}.ui.button,.ui.dropdown .menu>.item{line-height:1em}.ui.action.input>.button{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.fa,.fas,.ui.button{display:inline-block;font-style:normal}#fromeditor,#toeditor{height:20vh;border:1px solid #ddd;border-radius:4px 4px 0;margin-top:5px}.ui.big.breadcrumb,h3{font-size:1.28571429rem}.ui.button{min-height:1em;outline:0;border:none;background:#e0e1e2;color:rgba(0,0,0,.6);font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;margin:0 .25em 0 0;padding:.78571429em 1.5em;text-shadow:none;font-weight:700;line-height:1em;text-align:center;border-radius:.28571429rem;-webkit-box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;font-size:1rem}.ui.action.input>.button,.ui.menu{display:-webkit-box;display:-ms-flexbox}#overlayContainer>.container,.dialog .buttonRow{vertical-align:middle;text-align:center}.ui[class*="right floated"].button{float:right;margin-right:0;margin-left:.25em}.ui.primary.button{background-color:#2185d0;color:#fff;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.orange.button{background-color:#f2711c;color:#fff;text-shadow:none;background-image:none;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.action.input>.button{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-top:.78571429em;padding-bottom:.78571429em;margin:0}.ui.action.input:not([class*="left action"])>input{border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:transparent}.ui.action.input>.button:not(:first-child){border-radius:0}.ui.action.input>.button:last-child{border-radius:0 .28571429rem .28571429rem 0}input[type=text]{-webkit-appearance:none;-webkit-appearance:none;-webkit-appearance:none;-webkit-appearance:none}strong{font-weight:bolder}.ui.bulleted.list{margin-left:1.25rem}.ui.bulleted.list>.item:before{position:absolute;top:auto;left:auto;font-weight:400;margin-left:-1.25rem;content:'\2022';opacity:1;color:inherit;vertical-align:top}.fa,.fas{font-variant:normal;line-height:1;font-family:"Font Awesome 5 Free";font-weight:900}.fa-arrow-down:before{content:"\f063"}.fas,i.icon{-moz-osx-font-smoothing:grayscale}html{-webkit-box-sizing:border-box;box-sizing:border-box}.ui.menu{display:flex;display:flex}button,input{font-family:inherit;font-family:inherit;font-size:100%;line-height:1.15;margin:0;overflow:visible}.ui.menu .dropdown.item .menu{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.ui.dropdown>.dropdown.icon,i.icon{backface-visibility:hidden}.ui.input{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.ui.menu .dropdown.item:not(.column) .menu{-ms-flex-direction:column;flex-direction:column}i.icon{-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden}#customScaleOption,#findMsg:empty,#printContainer,.ad-rail-top,.hamburger,.hidden,.ui.dropdown .menu .menu:after,.ui.menu .ui.dropdown .menu>.item:before,.visibleLargeView,.visibleMediumView,.visibleSmallView,[hidden]{display:none}.ui.dropdown>.dropdown.icon{backface-visibility:hidden}.ui.dropdown>.dropdown.icon,i.icon{-webkit-backface-visibility:hidden}input::-webkit-selection{background-color:rgba(100,100,100,.4);color:rgba(0,0,0,.87)}i.icon{-moz-osx-font-smoothing:grayscale;backface-visibility:hidden}.ui.container{display:block;max-width:100%}@media only screen and (max-width:767.98px){.ui.form .fields{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0}.ui.form:not(.unstackable) .fields:not(.unstackable)>.field{width:100%;margin:0 0 1em}.ui.table:not(.unstackable){width:100%;padding:0}.ui.table:not(.unstackable)>tbody,.ui.table:not(.unstackable)>tbody>tr,.ui.table:not(.unstackable)>tbody>tr>td:not(.rowspanned),.ui.table:not(.unstackable)>thead,.ui.table:not(.unstackable)>thead>tr,.ui.table:not(.unstackable)>thead>tr>th:not(.rowspanned){display:block!important;width:auto!important}.ui.table:not(.unstackable)>thead{display:block}.ui.ui.ui.ui.table:not(.unstackable)>tbody>tr,.ui.ui.ui.ui.table:not(.unstackable)>thead>tr{padding-top:1em;padding-bottom:1em;-webkit-box-shadow:0 -1px 0 0 rgba(0,0,0,.1) inset;box-shadow:0 -1px 0 0 rgba(0,0,0,.1) inset}.ui.ui.ui.ui.table:not(.unstackable)>tbody>tr>td,.ui.ui.ui.ui.table:not(.unstackable)>thead>tr>th{background:0 0;border:none;padding:.25em .75em;-webkit-box-shadow:none;box-shadow:none}.ui.table:not(.unstackable)>tbody>tr>td:first-child,.ui.table:not(.unstackable)>thead>tr>th:first-child{font-weight:700}.ui.stackable.menu{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.stackable.menu .item{width:100%!important}.ui.stackable.menu .item:before{position:absolute;content:'';top:auto;bottom:0;left:0;width:100%;height:1px;background:rgba(34,36,38,.1)}.ui.ui.ui.container:not(.fluid){width:auto;margin-left:1em;margin-right:1em}.ui.menu>.ui.container{width:100%!important;margin-left:0!important;margin-right:0!important}}@media only screen and (min-width:768px) and (max-width:991.98px){.ui.ui.ui.container:not(.fluid){width:723px;margin-left:auto;margin-right:auto}}@media only screen and (min-width:992px) and (max-width:1199.98px){.ui.ui.ui.container:not(.fluid){width:933px;margin-left:auto;margin-right:auto}}@media only screen and (min-width:1200px){.ui.ui.ui.container:not(.fluid){width:1127px;margin-left:auto;margin-right:auto}}.ui.text.container{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;max-width:700px;line-height:1.5;font-size:1.14285714rem}.main.container{margin-top:6em}.ui.footer.segment{margin:5em 0 0;padding:5em 0}*,.splitToolbarButton.toggled .toolbarButton,.ui.menu .menu{margin:0}.dropdown.language .menu{max-height:400px;overflow-x:scroll}#toolbarContainer,.ui.breadcrumb{width:100%}.circle{background-color:#5fb0e4;border-radius:50%;height:40px;text-align:center;width:40px}.initials{font-size:20px;line-height:1;top:10px}.ad-rail-left,.ad-rail-right{z-index:10;margin:0!important;width:300px!important}.ad-rail-left{width:225px!important}.ad-rail-top{z-index:10;margin-top:82px;text-align:center}@media only screen and (max-width:600px){.main.container{margin-top:.5em}.ad-rail-left,.ad-rail-right{display:none}.ad-rail-top{display:block}}@media only screen and (max-width:1350px){.ad-rail-left,.ad-rail-right{width:200px!important}}@media only screen and (max-width:768px){.hamburger{display:block}.nav .ui.dropdown.language,.nav .ui.dropdown.listitems{display:none}}@media only screen and (max-width:1024px){.ad-rail-left,.ad-rail-right,.ad-rail-top,.nav .ui.dropdown.language,.nav .ui.dropdown.listitems{display:none}}:root{--sidebar-width:200px}*{padding:0}body,button,input,select{font:-clean-css-message-box;outline:0}#overlayContainer>.container>.dialog,.findbar,.secondaryToolbar,.toolbarField,.toolbarLabel{font-size:12px;line-height:14px}body,html{font-size:14px}.ui.breadcrumb,body,p{line-height:1.4285em}.hidden,[hidden]{display:none!important}#outerContainer{width:100%;height:100%}#sidebarContainer{position:absolute;top:32px;bottom:0;width:200px;width:var(--sidebar-width);visibility:hidden;z-index:100;border-top:1px solid #333}#mainContainer{position:absolute;top:0;right:0;bottom:0;left:0;min-width:320px}#sidebarContent{top:32px;bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;position:absolute;width:100%;background-color:hsla(0,0%,0%,.1)}#viewerContainer{overflow:auto;-webkit-overflow-scrolling:touch;position:absolute;top:32px;right:0;bottom:0;left:0;outline:0}.toolbar{left:0;right:0;z-index:9999}#toolbarSidebar{width:100%;height:32px;background-color:#424242;background-image:url(../css/images/texture.png),linear-gradient(hsla(0,0%,30%,.99),hsla(0,0%,25%,.95))}#overlayContainer>.container>.dialog,#toolbarContainer,.findbar,.secondaryToolbar{background-color:#474747;background-image:url(../css/images/texture.png),linear-gradient(hsla(0,0%,32%,.99),hsla(0,0%,27%,.95))}#sidebarResizer{position:absolute;top:0;bottom:0;width:6px;z-index:200}#toolbarContainer,.findbar,.secondaryToolbar{position:relative;height:32px}.findbar,.secondaryToolbar{box-shadow:inset 0 1px 1px hsla(0,0%,0%,.15),inset 0 -1px 0 hsla(0,0%,100%,.05),0 1px 0 hsla(0,0%,0%,.15),0 1px 1px hsla(0,0%,0%,.1);top:32px;position:absolute;z-index:10000;height:auto;min-width:16px;padding:0 6px;margin:4px 2px;color:#d8d8d8;text-align:left}#toolbarViewer,.findbar>div{height:32px}#loadingBar{width:100%;height:4px;background-color:#333;border-bottom:1px solid #333}#loadingBar .progress{position:absolute;top:0;left:0;width:0%;height:100%;background-color:#ddd;overflow:hidden}.findbar{min-width:300px}#findInput,#passwordOverlay .toolbarField{width:200px}#findInput::-webkit-input-placeholder{font-style:italic;color:#bfbfbf}#findInput::-moz-placeholder{font-style:italic}#findInput:-ms-input-placeholder{font-style:italic}.secondaryToolbar{padding:6px;height:auto;z-index:30000}#secondaryToolbarButtonContainer{max-width:200px;max-height:400px;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-bottom:-4px}.doorHanger,.doorHangerRight{border:1px solid hsla(0,0%,0%,.5);border-radius:2px;box-shadow:0 1px 4px rgba(0,0,0,.3)}.doorHanger:after,.doorHanger:before,.doorHangerRight:after,.doorHangerRight:before{bottom:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute}.doorHanger:after,.doorHangerRight:after{border-bottom-color:hsla(0,0%,32%,.99);border-width:8px}.doorHanger:before,.doorHangerRight:before{border-bottom-color:hsla(0,0%,0%,.5);border-width:9px}#findResultsCount{background-color:#d8d8d8;color:#515151;text-align:center;padding:3px 4px}#findMsg{font-style:italic;color:#a6b7d0}#toolbarViewerMiddle{position:absolute;left:50%;transform:translateX(-50%)}.overlayButton,.secondaryToolbarButton,.toolbarButton{border:0;background:0 0;width:32px;height:25px}.toolbarButton>span{display:inline-block;width:0;height:0;overflow:hidden}.dropdownToolbarButton,.overlayButton,.splitToolbarButton.toggled>.toolbarButton{background-color:hsla(0,0%,0%,.12);background-image:linear-gradient(hsla(0,0%,100%,.05),hsla(0,0%,100%,0));background-clip:padding-box;border:1px solid hsla(0,0%,0%,.35);border-color:hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);box-shadow:0 1px 0 hsla(0,0%,100%,.05) inset,0 0 1px hsla(0,0%,100%,.15) inset,0 1px 0 hsla(0,0%,100%,.05)}.ui.dropdown .menu,body{background:#fff;margin:0}.splitToolbarButtonSeparator{padding:8px 0;width:1px;background-color:hsla(0,0%,0%,.5);z-index:99;box-shadow:0 0 0 1px hsla(0,0%,100%,.08);display:inline-block;margin:5px 0}.dropdownToolbarButton,.overlayButton,.secondaryToolbarButton,.toolbarButton{min-width:16px;padding:2px 6px 0;border:1px solid transparent;border-radius:2px;color:hsla(0,0%,100%,.8);font-size:12px;line-height:14px}.secondaryToolbarButton.toggled,.splitToolbarButton.toggled>.toolbarButton.toggled,.toolbarButton.toggled{background-color:hsla(0,0%,0%,.3);background-image:linear-gradient(hsla(0,0%,100%,.05),hsla(0,0%,100%,0));border-color:hsla(0,0%,0%,.4) hsla(0,0%,0%,.45) hsla(0,0%,0%,.5);box-shadow:0 1px 1px hsla(0,0%,0%,.1) inset,0 0 1px hsla(0,0%,0%,.2) inset,0 1px 0 hsla(0,0%,100%,.05)}.dropdownToolbarButton{width:120px;max-width:120px;padding:0;overflow:hidden;background:url(../css/images/toolbarButton-menuArrows.png) no-repeat}.dropdownToolbarButton>select{min-width:140px;font-size:12px;color:#f2f2f2;margin:0;padding:3px 2px 2px;border:none;background:rgba(0,0,0,0)}.dropdownToolbarButton>select>option{background:#3d3d3d}#pageWidthOption{border-bottom:1px solid rgba(255,255,255,.5)}.toolbarButtonSpacer{width:30px;display:inline-block;height:1px}.secondaryToolbarButton::before,.toolbarButton::before{position:absolute;display:inline-block;top:4px;left:7px}.toolbarButton.zoomOut::before{content:url(../css/images/toolbarButton-zoomOut.png)}.toolbarButton.zoomIn::before{content:url(../css/images/toolbarButton-zoomIn.png)}.secondaryToolbarButton.presentationMode::before,.toolbarButton.presentationMode::before{content:url(../css/images/toolbarButton-presentationMode.png)}.secondaryToolbarButton.print::before,.toolbarButton.print::before{content:url(../css/images/toolbarButton-print.png)}.secondaryToolbarButton.openFile::before,.toolbarButton.openFile::before{content:url(../css/images/toolbarButton-openFile.png)}.secondaryToolbarButton.download::before,.toolbarButton.download::before{content:url(../css/images/toolbarButton-download.png)}.secondaryToolbarButton.bookmark,.toolbarButton.bookmark{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0;padding-top:4px;text-decoration:none}.secondaryToolbarButton.bookmark{padding-top:5px}.bookmark[href='#']{opacity:.5}.secondaryToolbarButton.bookmark::before,.toolbarButton.bookmark::before{content:url(../css/images/toolbarButton-bookmark.png)}#viewThumbnail.toolbarButton::before{content:url(../css/images/toolbarButton-viewThumbnail.png)}#viewAttachments.toolbarButton::before{content:url(../css/images/toolbarButton-viewAttachments.png)}#viewFind.toolbarButton::before{content:url(../css/images/toolbarButton-search.png)}.secondaryToolbarButton{position:relative;margin:0 0 4px;padding:3px 0 1px;height:auto;min-height:25px;width:auto;min-width:100%;white-space:normal}.dialog .separator,.horizontalToolbarSeparator{height:1px;background-color:hsla(0,0%,0%,.5);box-shadow:0 0 0 1px hsla(0,0%,100%,.08)}.secondaryToolbarButton.firstPage::before{content:url(../css/images/secondaryToolbarButton-firstPage.png)}.secondaryToolbarButton.lastPage::before{content:url(../css/images/secondaryToolbarButton-lastPage.png)}.secondaryToolbarButton.rotateCcw::before{content:url(../css/images/secondaryToolbarButton-rotateCcw.png)}.secondaryToolbarButton.rotateCw::before{content:url(../css/images/secondaryToolbarButton-rotateCw.png)}.secondaryToolbarButton.selectTool::before{content:url(../css/images/secondaryToolbarButton-selectTool.png)}.secondaryToolbarButton.handTool::before{content:url(../css/images/secondaryToolbarButton-handTool.png)}.secondaryToolbarButton.documentProperties::before{content:url(../css/images/secondaryToolbarButton-documentProperties.png)}.verticalToolbarSeparator{display:block;padding:8px 0;margin:8px 4px;width:1px;background-color:hsla(0,0%,0%,.5);box-shadow:0 0 0 1px hsla(0,0%,100%,.08)}.horizontalToolbarSeparator{display:block;margin:0 0 4px;width:100%}.toolbarField{padding:3px 6px;margin:4px 0;border:1px solid hsla(0,0%,0%,.35);border-radius:2px;background-color:hsla(0,0%,100%,.09);background-image:linear-gradient(hsla(0,0%,100%,.05),hsla(0,0%,100%,0));background-clip:padding-box;border-color:hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);box-shadow:0 1px 0 hsla(0,0%,0%,.05) inset,0 1px 0 hsla(0,0%,100%,.05);color:#f2f2f2;outline-style:none}.toolbarField[type=checkbox]{display:inline-block;margin:8px 0}.toolbarField.pageNumber{-moz-appearance:textfield;min-width:16px;text-align:right;width:40px}.toolbarField.pageNumber::-webkit-inner-spin-button,.toolbarField.pageNumber::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.toolbarLabel{min-width:16px;padding:3px 6px 3px 2px;margin:4px 2px 4px 0;border:1px solid transparent;border-radius:2px;color:#d8d8d8;text-align:left}#thumbnailView{position:absolute;width:calc(100% - 60px);top:0;bottom:0;padding:10px 30px 0;overflow:auto;-webkit-overflow-scrolling:touch}#attachmentsView,#outlineView{position:absolute;width:calc(100% - 8px);top:0;bottom:0;overflow:auto;-webkit-overflow-scrolling:touch}#outlineView{padding:4px 4px 0;background-image:url(../css/images/texture.png),linear-gradient(hsla(0,0%,30%,.99),hsla(0,0%,25%,.95))}#attachmentsView{padding:3px 4px 0}#errorWrapper{background:#f55;color:#fff;left:0;position:absolute;right:0;z-index:1000;padding:3px;font-size:.8em}#errorMessageLeft{float:left}#errorMoreInfo{background-color:#fff;color:#000;padding:3px;margin:3px;width:98%}.overlayButton{width:auto;margin:3px 4px 2px!important;padding:2px 6px 3px}#overlayContainer{display:table;position:absolute;width:100%;height:100%;background-color:hsla(0,0%,0%,.2);z-index:40000}#overlayContainer>*{overflow:auto;-webkit-overflow-scrolling:touch}#overlayContainer>.container{display:table-cell}#overlayContainer>.container>.dialog{display:inline-block;padding:15px;border-spacing:4px;color:#d8d8d8;box-shadow:inset 1px 0 0 hsla(0,0%,100%,.08),inset 0 1px 1px hsla(0,0%,0%,.15),inset 0 -1px 0 hsla(0,0%,100%,.05),0 1px 0 hsla(0,0%,0%,.15),0 1px 1px hsla(0,0%,0%,.1);border:1px solid hsla(0,0%,0%,.5);border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.3)}.dialog>.row{display:table-row}.dialog>.row>*{display:table-cell}.dialog .toolbarField{margin:5px 0}.dialog .separator{display:block;margin:4px 0;width:100%}.ui.rail,body,html{height:100%}#passwordOverlay>.dialog{text-align:center}#documentPropertiesOverlay>.dialog{text-align:left}#documentPropertiesOverlay .row>*{min-width:100px}#documentPropertiesOverlay .row>span{width:125px;word-wrap:break-word}#documentPropertiesOverlay .row>p{max-width:225px;word-wrap:break-word}#documentPropertiesOverlay .buttonRow{margin-top:10px}@media all and (max-width:900px){#toolbarViewerMiddle{display:table;margin:auto;left:auto;position:inherit;transform:none}}@media all and (max-width:840px){#sidebarContent{background-color:hsla(0,0%,0%,.7)}#outerContainer .hiddenLargeView,#outerContainer .hiddenMediumView{display:inherit}#outerContainer .visibleLargeView,#outerContainer .visibleMediumView{display:none}}@media all and (max-width:770px){#outerContainer .hiddenLargeView{display:none}#outerContainer .visibleLargeView{display:inherit}}@media all and (max-width:700px){#outerContainer .hiddenMediumView{display:none}#outerContainer .visibleMediumView{display:inherit}}@media all and (max-width:640px){.hiddenSmallView,.hiddenSmallView *{display:none}.visibleSmallView{display:inherit}.toolbarButtonSpacer{width:0}}@media all and (max-width:535px){#scaleSelectContainer{display:none}}.ui.dropdown{position:relative;display:inline-block;outline:0;text-align:left}.ui.dropdown .menu{position:absolute;display:none;outline:0;top:100%;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;padding:0;font-size:1em;text-shadow:none;text-align:left;-webkit-box-shadow:0 2px 3px 0 rgba(34,36,38,.15);box-shadow:0 2px 3px 0 rgba(34,36,38,.15);border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem;z-index:11;left:0}.ui.breadcrumb,.ui.breadcrumb .section,.ui.dropdown>.text,i.icon{display:inline-block}.ui.dropdown .menu>*{white-space:nowrap}.ui.dropdown:not(.labeled)>.dropdown.icon{position:relative;width:auto;min-width:1em;font-size:.85714286em;margin:0 0 0 1em}.ui.dropdown .menu>.item .dropdown.icon{width:auto;float:right;margin:0 0 0 1em}.ui.dropdown .menu>.item{position:relative;display:block;border:none;height:auto;min-height:2.57142857rem;text-align:left;border-top:none;line-height:1em;color:rgba(0,0,0,.87);padding:.78571429rem 1.14285714rem!important;font-weight:400;-webkit-box-shadow:none;box-shadow:none}.ui.dropdown>.dropdown.icon,.ui.icon.input>i.icon,i.icon{text-align:center;line-height:1}.ui.dropdown .menu>.item:first-child{border-top-width:0}.ui.dropdown.dropdown .menu>.input{width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;margin:1.14285714rem .78571429rem;min-width:10rem}.ui.dropdown .menu>.input:not(.transparent) input{padding:.5em 1em}.ui.dropdown .menu>.input:not(.transparent) i.icon{padding-top:.5em;padding-bottom:.5em}.ui.dropdown .menu .menu{top:0;left:100%;right:auto;margin:0 -.5em!important;border-radius:.28571429rem!important;z-index:21!important}.ui.dropdown .menu>.item>i.icon,.ui.dropdown>.text>i.icon{margin-top:0;margin-left:0;float:none;margin-right:.78571429rem}.ui.dropdown .menu .active.item{background:0 0;font-weight:700;color:rgba(0,0,0,.95);-webkit-box-shadow:none;box-shadow:none;z-index:12}.ui.dropdown>.dropdown.icon{font-family:Dropdown;height:1em;backface-visibility:hidden;font-weight:400;font-style:normal;width:auto}.ui.input>input,.ui.list>.item .header,.ui.menu,body{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif}.ui.dropdown>.dropdown.icon:before{content:'\f0d7'}.ui.dropdown .menu .item .dropdown.icon:before{content:'\f0da'}.ui.search{position:relative;font-size:1em}html{width:100%}body{width:100%;padding:0;overflow-x:hidden;min-width:320px;color:rgba(0,0,0,.87)}.ui.breadcrumb a,a{color:#4183c4}p{margin:0 0 1em}a{background-color:transparent}::-webkit-selection{background-color:#cce2ff;color:rgba(0,0,0,.87)}input::-webkit-selection,textarea::-webkit-selection{background-color:rgba(100,100,100,.4);color:rgba(0,0,0,.87)}body ::-webkit-scrollbar{-webkit-appearance:none;width:10px;height:10px}body ::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:0}body ::-webkit-scrollbar-thumb{border-radius:5px;background:rgba(0,0,0,.25)}body .ui.inverted:not(.dimmer)::-webkit-scrollbar-track{background:rgba(255,255,255,.1)}body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25)}.ui.sticky{position:static;z-index:800}.ui.breadcrumb{margin:0;vertical-align:middle;font-size:1rem}.ui.menu,.ui.segment{margin:1rem 0;font-size:1rem}.ui.breadcrumb .divider{display:inline-block;opacity:.7;margin:0 .21428571rem;font-size:.92857143em;color:rgba(0,0,0,.4)}.ui.input,.ui.input>input,.ui.menu .item{color:rgba(0,0,0,.87)}.ui.breadcrumb .icon.divider{font-size:.85714286em;vertical-align:baseline}.ui.breadcrumb .section{margin:0;padding:0}.ui.breadcrumb .active.section{font-weight:700}i.icon{opacity:1;margin:0 .25rem 0 0;width:1.18em;height:1em;font-family:Icons;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-size:1em;font-style:normal}i.icon:before{background:0 0!important}i.large.large.large.icon{font-size:1.5em;vertical-align:middle}i.icon.angle.right:before{content:"\f105"}i.icon.chevron.right:before{content:"\f054"}i.icon.file:before{content:"\f15b"}i.icon.file.pdf:before{content:"\f1c1"}i.icon.globe:before{content:"\f0ac"}i.icon.search:before{content:"\f002"}i.icon.dropdown:before{content:"\f0d7"}.ui.rail{position:absolute;top:0;width:300px;font-size:1rem}.ui.left.rail{left:auto;right:100%;padding:0 2rem 0 0;margin:0 2rem 0 0}.ui.right.rail{left:100%;right:auto;padding:0 0 0 2rem;margin:0 0 0 2rem}.ui.input{position:relative;font-weight:400;font-style:normal;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:1em}.ui.input>input{margin:0;max-width:100%;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;outline:0;text-align:left;line-height:1.21428571em;padding:.67857143em 1em;background:#fff;border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem;-webkit-box-shadow:none;box-shadow:none}.ui.input>input::-webkit-input-placeholder{color:rgba(191,191,191,.87)}.ui.input>input::-moz-placeholder{color:rgba(191,191,191,.87);opacity:1}.ui.input>input:-ms-input-placeholder{color:rgba(191,191,191,.87)}.ui.icon.input>i.icon{position:absolute;top:0;right:0;margin:0;height:100%;width:2.67142857em;opacity:.5;border-radius:0 .28571429rem .28571429rem 0}.ui.ui.ui.ui.icon.input>input{padding-right:2.67142857em}.ui.icon.input>i.icon:after,.ui.icon.input>i.icon:before{left:0;position:absolute;text-align:center;top:50%;width:100%;margin-top:-.5em}.ui.menu{display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;font-weight:400;border:1px solid rgba(34,36,38,.15);-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15);border-radius:.28571429rem;min-height:2.85714286em}.ui.list>.item:after,.ui.menu:after{content:'';display:block;height:0;clear:both;visibility:hidden}.ui.menu:not(.vertical) .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ui.menu .item{position:relative;vertical-align:middle;line-height:1;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;background:0 0;padding:.92857143em 1.14285714em;font-weight:400}.ui.menu .item:before{content:'';content:'';position:absolute;content:'';top:0;right:0;height:100%;width:1px;background:rgba(34,36,38,.1)}.ui.menu .item>i.icon{opacity:.9;float:none;margin:0 .35714286em 0 0}.ui.menu>.container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-orient:inherit;-webkit-box-direction:inherit;-ms-flex-direction:inherit;flex-direction:inherit}.ui.menu .header.item{margin:0;text-transform:normal;font-weight:700}.ui.menu .item>i.dropdown.icon{padding:0;float:right;margin:0 0 0 1em}.ui.menu .dropdown.item .menu{min-width:calc(100% - 1px);border-radius:0 0 .28571429rem .28571429rem;background:#fff;margin:0;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.08);box-shadow:0 1px 3px 0 rgba(0,0,0,.08)}.ui.menu .ui.dropdown .menu>.item{margin:0;text-align:left;font-size:1em!important;padding:.78571429em 1.14285714em!important;background:0 0!important;color:rgba(0,0,0,.87)!important;text-transform:none!important;font-weight:400!important;-webkit-box-shadow:none!important;box-shadow:none!important}.ui.menu .ui.dropdown .menu>.active.item{background:rgba(0,0,0,.03)!important;font-weight:700!important;color:rgba(0,0,0,.95)!important}.ui.menu .ui.dropdown.item .menu .item:not(.filtered){display:block}.ui.menu .active.item{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95);font-weight:400;-webkit-box-shadow:none;box-shadow:none}@media only screen and (max-width:767.98px){.ui.stackable.menu{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.stackable.menu .item{width:100%!important}.ui.stackable.menu .item:before{position:absolute;content:'';top:auto;bottom:0;left:0;width:100%;height:1px;background:rgba(34,36,38,.1)}}.ui.menu.fixed{position:fixed;z-index:101;margin:0;width:100%}.ui.menu.fixed,.ui.menu.fixed .item:first-child,.ui.menu.fixed .item:last-child{border-radius:0!important}.ui.fixed.menu{top:0;left:0;right:auto;bottom:auto}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}html{-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1.15}input[type=password],input[type=text]{-webkit-appearance:none}h1{min-height:1rem;font-size:2em;margin:.67em 0}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:ButtonText dotted 1px}textarea{overflow:auto}[type=checkbox]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.ui.segment{position:relative;background:#fff;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15);padding:1em;border-radius:.28571429rem;border:1px solid rgba(34,36,38,.15)}.ui.vertical.segment{margin:0;padding-left:0;padding-right:0;background:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none;border-bottom:1px solid rgba(34,36,38,.15)}.ui.inverted.segment{border:none;-webkit-box-shadow:none;box-shadow:none;background:#1b1c1d;color:rgba(255,255,255,.9)}.ui.list{list-style-type:none;margin:1em 0;padding:0;font-size:1em}.ui.list>.item{display:list-item;table-layout:fixed;list-style-type:none;list-style-position:outside;padding:.21428571em 0;line-height:1.14285714em}.ui.list>.item:first-child{padding-top:0}.ui.list>.item:last-child{padding-bottom:0}.ui.list>.item>i.icon{display:table-cell;min-width:1.55em;margin:0;padding-top:0}.ui.list>.item>i.icon:not(.loading){padding-right:.28571429em;vertical-align:top}.ui.list>.item>.content{line-height:1.14285714em;color:rgba(0,0,0,.87)}.ui.list>.item>i.icon+.content{display:table-cell;width:100%;padding:0 0 0 .5em;vertical-align:top}.ui.list>.item .header{display:block;margin:0;font-weight:700;color:rgba(0,0,0,.87)}.ui.list>.item .description{display:block;color:rgba(0,0,0,.7)}.ui.list>.item a.header{color:#4183c4!important}.ui.horizontal.list{display:inline-block;font-size:0}.ui.horizontal.list>.item{display:inline-block;margin-right:1em;font-size:1rem}.ui.horizontal.list:not(.celled)>.item:last-child{margin-right:0;padding-right:0}.ui.horizontal.list>.item>.content,.ui.horizontal.list>.item>i.icon{vertical-align:middle}.ui.horizontal.list>.item:first-child,.ui.horizontal.list>.item:last-child{padding-top:.21428571em;padding-bottom:.21428571em}.ui.horizontal.list>.item>i.icon{margin:0;padding:0 .25em 0 0}.ui.horizontal.list>.item>i.icon,.ui.horizontal.list>.item>i.icon+.content{float:none;display:inline-block;width:auto}.ui.list [class*="middle aligned"]{vertical-align:middle!important}.fas{-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;line-height:1;font-family:"Font Awesome 5 Free";font-weight:900}.fa-2x{font-size:2em}.fa-bars:before{content:"\f0c9"} </style> <link rel="stylesheet" href="/css/site.css" /> <link rel="preload" href="/themes/default/assets/fonts/icons.woff2" as="font" crossorigin="anonymous"/> </head> <body class=""> <div class="nav"> <div class="ui fixed stackable menu "> <div class="ui container mobile"> <div class="listitems"> <a href="/" class="header item" style="white-space: nowrap;"> <div class="circle"> <span class="initials">DT</span> </div>  Dan's Tools </a> <div class="hamburger" style="position: absolute; right: 10px; top: 15px; color: #777;" onclick="$('.nav .ui.dropdown.listitems').toggle();"> <i class="fas fa-bars fa-2x"></i> </div> </div> <div class="ui dropdown link item listitems"> <span class="text">Web Dev</span> <i class="dropdown icon"></i> <div class="menu"> <a rel="nofollow" class="item" href="https://bootsnipp.com">HTML/JS/CSS Playground</a> <a rel="nofollow" class="item" href="https://www.hexcolortool.com">HTML Color Codes</a> <a rel="nofollow" class="item" href="https://www.cssfontstack.com">CSS Fonts</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/diff-compare-merge">Online Diff Tool</a> <a rel="nofollow" class="item" href="https://www.rgbtohex.net/hex-to-rgb">HEX to RGB Color Converter</a> <a rel="nofollow" class="item" href="https://www.htaccessredirect.net">.htaccess Generator</a> <a rel="nofollow" class="item" href="https://www.regextester.com">RegEx Testing</a> <a rel="nofollow" class="item" href="https://www.regexpal.com">RegEx Pal</a> <a rel="nofollow" class="item" href="https://www.rgbtohex.net/rgb-to-hex">RGB & HEX Color Explorer</a> <a rel="nofollow" class="item" href="https://www.rgbtohex.net/rgb-to-hex">RGB to HEX Color Converter</a> <a rel="nofollow" class="item" href="https://spritegen.website-performance.org/oldsites/spritegen/htdocs/">Spritegen v1</a> <a rel="nofollow" class="item" href="https://www.unixtimestamp.com">Epoch & Unix Timestamp Conversion Tools</a> <a rel="nofollow" class="item" href="https://website-performance.org">Website Speed Test</a> </div> </div> <div class="ui dropdown link item listitems"> <span class="text">Conversion</span> <i class="dropdown icon"></i> <div class="menu"> <div class="ui dropdown item"> <i class="dropdown icon"></i> Data <div class="menu"> <a rel="nofollow" class="item" href="https://www.cleancss.com/CSV-to-HTML">CSV To HTML Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/CSV-to-JSON">CSV To JSON Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/CSV-to-TSV">CSV To TSV Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/CSV-to-XML">CSV To XML Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/JSON-to-CSV">JSON To CSV Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/JSON-to-HTML">JSON To HTML Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/JSON-to-TSV">JSON To TSV Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/JSON-to-XML">JSON To XML Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/XML-to-CSV">XML To CSV Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/XML-to-HTML">XML To HTML Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/XML-to-JSON">XML To JSON Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/XML-to-TSV">XML To TSV Converter</a> <a rel="nofollow" class="item" href="https://www.files-conversion.com">Convert Files</a> </div> </div> <div class="ui dropdown item"> <i class="dropdown icon"></i> Numbers <div class="menu"> <a rel="nofollow" class="item" href="https://www.cleancss.com/binary-converter">Binary Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/binary-to-decimal">Binary To Decimal Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/binary-to-hex">Binary To Hex Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/binary-to-octal">Binary To Octal Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/convert-units">Unit Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/decimal-to-binary">Decimal To Binary Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/decimal-to-hex">Decimal To Hex Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/decimal-to-octal">Decimal To Octal Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/hex-to-binary">Hex To Binary Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/hex-to-decimal">Hex To Decimal Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/hex-to-octal">Hex To Octal Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/how-many-bytes">Data Size Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/octal-to-binary">Octal To Binary Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/octal-to-decimal">Octal To Decimal Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/octal-to-hex">Octal To Hex Converter</a> </div> </div> <div class="ui dropdown item"> <i class="dropdown icon"></i> Strings <div class="menu"> <a rel="nofollow" class="item" href="https://www.cleancss.com/binary-to-string">Binary To String Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/hex-to-string">Hex To String Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/html-escape">HTML Entities Escape</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/html-unescape">HTML Entities Unescape</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/string-to-binary">String To Binary Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/string-to-hex">String To Hex Converter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/strip-html">Strip and Remove HTML Tags</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/strip-xml">Strip and Remove XML Tags</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/word-counter">Word Counter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/xml-escape">XML Entities Escape</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/xml-unescape">XML Entities Unescape</a> </div> </div> </div> </div> <div class="ui dropdown link item listitems"> <span class="text">Encoders / Decoders</span> <i class="dropdown icon"></i> <div class="menu"> <a rel="nofollow" class="item" href="https://www.cleancss.com/base64-decode">Base64 Decode</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/base64-encode">Base64 Encode</a> <a rel="nofollow" class="item" href="https://www.md5hashgenerator.com">MD5 Hash Generator</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/sha1-generator">SHA-1 Hash Generator</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/sha256-hash-generator">SHA-256 Hash Generator</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/sha512-hash-generator">SHA-512 Hash Generator</a> <a rel="nofollow" class="item" href="https://www.url-encode-decode.com">URL Encode/Decode</a> </div> </div> <div class="ui dropdown link item listitems"> <span class="text">Formatters</span> <i class="dropdown icon"></i> <div class="menu"> <a rel="nofollow" class="item" href="https://www.cleancss.com/css-beautify">CSS Formatter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/go-beautify">GO Formatter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/html-beautify">HTML Beautifier & Formatter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/javascript-beautify">Javascript Formatter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/javascript-obfuscate">Javascript Obfuscate</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/json-beautify">JSON Formatter & Beautifier</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/json-editor">JSON Editor</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/json-validator">JSON Validator</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/perl-beautify">Perl Formatter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/php-beautify">PHP Formatter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/python-beautify">Python Formatter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/ruby-beautify">Ruby Formatter</a> <a rel="nofollow" class="item active" href="https://www.cleancss.com/sql-beautify">SQL Formatter</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/xml-beautify">XML Formatter & Beautifier</a> </div> </div> <div class="ui dropdown link item listitems"> <span class="text">Internet</span> <i class="dropdown icon"></i> <div class="menu"> <a rel="nofollow" class="item" href="https://www.cleancss.com/email-validator">Email Validator</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/is-it-up-or-down">Is It Up Or Down</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/router-default">Default Router Settings</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/user-manuals">User Manuals</a> <a rel="nofollow" class="item" href="https://www.cleancss.com/what-is-my-ip">What is my IP</a> </div> </div> <div class="ui dropdown link item language"> <span class="text"><i class="globe icon"></i> English</span> <i class="dropdown icon"></i> <div class="menu"> <div class="ui icon search input"> <i class="search icon"></i> <input type="text" name="language" placeholder="Search Languages..." /> </div> <div class="item" data-value="af">Afrikaans</div> <div class="item" data-value="sq">Albanian</div> <div class="item" data-value="am">Amharic</div> <div class="item" data-value="ar">Arabic</div> <div class="item" data-value="hy">Armenian</div> <div class="item" data-value="az">Azerbaijani</div> <div class="item" data-value="bn">Bengali</div> <div class="item" data-value="bs">Bosnian</div> <div class="item" data-value="bg">Bulgarian</div> <div class="item" data-value="ca">Catalan</div> <div class="item" data-value="zh">Chinese (Simplified)</div> <div class="item" data-value="zh-TW">Chinese (Traditional)</div> <div class="item" data-value="hr">Croatian</div> <div class="item" data-value="cs">Czech</div> <div class="item" data-value="da">Danish</div> <div class="item" data-value="fa-AF">Dari</div> <div class="item" data-value="nl">Dutch</div> <div class="item active" data-value="en">English</div> <div class="item" data-value="et">Estonian</div> <div class="item" data-value="fa">Farsi (Persian)</div> <div class="item" data-value="tl">Filipino Tagalog</div> <div class="item" data-value="fi">Finnish</div> <div class="item" data-value="fr">French</div> <div class="item" data-value="fr-CA">French (Canada)</div> <div class="item" data-value="ka">Georgian</div> <div class="item" data-value="de">German</div> <div class="item" data-value="el">Greek</div> <div class="item" data-value="gu">Gujarati</div> <div class="item" data-value="ht">Haitian Creole</div> <div class="item" data-value="ha">Hausa</div> <div class="item" data-value="he">Hebrew</div> <div class="item" data-value="hi">Hindi</div> <div class="item" data-value="hu">Hungarian</div> <div class="item" data-value="is">Icelandic</div> <div class="item" data-value="id">Indonesian</div> <div class="item" data-value="it">Italian</div> <div class="item" data-value="ja">Japanese</div> <div class="item" data-value="kn">Kannada</div> <div class="item" data-value="kk">Kazakh</div> <div class="item" data-value="ko">Korean</div> <div class="item" data-value="lv">Latvian</div> <div class="item" data-value="lt">Lithuanian</div> <div class="item" data-value="mk">Macedonian</div> <div class="item" data-value="ms">Malay</div> <div class="item" data-value="ml">Malayalam</div> <div class="item" data-value="mt">Maltese</div> <div class="item" data-value="mn">Mongolian</div> <div class="item" data-value="no">Norwegian</div> <div class="item" data-value="fa">Persian</div> <div class="item" data-value="ps">Pashto</div> <div class="item" data-value="pl">Polish</div> <div class="item" data-value="pt">Portuguese</div> <div class="item" data-value="ro">Romanian</div> <div class="item" data-value="ru">Russian</div> <div class="item" data-value="sr">Serbian</div> <div class="item" data-value="si">Sinhala</div> <div class="item" data-value="sk">Slovak</div> <div class="item" data-value="sl">Slovenian</div> <div class="item" data-value="so">Somali</div> <div class="item" data-value="es">Spanish</div> <div class="item" data-value="es-MX">Spanish (Mexico)</div> <div class="item" data-value="sw">Swahili</div> <div class="item" data-value="sv">Swedish</div> <div class="item" data-value="tl">Tagalog</div> <div class="item" data-value="ta">Tamil</div> <div class="item" data-value="te">Telugu</div> <div class="item" data-value="th">Thai</div> <div class="item" data-value="tr">Turkish</div> <div class="item" data-value="uk">Ukrainian</div> <div class="item" data-value="ur">Urdu</div> <div class="item" data-value="uz">Uzbek</div> <div class="item" data-value="vi">Vietnamese</div> <div class="item" data-value="cy">Welsh</div> </div> </div>  </div> </div> </div> <div class="ad-rail-top"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8815422507798180" data-ad-slot="5700240528" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <script> document.addEventListener('DOMContentLoaded', function(){ $(document).ready(() => { const lang = "en"; $('.nav .dropdown.language').dropdown({onChange: function(value, text) { if(value){ if(lang && document.location.pathname.indexOf('/'+lang) === 0){ if(value == 'en') document.location.href = `${document.location.pathname.substr(lang.length+1)}`; else document.location.href = `/${value}${document.location.pathname.substr(lang.length+1)}`; } else if(value == 'en') document.location.href = `${document.location.pathname}`; else document.location.href = `/${value}${document.location.pathname}`; } }}); $('.nav .dropdown.listitems').dropdown(); }); }); </script> <div class="ui main text container" style="min-height:700px"> <link rel="stylesheet" href="//dpidudyah7i0b.cloudfront.net/css/codemirror.css"> <script defer src="//dpidudyah7i0b.cloudfront.net/js/jquery.cookie.js"></script> <script defer src="//dpidudyah7i0b.cloudfront.net/codemirror/lib/codemirror.js"></script> <script defer src="//dpidudyah7i0b.cloudfront.net/js/formatting.js"></script> <script defer src="//dpidudyah7i0b.cloudfront.net/codemirror/mode/css/css.js"></script> <script defer src="//dpidudyah7i0b.cloudfront.net/codemirror/addon/display/placeholder.js"></script> <script defer src="//dpidudyah7i0b.cloudfront.net/codemirror/addon/display/fullscreen.js"></script> <script defer src="//dpidudyah7i0b.cloudfront.net/codemirror/mode/clike/clike.js"></script> <script defer src="//dpidudyah7i0b.cloudfront.net/codemirror/mode/xml/xml.js"></script> <script defer src="//dpidudyah7i0b.cloudfront.net/codemirror/mode/javascript/javascript.js"></script> <script defer src="//dpidudyah7i0b.cloudfront.net/codemirror/mode/php/php.js"></script> <script defer src="//dpidudyah7i0b.cloudfront.net/codemirror/mode/perl/perl.js"></script> <script defer src="//dpidudyah7i0b.cloudfront.net/codemirror/mode/python/python.js"></script> <script defer src="//dpidudyah7i0b.cloudfront.net/codemirror/mode/go/go.js"></script> <script defer src="//dpidudyah7i0b.cloudfront.net/codemirror/mode/sql/sql.js"></script> <script defer src="//dpidudyah7i0b.cloudfront.net/codemirror/mode/ruby/ruby.js"></script> <script defer src="//dpidudyah7i0b.cloudfront.net/codemirror/mode/htmlmixed/htmlmixed.js"></script> <script defer src="//dpidudyah7i0b.cloudfront.net/codemirror/jsb/lib/beautify.js"></script> <script defer src="//dpidudyah7i0b.cloudfront.net/codemirror/jsb/lib/beautify-css.js"></script> <script defer src="//dpidudyah7i0b.cloudfront.net/codemirror/jsb/lib/beautify-html.js"></script> <script defer src="//dpidudyah7i0b.cloudfront.net/codemirror/jsb/test/sanitytest.js"></script> <script defer src="//dpidudyah7i0b.cloudfront.net/codemirror/jsb/test/beautify-tests.js"></script> <script defer src="//dpidudyah7i0b.cloudfront.net/codemirror/jsb/lib/unpackers/javascriptobfuscator_unpacker.js"></script> <script defer src="//dpidudyah7i0b.cloudfront.net/codemirror/jsb/lib/unpackers/urlencode_unpacker.js"></script> <script defer src="//dpidudyah7i0b.cloudfront.net/codemirror/jsb/lib/unpackers/p_a_c_k_e_r_unpacker.js"></script> <script defer src="//dpidudyah7i0b.cloudfront.net/codemirror/jsb/lib/unpackers/myobfuscate_unpacker.js"></script> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css" /> <script defer src="https://semantic-ui.com/javascript/library/highlight.min.js"></script> <style> .column center h2 { display:none; } .CodeMirror-fullscreen { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: auto; z-index: 9; } .CodeMirror { border: 1px solid #cccccc; height:500px; } /* .CodeMirror-empty { outline: 1px solid #c22; } */ .CodeMirror-empty.CodeMirror-focused { outline: none; } .CodeMirror pre.CodeMirror-placeholder { font-size: 2em; color: #999; } .CodeMirror-scroll {height: 100%; overflow-y: auto; overflow-x: auto;} </style> <h1>SQL Viewer, Formatter, Editor</h1> <div class="ui vertical segment " id="main-segment"> <div class="ui right rail ad-rail-right"> <div class="ui sticky"> <h3>Related Tools</h3> <div class="ui bulleted list"> <div class="item"> <a href="/perl-beautify">Perl Beautify</a> </div> <div class="item"> <a href="/php-beautify">Php Beautify</a> </div> <div class="item"> <a href="/python-beautify">Python Beautify</a> </div> <div class="item"> <a href="/ruby-beautify">Ruby Beautify</a> </div> <div class="item"> <a href="/xml-beautify">Xml Beautify</a> </div> </div> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8815422507798180" data-ad-slot="5700240528" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="ui left rail ad-rail-left"> <div class="ui sticky"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8815422507798180" data-ad-slot="5700240528" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <form> <div class="col-sm-12"> <div class="form-group"> <textarea class="form-control" name="code" id="code" rows="40" placeholder="Enter your SQL:" style="font-size: 10px;width:100%"></textarea> </div>   <br/> <a id="cap" href="javascript:beautify();" class="ui primary button listen">Format Code</a> </div> <h4>Options:</h4> <div class="ui form"> <div class="inline fields"> <div class="field"> <select name="tabsize" id="tabsize" class="ui select dropdown options"> <option value="1">Indent with a tab character</option> <option value="2">Indent with 2 spaces</option> <option value="3">Indent with 3 spaces</option> <option value="4">Indent with 4 spaces</option> <option value="8">Indent with 8 spaces</option> </select> </div> <div class="field"> <select name="max-preserve-newlines" id="max-preserve-newlines" class="ui select dropdown options"> <option value="-1">Remove all extra newlines</option> <option value="1">Allow 1 newline between tokens</option> <option value="2">Allow 2 newlines between tokens</option> <option value="5">Allow 5 newlines between tokens</option> <option value="10">Allow 10 newlines between tokens</option> <option value="0">Allow unlimited newlines between tokens</option> </select> </div> <div class="field"> <select name="wrap-line-length" id="wrap-line-length" class="ui select dropdown options"> <option value="0">Do not wrap lines</option> <option value="40">Wrap lines near 40 characters</option> <option value="70">Wrap lines near 70 characters</option> <option value="80">Wrap lines near 80 characters</option> <option value="110">Wrap lines near 110 characters</option> <option value="120">Wrap lines near 120 characters</option> <option value="160">Wrap lines near 160 characters</option> </select> </div> <div class="field"> <select id="brace-style" class="ui select dropdown options"> <option value="collapse">Braces with control statement</option> <option value="expand">Braces on own line</option> <option value="end-expand">End braces on own line</option> </select> </div> </div> <div class="field"> <h4>HTML <style>, <script> formatting:</h4> </div> <div class="field"> <select id="indent-scripts" class="ui select dropdown options"> <option value="keep">Keep indent level of the tag</option> <option value="normal">Add one indent level</option> <option value="separate">Separate indentation</option> </select> </div> <div class="field"> <div class="ui toggle checkbox"> <input type="checkbox" id="end-with-newline" /> <label>End script and style with newline?</label> </div> </div> <div class="field"> <div class="ui toggle checkbox"> <input type="checkbox" id="detect-packers" /> <label>Detect packers and obfuscators?</label> </div> </div> <div class="field"> <div class="ui toggle checkbox"> <input type="checkbox" id="keep-array-indentation" /> <label>Keep array indentation?</label> </div> </div> <div class="field"> <div class="ui toggle checkbox"> <input type="checkbox" id="break-chained-methods" /> <label>Break lines on chained methods?</label> </div> </div> <div class="field"> <div class="ui toggle checkbox"> <input type="checkbox" id="space-before-conditional" /> <label>Space before conditional: "if(x)" / "if (x)"</label> </div> </div> <div class="field"> <div class="ui toggle checkbox"> <input type="checkbox" id="unescape-strings" /> <label>Unescape printable chars encoded as \xNN or \uNNNN?</label> </div> </div> <div class="field"> <div class="ui toggle checkbox"> <input type="checkbox" id="jslint-happy" /> <label>Use JSLint-happy formatting tweaks?</label> </div> </div> </div> </form> </div> <script> var the = { use_codemirror: (!window.location.href.match(/without-codemirror/)), beautify_in_progress: false, editor: null // codemirror editor }; document.addEventListener('DOMContentLoaded', function(){ $(document).ready(function() { $('.ui.dropdown.options').dropdown(); $('.ui.checkbox').checkbox(); hljs.initHighlightingOnLoad(); }); }); function run_tests() { var st = new SanityTest(); run_beautifier_tests(st, Urlencoded, js_beautify, html_beautify, css_beautify); JavascriptObfuscator.run_tests(st); P_A_C_K_E_R.run_tests(st); Urlencoded.run_tests(st); MyObfuscate.run_tests(st); var results = st.results_raw() .replace(/&/g, '&') .replace(/</g, '<') .replace(/>/g, '>') .replace(/ /g, ' ') .replace(/\r/g, '路') .replace(/\n/g, '<br>'); $('#testresults').html(results).show(); } function any(a, b) { return a || b; } function unpacker_filter(source) { var trailing_comments = '', comment = '', unpacked = '', found = false; // cut trailing comments do { found = false; if (/^\s*\/\*/.test(source)) { found = true; comment = source.substr(0, source.indexOf('*/') + 2); source = source.substr(comment.length).replace(/^\s+/, ''); trailing_comments += comment + "\n"; } else if (/^\s*\/\//.test(source)) { found = true; comment = source.match(/^\s*\/\/.*/)[0]; source = source.substr(comment.length).replace(/^\s+/, ''); trailing_comments += comment + "\n"; } } while (found); var unpackers = [P_A_C_K_E_R, Urlencoded, /*JavascriptObfuscator,*/ MyObfuscate]; for (var i = 0; i < unpackers.length; i++) { if (unpackers[i].detect(source)) { unpacked = unpackers[i].unpack(source); if (unpacked != source) { source = unpacker_filter(unpacked); } } } return trailing_comments + source; } function read_settings_from_cookie() { $('#tabsize').val(any($.cookie('tabsize'), '4')); $('#brace-style').val(any($.cookie('brace-style'), 'collapse')); $('#detect-packers').prop('checked', $.cookie('detect-packers') !== 'off'); $('#max-preserve-newlines').val(any($.cookie('max-preserve-newlines'), '5')); $('#keep-array-indentation').prop('checked', $.cookie('keep-array-indentation') === 'on'); $('#break-chained-methods').prop('checked', $.cookie('break-chained-methods') === 'on'); $('#indent-scripts').val(any($.cookie('indent-scripts'), 'normal')); $('#space-before-conditional').prop('checked', $.cookie('space-before-conditional') !== 'off'); $('#wrap-line-length').val(any($.cookie('wrap-line-length'), '0')); $('#unescape-strings').prop('checked', $.cookie('unescape-strings') === 'on'); $('#jslint-happy').prop('checked', $.cookie('jslint-happy') === 'on'); $('#end-with-newline').prop('checked', $.cookie('end-with-newline') === 'on'); } function store_settings_to_cookie() { var opts = { expires: 360 }; $.cookie('tabsize', $('#tabsize').val(), opts); $.cookie('brace-style', $('#brace-style').val(), opts); $.cookie('detect-packers', $('#detect-packers').prop('checked') ? 'on' : 'off', opts); $.cookie('max-preserve-newlines', $('#max-preserve-newlines').val(), opts); $.cookie('keep-array-indentation', $('#keep-array-indentation').prop('checked') ? 'on' : 'off', opts); $.cookie('break-chained-methods', $('#break-chained-methods').prop('checked') ? 'on' : 'off', opts); $.cookie('space-before-conditional', $('#space-before-conditional').prop('checked') ? 'on' : 'off', opts); $.cookie('unescape-strings', $('#unescape-strings').prop('checked') ? 'on' : 'off', opts); $.cookie('jslint-happy', $('#jslint-happy').prop('checked') ? 'on' : 'off', opts); $.cookie('end-with-newline', $('#end-with-newline').prop('checked') ? 'on' : 'off', opts); $.cookie('wrap-line-length', $('#wrap-line-length').val(), opts); $.cookie('indent-scripts', $('#indent-scripts').val(), opts); } function beautify() { if (the.beautify_in_progress) return; store_settings_to_cookie(); the.beautify_in_progress = true; var source = the.editor ? the.editor.getValue() : $('#code').val(), output, opts = {}; opts.indent_size = $('#tabsize').val(); opts.indent_char = opts.indent_size == 1 ? '\t' : ' '; opts.max_preserve_newlines = $('#max-preserve-newlines').val(); opts.preserve_newlines = opts.max_preserve_newlines !== "-1"; opts.keep_array_indentation = $('#keep-array-indentation').prop('checked'); opts.break_chained_methods = $('#break-chained-methods').prop('checked'); opts.indent_scripts = $('#indent-scripts').val(); opts.brace_style = $('#brace-style').val(); opts.space_before_conditional = $('#space-before-conditional').prop('checked'); opts.unescape_strings = $('#unescape-strings').prop('checked'); opts.jslint_happy = $('#jslint-happy').prop('checked'); opts.end_with_newline = $('#end-with-newline').prop('checked'); opts.wrap_line_length = $('#wrap-line-length').val(); if (looks_like_html(source)) { output = html_beautify(source, opts); } else if (the.editor.options.mode == 'css') { output = css_beautify(source); } else { if ($('#detect-packers').prop('checked')) { source = unpacker_filter(source); } output = js_beautify(source, opts); } if (the.editor) { the.editor.setValue(output); } else { $('#code').val(output); } the.beautify_in_progress = false; } function looks_like_html(source) { // <foo> - looks like html //  - doesn't look like html var trimmed = source.replace(/^[ \t\n\r]+/, ''); var comment_mark = '<' + '!-' + '-'; return (trimmed && (trimmed.substring(0, 1) === '<' && trimmed.substring(0, 4) !== comment_mark)); } document.addEventListener('DOMContentLoaded', function(){ $(function () { read_settings_from_cookie(); $('select').change(beautify); }); }); </script> <div class="box"> <div class="box-content"> <p> Enter your messy, minified, or obfuscated SQL into the field above to have it cleaned up and made pretty. The editor above also contains helpful line numbers and syntax highlighting. There are many option to tailor the beautifier to your personal formatting tastes.</p> <h3>When do you use SQL Viewer, Formatter, Editor</h3> <p> Often when writing SQL your indentation, spacing, and other formatting can become a bit disorganized. It is also common for multiple developers to work on a single project who have different formatting techniques. 聽This tool is helpful for making the formatting of a file consistent. It is also common for SQL to be minified or obfuscated. You can use this tool to make that code look pretty and readable so it is easier to edit.</p> <h3>Examples</h3> <p> The minified SQL below: <pre><code></code></pre> <p> Becomes this beautified SQL: <pre><code></code></pre> </p> </div> </div> <script> document.addEventListener('DOMContentLoaded', function(){ $(function () { the.editor = CodeMirror.fromTextArea(document.getElementById("code"), { lineNumbers: true, mode: "text/x-mysql" }); function autoFormat(t) { CodeMirror.commands["selectAll"](editor); editor.autoFormatRange(editor.getCursor(true), editor.getCursor(false)); editor.setCursor(0); } }); }); </script> </div> <div style="margin-top:100px" class="ui inverted vertical footer segment"> <div class="ui center aligned container"> <div class="ui stackable inverted divided grid"> <div class="three wide column"> <h4 class="ui inverted header">DansTools.com</h4> <div class="ui inverted link list"> <a href="/contact.php" title="Contact" class="item">Contact</a> <a href="/about.php" title="About" class="item">About</a>  </div> </div>  </div> <div class="ui inverted section divider"></div> <div style="text-align: center;"> © 2014 - 2024 Dan's Tools </div> <div class="ui horizontal inverted small divided link list"> <a class="item" href="/contact.php">Contact Us</a> <a class="item" href="/privacy.php">Privacy Policy</a> </div> </div> </div> </div> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-55581850-1', 'auto', {'allowLinker': true}); ga('require', 'linker'); ga('linker:autoLink', ['danstools.com','unixtimestamp.com','url-encode-decode.com','cssfontstack.com','hexcolortool.com','htaccessredirect.net','jspretty.com','jsmini.com','jsobfuscate.com','md5hashgenerator.com','regexpal.com','regextester.com','cleancss.com','favicon-generator.org','website-performance.org','permissions-calculator.org','conversoes.org','convertissez.fr','convertitore.net','elconvertidor.com','files-conversion.com','henkan-muryo.com','konvertirung.org','konvertor.org','tahwil.net','zhuan-huan.com'] ); ga('send', 'pageview'); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script> <script async src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js" integrity="sha512-qTXRIMyZIFb8iQcfjXWCO8+M5Tbc38Qi5WzdPOYZHIlZpzBHG3L3by84BBBOiRGiEb7KKtAOAs5qYdUiZiQNNQ==" crossorigin="anonymous"></script> <script src="/js/fomantic-2.8.8.min.js"></script> <script src="/js/filter-table.js"></script> <script src="/js/footer.js"></script> <script async data-ad-client="ca-pub-8815422507798180" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <link rel="preload" href="/css/fomantic-2.8.8.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="/css/fomantic-2.8.8.min.css"></noscript> <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"></noscript> </body> </html>