

﻿@import"https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700,800";@import"https://fonts.googleapis.com/css?family=Merriweather:400,700,900";.green{color:#088a29}.yellow{color:#ff0}.orange{color:#f60}.red{color:red}.blue{color:#2199e8}.blue2{color:#fff;color:#000}body{font-family:"Open Sans",sans-serif;height:100%;font-size:15px}h1,h2,h3,h4,h5,h6{font-family:"Open Sans",sans-serif}a[href]{text-decoration:none}main{background:#fff}
main h1,main h2,main h3{color:#0e7397}main h4,main h5,main h6{color:#0e5c97}main pre{background:#f7f7f7;border-left:4px solid #14a9dd;padding:5px}ul{margin:0;padding:0}ul li{list-style:none}ul li a{color:#fff}button,.button{border-radius:4px;cursor:pointer}.sortable .header:after{cursor:pointer}.sortable .header:after{content:"";font-family:"fontawesome";font-size:100%;padding-left:3px;color:#ccc}.sortable .headerSortUp:after{content:"";color:#333}
.sortable .headerSortDown:after{content:"";color:#333}.reveal{border-color:#fff;border:none;border-radius:5px;box-shadow:0 0 3px rgba(0,0,0,.33);padding:0;padding-bottom:1ex}.reveal .reveal-title{background:#14a9dd;padding:.5ex 1ex;margin-bottom:.5rem;font-size:1.5rem;font-weight:400;color:#fff;border-radius:5px 5px 0 0;border:1px solid #14a9dd}.reveal h2{font-size:1.4rem;font-weight:400;color:#0e7397}.reveal h3{font-size:1.2rem;font-weight:400}span.input-file{padding-left:1ex}.has-tip{border-bottom:none;cursor:help}ul{margin:0;padding:0}ul li{list-style:none}.icon.small{width:20px;height:20px;vertical-align:-0.125rem}
.icon.small-16{width:16px;height:16px;vertical-align:0rem}.icon.small-20{width:20px;height:20px;vertical-align:-0.125rem}.icon.small-24{width:24px;height:24px;vertical-align:0rem}.icon.small-28{width:28px;height:28px;vertical-align:0rem}.icon.small-32{width:32px;height:32px;vertical-align:0rem}.icon.medium{vertical-align:-0.125rem}
@media screen and (min-width: 40em){.icon.medium-16{width:16px;height:16px;vertical-align:0rem}}
@media screen and (min-width: 40em){.icon.medium-20{width:20px;height:20px;vertical-align:-0.125rem}}
@media screen and (min-width: 40em){.icon.medium-24{width:24px;height:24px;vertical-align:0rem}}
@media screen and (min-width: 40em){.icon.medium-28{width:28px;height:28px;vertical-align:0rem}}
@media screen and (min-width: 40em){.icon.medium-32{width:32px;height:32px;vertical-align:0rem}}.icon.large{vertical-align:-0.125rem}
@media screen and (min-width: 64em){.icon.large-16{width:16px;height:16px;vertical-align:0rem}}
@media screen and (min-width: 64em){.icon.large-20{width:20px;height:20px;vertical-align:-0.125rem}}
@media screen and (min-width: 64em){.icon.large-24{width:24px;height:24px;vertical-align:0rem}}
@media screen and (min-width: 64em){.icon.large-28{width:28px;height:28px;vertical-align:0rem}}
@media screen and (min-width: 64em){.icon.large-32{width:32px;height:32px;vertical-align:0rem}}.icon{fill:currentcolor}.icon.priority-high{fill:#e50008}.icon.priority-medium{fill:#eb0}
.icon.priority-low{fill:#b7e000}.icon.none{fill:rgba(127,127,127,.1)}table tr td a .icon{margin-right:.25rem}table tr td a .icon.small{width:1rem;height:1rem}.header{padding:.5rem .01rem}.header .logo{box-shadow:0 8px 6px -6px #d7d2d2;padding:.5rem 1rem;text-align:left}.header .logo a{font-size:1.5rem;color:brown;font-weight:800;text-align:center}.aside-section h1{font-size:1.5rem;color:#5e5656;font-weight:600;text-align:center;position:relative;margin:0 0 .5rem;padding:10px 0 .25rem}.aside-section h4{font-size:1.15rem;color:#515b6e;font-weight:600;text-align:center;border-bottom:1px solid #bbb;margin:0 0 .5rem;padding:0 0 .45rem;text-align:center}.aside-section h4 span+span{display:block;font-style:italic}
main{margin:0 auto;padding:1rem 4rem 5rem}main .main-wrapper{display:flex;display:grid;grid-template-columns:repeat(5,1fr);text-align:center}main .main-wrapper ul li a{font-size:1rem;padding:1rem .3rem;display:inline-block;margin:.5rem 0 .15rem;width:200px;text-align:center;color:#fff;border:0;transition:all .4s ease-in;backface-visibility:hidden;-webkit-font-smoothing:antialiased}main .main-wrapper ul li a:hover{color:#fff;transform:scale(1.1)}main .main-wrapper>div{width:90%;margin:0 auto}main h2{font-size:1.5rem;color:#a8c632;font-weight:600;text-align:center;margin:0 0 .5rem}main h2 span{display:inline-block;padding:.5rem .75rem}main h3{font-size:1.2rem;border-bottom:1px solid #f3ebeb;padding:0 1rem;margin:1rem 0 .25rem}main .list+h2{margin-top:1.5rem}main .left h2{color:#fff}
main .left h3{color:#b3b3b3}main .left ul li a{background:linear-gradient(#a2ab58,#939b4e)}main .left h2{color:#a2ab58}main .left h3{color:#a2ab58}main .middle-left h2{color:#fff}main .middle-left h3{color:#b3b3b3}main .middle-left ul li a{background:linear-gradient(#3676a0,#30688d)}main .middle-left h2{color:#3676a0}main .middle-left h3{color:#3676a0}main .middle h2{color:#fff}
main .middle h3{color:#b3b3b3}main .middle ul li a{background:linear-gradient(#9e5d9e,#8e548e)}main .middle h2{color:#9e5d9e}main .middle h3{color:#9e5d9e}main .middle-right h2{color:#fff}main .middle-right h3{color:#b3b3b3}main .middle-right ul li a{background:linear-gradient(#ff8000,#e67300)}main .middle-right h2{color:#ff8000}main .middle-right h3{color:#ff8000}main .right h2{color:#fff}
main .right h3{color:#b3b3b3}main .right ul li a{background:linear-gradient(#c5391f,#af331c)}main .right h2{color:#c5391f}main .right h3{color:#c5391f}.footer{display:none;position:fixed;z-index:10;width:100%;bottom:0;left:0;padding:1.5rem 0;background:linear-gradient(#fff,#bbb8b8);border-top:1px solid #ddd;box-shadow:0 -1px 2px 0 rgba(0,0,0,.1),0 1px 0 0 rgba(0,0,0,.1)}.footer .footer-wrapper{position:relative;display:flex;display:grid;grid-template-columns:repeat(5,1fr);padding-left:7rem}.footer .footer-wrapper .btn-close{position:absolute;top:-1rem;right:2rem}.footer .footer-wrapper>div{flex:1}.footer .footer-wrapper .left h2{position:relative;color:#939b4e}.footer .footer-wrapper .left h2 span{text-transform:capitalize}
.footer .footer-wrapper .left h3{border-bottom:1px solid #bec58b;color:#939b4e}.footer .footer-wrapper .left h3:before{color:#a2ab58}.footer .footer-wrapper .left .list li:before{color:#a2ab58}.footer .footer-wrapper .middle-left h2{position:relative;color:#146aa3}.footer .footer-wrapper .middle-left h2 span{text-transform:capitalize}.footer .footer-wrapper .middle-left h3{border-bottom:1px solid #37a0e6;color:#146aa3}.footer .footer-wrapper .middle-left h3:before{color:#1779ba}.footer .footer-wrapper .middle-left .list li:before{color:#1779ba}.footer .footer-wrapper .middle h2{position:relative;color:#670067}.footer .footer-wrapper .middle h2 span{text-transform:capitalize}
.footer .footer-wrapper .middle h3{border-bottom:1px solid #cd00cd;color:#670067}.footer .footer-wrapper .middle h3:before{color:purple}.footer .footer-wrapper .middle .list li:before{color:purple}.footer .footer-wrapper .middle-right h2{position:relative;color:#e67300}.footer .footer-wrapper .middle-right h2 span{text-transform:capitalize}.footer .footer-wrapper .middle-right h3{border-bottom:1px solid #ffa64d;color:#e67300}.footer .footer-wrapper .middle-right h3:before{color:#ff8000}.footer .footer-wrapper .middle-right .list li:before{color:#ff8000}.footer .footer-wrapper .right h2{position:relative;color:#e03314}.footer .footer-wrapper .right h2 span{text-transform:capitalize}
.footer .footer-wrapper .right h3{border-bottom:1px solid #f17e69;color:#e03314}.footer .footer-wrapper .right h3:before{color:#eb4123}.footer .footer-wrapper .right .list li:before{color:#eb4123}.footer h2{position:relative;padding-left:0;font-size:1.2rem;text-transform:uppercase;position:relative;font-weight:600}.footer h2 svg{position:absolute;left:-30px}.footer h3{font-size:1.1rem;color:#232121;font-weight:400;text-align:center;width:60%;position:relative;margin:1rem 0 .1rem;padding:0;text-align:left}.footer h3 svg{position:absolute;left:-28px}.footer ul.list{padding-left:1rem}.footer ul.list li{position:relative}.footer ul.list li svg{position:absolute;top:8px;left:-20px;color:currentcolor;fill:currentcolor}
.footer ul.list li a{font-size:.95rem;display:block;color:#232121;padding:.5em 0 .1rem;line-height:1.3;font-weight:500}.footer li.conversion{color:purple}.footer ul.list+h2{margin-top:1.5rem}.footer .copyright-info{grid-column:1/4;-ms-grid-column:1;-ms-grid-column-span:3;text-align:center;color:#3a3328;margin-top:3rem}article.content{border:1px solid #cacaca;padding:1rem;border-radius:3px;margin:1rem}.display-section{grid-area:display-section;padding:1rem}.aside-section{grid-area:form-section;min-width:400px}footer{grid-area:footer-section}.grid{display:grid;display:-ms-grid;grid-template-columns:repeat(2,1fr);-ms-grid-columns:1fr;grid-auto-rows:minmax(100px,auto);grid-gap:.5em}.row{display:flex;margin-bottom:.5rem}
.container{display:flex;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-columns:500px;grid-auto-rows:minmax(400px,auto);grid-template-areas:"form-section result-section result-section display-section display-section" "footer-section footer-section footer-section footer-section   footer-section"}.result-section{grid-area:result-section;background:#fff;border-width:thin}.result-section .package h4{color:brown}.result-section .package ul li{font-size:1rem;color:gray;margin-bottom:.5rem}.result-section .package ul li span:first-child{display:inline-block;width:230px}.result-section .package ul li span.time{display:inline-block;width:80px}.result-section .package ul li a{background:linear-gradient(#f27532,#cf6227);padding:.15rem 1rem;display:inline-block;margin-left:.5rem;color:#fff;font-size:.85rem;outline:none;border:none}.result-section .package ul li a:hover{background:linear-gradient(#cf6227,#f27532);outline:none;border:none}.img-section{margin-top:0}.img-section h4{font-size:1.1rem;color:#fff;font-weight:400;text-align:center;margin:0;position:relative;animation:animateOpacity 1.5s linear}
.main-panel{padding-top:1rem;width:80%;margin:0 auto;font-family:"Source Sans Pro",sans-serif}.main-panel h3{margin-top:1rem;text-align:center;margin-bottom:1rem;color:#5e5656;font-family:"Source Sans Pro",sans-serif}.form{width:95%;margin:0 auto;box-shadow:0 8px 6px -6px #d7d2d2;margin-bottom:1rem;transition:.4s;padding:1.5rem 2rem;text-align:right;background:#f1f1f1}.form .left{width:60%;min-width:170px}.form .right{width:40%;max-width:200px;text-align:right;padding-left:1rem}.form h4{margin-bottom:1rem}.form .button{margin-bottom:.5rem}.form label{font-size:1rem;font-family:"Source Sans Pro",sans-serif;font-size:1rem;color:#515b6e;font-weight:600}.form label.selectInput{font-size:.8rem}.form .switch{margin-bottom:.5rem}
.form .switch label{color:#fff}.form input+label{font-size:1rem}.form input[type=radio]+label{margin-right:.5rem}.form .upload-section label{font-size:.8rem}.input-file.change-input-file-style{position:absolute;top:90%;left:0;white-space:nowrap;overflow:hidden;width:100%;text-overflow:ellipsis;-o-text-overflow:ellipsis}span.input-file{font-style:italic;position:relative;top:-5px;font-size:.8rem;display:block;color:gray}.conversion-form{color:gray;display:flex;flex-direction:column;border-left:7px solid purple;margin-top:0}.conversion-form h4{grid-column:1/3;-ms-grid-column:1;-ms-grid-column-span:2}.conversion-form input[type=text]{display:inline-block;width:100px;height:1.9rem}.conversion-form .full-width{grid-column:1/3;-ms-grid-column:1;-ms-grid-column-span:2}
.button{color:#fff;border-radius:0;transition:all .5s linear;padding:.65rem .5rem;border:0;background:#14679e;font-size:.8rem;color:#fff}.button:hover{background:#0e4971;color:#e6e6e6}.button.alert{background:#eb4123;font-size:.8rem;color:#fff}.button.alert:hover{background:#c92e12;color:#e6e6e6}.button.success{background:#3cb371;font-size:.8rem;color:#fff;color:#fff}.button.success:hover{background:#2f8d59;color:#e6e6e6}.btn-process{background:#cea500;font-size:.8rem;color:#fff;padding:.85em 1.6rem;text-transform:uppercase}.btn-process:hover{background:#9b7c00;color:#e6e6e6}.btn-arrow{display:inline-block;position:absolute;left:70%;font-size:30px;color:#cea500;margin-left:2rem;cursor:pointer;backface-visibility:hidden;transition:all .4s ease-in}.btn-arrow:hover{color:#9b7c00;transform:scale(1.1)}
.btn-close{color:#cea500;font-size:2rem;backface-visibility:hidden;transition:all .4s ease-in}.btn-close:hover{color:#9b7c00;transform:scale(1.2)}.fa-arrow-circle-down{display:inline-block;position:absolute;left:70%;font-size:30px;color:#cea500;margin-left:2rem;cursor:pointer}.fa-arrow-circle-down:hover{transform:rotate(360deg)}.switch-paddle{background:#3676a0;font-size:.8rem;color:#fff}.switch-paddle:hover{background:#295a7a;color:#e6e6e6}table{border:20px solid #f8f9fa}table thead tr th{padding:1rem;color:#fff;border:1px solid #f1f3f5;font-weight:700;color:gray;background:#fff}table tbody tr td{background:#fff;border:1px solid #f1f3f5;padding:1rem;color:gray}.psml-content{background:#fff;padding:32px 40px;min-height:400px;font-size:15px;line-height:140%;box-shadow:0 1px 3px rgba(0,0,0,.33);margin-bottom:5px}
.psml-content .psml-properties{width:80%}.psml-content .psml-properties th{border:1px solid #6d6e70;background:#6d6e70;color:#fff;padding:2px 4px;width:30%;text-align:left;border-bottom:1px solid #fff}.psml-content .psml-properties tr:last-child th{border-bottom:1px solid #6d6e70}.psml-content .psml-properties td{border:1px solid #6d6e70;width:70%;padding:2px 4px}.psml-content table{margin:10px 0;border-collapse:collapse}.psml-content thead th{background:#0e7397;padding:2px 4px;color:#fff}.psml-content tfoot td{padding:2px 4px}.psml-content td,.psml-content th{border:1px solid #fff;padding:4px}.psml-content td{background:#eee}.psml-content th{background:#21b5ea}
.psml-content caption{color:#0e7397;font-style:italic;font-size:80%}.psml-content .indent-1{margin-left:3em}.psml-content .indent-2{margin-left:6em}.psml-content .indent-3{margin-left:9em}.psml-content .indent-4{margin-left:9em}.psml-content p[data-prefix]:before{content:attr(data-prefix);margin-left:-3em;float:left;color:#000}.psml-content pre{border:1px solid #ddd;border-left:4px solid #ddd;background:#eee;padding:4px;font-size:13px;line-height:110%}.psml-content .edit{float:right;clear:both;color:#ccc}.psml-content .edit:hover{color:#e16400}.psml-content #title h1{margin-top:0}
.psml-content aside{margin-top:2rem}.psml-content .label-warning{background:#e16400;padding:10px;color:#fff}.psml-content .label-note{background:#00abba;padding:10px;color:#fff}.psml-content .label-warning a,.psml-content .label-warning a:hover,.psml-content .label-note a,.psml-content .label-note a:hover{color:#fff;text-decoration:none}.psml-content .label-warning a,.psml-content .label-note a{border-bottom:1px dotted #fff}.psml-content .label-warning a:hover,.psml-content .label-note a:hover{border-bottom:1px solid #fff}.psml-content .unresolved{background:#f54;color:#fff;text-align:center;padding:1ex}
