.row>div{float:left;margin:0 10px}@media only screen and (min-width: 1280px){.row{width:1280px;margin:10px auto}.w-1{width:80px}.w-2{width:186px}.w-3{width:292px}.w-4{width:399px}.w-5{width:505px}.w-6{width:612px}.w-7{width:719px}.w-8{width:825px}.w-9{width:931px}.w-10{width:1037px}.w-11{width:1144px}.w-12{width:1250px}}@media only screen and (min-width: 980px) and (max-width: 1280px){.row{width:960px;margin:10px auto}.w-1{width:60px}.w-2{width:140px}.w-3{width:220px}.w-4{width:300px}.w-5{width:380px}.w-6{width:460px}.w-7{width:540px}.w-8{width:620px}.w-9{width:700px}.w-10{width:780px}.w-11{width:860px}.w-12{width:940px}}@media only screen and (min-width: 500px) and (max-width: 980px){.row{width:100%}.row>div{margin:0 0.5%}.w-1{width:7.3%}.w-2{width:15.6%}.w-3{width:24%}.w-4{width:32.3%}.w-5{width:40.6%}.w-6{width:49%}.w-7{width:57.3%}.w-8{width:65.6%}.w-9{width:74%}.w-10{width:82.3%}.w-11{width:90.6%}.w-12{width:99%}}.red{background-color:#F34213}button.red :hover{background-color:#FC6B45}.red-card>.name{color:#F34213}.red-card>.connexion>.address>.field{border-color:#F34213}.red-card>.connexion>.socket-status>.buttons>.filled{color:white;border:none;-moz-background-image:-moz-linear-gradient(left, #FB772A 0%, #F34213 100%);-webkit-background-image:-webkit-linear-gradient(left, #FB772A 0%, #F34213 100%);background-image:linear-gradient(to right, #FB772A 0%, #F34213 100%);background-image-slice:1}.red-card>.connexion>.socket-status>.buttons>.not-filled{color:#F34213;border:1px solid transparent;background-color:#FAFAFA;-moz-border-image:-moz-linear-gradient(top left, #FB772A 0%, #F34213 100%);-webkit-border-image:-webkit-linear-gradient(top left, #FB772A 0%, #F34213 100%);border-image:linear-gradient(to bottom right, #FB772A 0%, #F34213 100%);border-image-slice:1}.red-card>.connexion>.socket-status>.use-tls>div>div>.tls-checkbox>input[type=checkbox]:checked+label:after{border-color:#F34213}.red-card>.message button{color:#F34213}.red-card .ace_gutter{color:#F34213 !important}.blue{background-color:#00D6FF}button.blue :hover{background-color:#2EDBFC}.blue-card>.name{color:#00D6FF}.blue-card>.connexion>.address>.field{border-color:#00D6FF}.blue-card>.connexion>.socket-status>.buttons>.filled{color:white;border:none;-moz-background-image:-moz-linear-gradient(left, #2EDBFC 0%, #00D6FF 100%);-webkit-background-image:-webkit-linear-gradient(left, #2EDBFC 0%, #00D6FF 100%);background-image:linear-gradient(to right, #2EDBFC 0%, #00D6FF 100%);background-image-slice:1}.blue-card>.connexion>.socket-status>.buttons>.not-filled{color:#00D6FF;border:1px solid transparent;background-color:#FAFAFA;-moz-border-image:-moz-linear-gradient(top left, #2EDBFC 0%, #00D6FF 100%);-webkit-border-image:-webkit-linear-gradient(top left, #2EDBFC 0%, #00D6FF 100%);border-image:linear-gradient(to bottom right, #2EDBFC 0%, #00D6FF 100%);border-image-slice:1}.blue-card>.connexion>.socket-status>.use-tls>div>div>.tls-checkbox>input[type=checkbox]:checked+label:after{border-color:#00D6FF}.blue-card>.message button{color:#00D6FF}.blue-card .ace_gutter{color:#00D6FF !important}.orange{background-color:#FB8B24}button.orange :hover{background-color:#FFA34E}.orange-card>.name{color:#FB8B24}.orange-card>.connexion>.address>.field{border-color:#FB8B24}.orange-card>.connexion>.socket-status>.buttons>.filled{color:white;border:none;-moz-background-image:-moz-linear-gradient(left, #FFA34E 0%, #FB8B24 100%);-webkit-background-image:-webkit-linear-gradient(left, #FFA34E 0%, #FB8B24 100%);background-image:linear-gradient(to right, #FFA34E 0%, #FB8B24 100%);background-image-slice:1}.orange-card>.connexion>.socket-status>.buttons>.not-filled{color:#FB8B24;border:1px solid transparent;background-color:#FAFAFA;-moz-border-image:-moz-linear-gradient(top left, #FFA34E 0%, #FB8B24 100%);-webkit-border-image:-webkit-linear-gradient(top left, #FFA34E 0%, #FB8B24 100%);border-image:linear-gradient(to bottom right, #FFA34E 0%, #FB8B24 100%);border-image-slice:1}.orange-card>.connexion>.socket-status>.use-tls>div>div>.tls-checkbox>input[type=checkbox]:checked+label:after{border-color:#FB8B24}.orange-card>.message button{color:#FB8B24}.orange-card .ace_gutter{color:#FB8B24 !important}.green{background-color:#1D7874}button.green :hover{background-color:#58A09D}.green-card>.name{color:#1D7874}.green-card>.connexion>.address>.field{border-color:#1D7874}.green-card>.connexion>.socket-status>.buttons>.filled{color:white;border:none;-moz-background-image:-moz-linear-gradient(left, #58A09D 0%, #1D7874 100%);-webkit-background-image:-webkit-linear-gradient(left, #58A09D 0%, #1D7874 100%);background-image:linear-gradient(to right, #58A09D 0%, #1D7874 100%);background-image-slice:1}.green-card>.connexion>.socket-status>.buttons>.not-filled{color:#1D7874;border:1px solid transparent;background-color:#FAFAFA;-moz-border-image:-moz-linear-gradient(top left, #58A09D 0%, #1D7874 100%);-webkit-border-image:-webkit-linear-gradient(top left, #58A09D 0%, #1D7874 100%);border-image:linear-gradient(to bottom right, #58A09D 0%, #1D7874 100%);border-image-slice:1}.green-card>.connexion>.socket-status>.use-tls>div>div>.tls-checkbox>input[type=checkbox]:checked+label:after{border-color:#1D7874}.green-card>.message button{color:#1D7874}.green-card .ace_gutter{color:#1D7874 !important}.purple{background-color:#CB48B7}button.purple :hover{background-color:#DD6ECC}.purple-card>.name{color:#CB48B7}.purple-card>.connexion>.address>.field{border-color:#CB48B7}.purple-card>.connexion>.socket-status>.buttons>.filled{color:white;border:none;-moz-background-image:-moz-linear-gradient(left, #DD6ECC 0%, #CB48B7 100%);-webkit-background-image:-webkit-linear-gradient(left, #DD6ECC 0%, #CB48B7 100%);background-image:linear-gradient(to right, #DD6ECC 0%, #CB48B7 100%);background-image-slice:1}.purple-card>.connexion>.socket-status>.buttons>.not-filled{color:#CB48B7;border:1px solid transparent;background-color:#FAFAFA;-moz-border-image:-moz-linear-gradient(top left, #DD6ECC 0%, #CB48B7 100%);-webkit-border-image:-webkit-linear-gradient(top left, #DD6ECC 0%, #CB48B7 100%);border-image:linear-gradient(to bottom right, #DD6ECC 0%, #CB48B7 100%);border-image-slice:1}.purple-card>.connexion>.socket-status>.use-tls>div>div>.tls-checkbox>input[type=checkbox]:checked+label:after{border-color:#CB48B7}.purple-card>.message button{color:#CB48B7}.purple-card .ace_gutter{color:#CB48B7 !important}.dark-grey{background-color:#6E6E6E}button.dark-grey :hover{background-color:#9B9B9B}.dark-grey-card>.name{color:#6E6E6E}.dark-grey-card>.connexion>.address>.field{border-color:#6E6E6E}.dark-grey-card>.connexion>.socket-status>.buttons>.filled{color:white;border:none;-moz-background-image:-moz-linear-gradient(left, #9B9B9B 0%, #6E6E6E 100%);-webkit-background-image:-webkit-linear-gradient(left, #9B9B9B 0%, #6E6E6E 100%);background-image:linear-gradient(to right, #9B9B9B 0%, #6E6E6E 100%);background-image-slice:1}.dark-grey-card>.connexion>.socket-status>.buttons>.not-filled{color:#6E6E6E;border:1px solid transparent;background-color:#FAFAFA;-moz-border-image:-moz-linear-gradient(top left, #9B9B9B 0%, #6E6E6E 100%);-webkit-border-image:-webkit-linear-gradient(top left, #9B9B9B 0%, #6E6E6E 100%);border-image:linear-gradient(to bottom right, #9B9B9B 0%, #6E6E6E 100%);border-image-slice:1}.dark-grey-card>.connexion>.socket-status>.use-tls>div>div>.tls-checkbox>input[type=checkbox]:checked+label:after{border-color:#6E6E6E}.dark-grey-card>.message button{color:#6E6E6E}.dark-grey-card .ace_gutter{color:#6E6E6E !important}.valign{position:relative;transform:translateY(50%)}.flex-space-between{display:flex;justify-content:space-between}.add-button{width:calc(100% - 20px);padding-top:calc(100% - 23px);position:relative;margin-top:33px;border:none}.add-button>.text{position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;color:white;font-size:50px;font-family:phosphate;text-transform:uppercase}button.add-button:hover{cursor:pointer}.add-button:focus{outline:0}.socket-card{width:calc(100% - 50px);padding-left:15px;padding-right:15px;padding-bottom:5px;margin-top:33px;margin-bottom:20px;background-color:#FAFAFA}.socket-card>.name{font-weight:700;font-size:48px;position:relative;top:-33px}.socket-card>.name>.delete-button{display:block;float:right}.socket-card>.name>.delete-button:hover{cursor:pointer !important}.socket-card>.close-button{font-weight:700;font-size:18px;height:0px}.socket-card>.connexion{display:flex;justify-content:space-between;margin-top:-40px;margin-bottom:5px}.socket-card>.connexion>.address{display:inline-block;margin-top:21px;margin-left:10px;width:calc(100% - 202px);margin-right:10px}.socket-card>.connexion>.address>.subprotocol{display:inline-block;width:calc(59% - 10px)}.socket-card>.connexion>.address>.subprotocol>.label{font-weight:300;font-size:12px;color:#212130;margin-top:5px}.socket-card>.connexion>.address>.subprotocol>.sub-protocol-label{margin-top:5px}.socket-card>.connexion>.address>.subprotocol>.field-subprotocol{font-size:14px;margin-top:2px;border-bottom-width:1px;border-color:#9B9B9B}.socket-card>.connexion>.address>.language-selection{display:inline-block;width:40%;margin-left:10px}.socket-card>.connexion>.address>.language-selection>select{width:100%}.socket-card>.connexion>.address input{width:100%;color:#212130;background-color:#FAFAFA;border:none;margin-bottom:2px;border-bottom-style:solid}.socket-card>.connexion>.address>.field{font-size:18px;border-bottom-width:2px}.socket-card>.connexion>.address input:focus{outline:0;margin-bottom:6px}.socket-card>.connexion>.socket-status{display:inline-block}.socket-card>.connexion>.socket-status>.status{font-size:16px;margin-bottom:15px;font-weight:300}.socket-card>.connexion>.socket-status>.status>.value{font-weight:700}.socket-card>.connexion>.socket-status>.buttons{display:flex;justify-content:space-between;align-items:flex-start}.socket-card>.connexion>.socket-status>.buttons button{width:96px;height:36px;padding:0;border-width:1px;border-style:solid;margin:0px 2.5px;font-size:10px;font-family:Montserrat;font-weight:400;text-transform:uppercase}.socket-card>.connexion>.socket-status>.buttons button:disabled{box-shadow:none !important;color:#9B9B9B;border-image:none;border:1px solid #9B9B9B;cursor:default !important}.socket-card>.connexion>.socket-status>.buttons button:hover{cursor:pointer;box-shadow:0px 2px 4px rgba(0,0,0,0.5)}.socket-card>.connexion>.socket-status>.buttons button:focus{outline:0}.socket-card>.connexion>.socket-status>.use-tls{width:100%;height:40px;display:flex;flex-direction:column;justify-content:flex-end;padding-left:12px}.socket-card>.connexion>.socket-status>.use-tls>div>div{padding-bottom:2px}.socket-card>.connexion>.socket-status>.use-tls>div>div>.tls-checkbox{display:inline-block;width:18px;position:relative}.socket-card>.connexion>.socket-status>.use-tls>div>div>.tls-checkbox>label{width:100%;height:100%;cursor:pointer;position:absolute;top:0px;left:0px;background:#eee;border:1px solid #ddd}.socket-card>.connexion>.socket-status>.use-tls>div>div>.tls-checkbox>label:after{opacity:0.1;content:'';position:absolute;width:9px;height:5px;background:transparent;top:4px;left:3px;border:3px solid #333;border-top:none;border-right:none;transform:rotate(-45deg)}.socket-card>.connexion>.socket-status>.use-tls>div>div>.tls-checkbox>label:hover::after{opacity:0.5}.socket-card>.connexion>.socket-status>.use-tls>div>div>.tls-checkbox>input[type=checkbox]:checked+label:after{opacity:1}.socket-card>.connexion>.socket-status>.use-tls>div>div>.checkbox-label{font-weight:400;font-size:14px}.socket-card>.message{margin:15px 0px;width:49%;display:inline-block}.socket-card>.message>.flex-space-between{margin-left:12px}.socket-card>.message button{font-family:Montserrat;font-weight:400;font-size:9px;text-transform:uppercase;border:none;background-color:transparent}.socket-card>.message button:disabled{color:#9B9B9B}.socket-card>.message button.clear-button{color:#6E6E6E}.socket-card>.message button:hover{cursor:pointer}.socket-card>.message button:focus{outline:0}.socket-card>.message p.message-label{font-size:22px;font-weight:500;color:#4A4A4A;display:inline-block;margin:0;z-index:10;position:relative;-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.socket-card>.message p.message-label-1{top:286px;left:-36px}.socket-card>.message p.message-label-2{top:278px;left:-44px}.socket-card>.message .editor{margin-left:17px;margin-top:-28px;border:1px solid #E4E4E4;background-color:white;width:94%;height:345px;z-index:0}@media only screen and (max-width: 800px){.socket-card>.connexion{flex-direction:column;margin-top:-50px}.socket-card>.connexion>.address{margin-left:0px}.socket-card>.connexion>.socket-status{margin-top:15px}.socket-card>.connexion>.socket-status>.buttons{display:block}.socket-card>.message{width:100%}.socket-card>.message p.message-label-1{top:186px;left:-36px}.socket-card>.message p.message-label-2{top:178px;left:-44px}.socket-card>.message .editor{height:245px}}.modal{position:absolute;top:0;left:0;z-index:100;width:740px;padding:10px 30px;margin-left:calc((100vw - 800px)/2);margin-top:50px;margin-bottom:50px;background-color:#FAFAFA;border-radius:6px}.modal>h1{font-size:50px;color:#212130;margin:20px 0px}.modal>h3{margin-top:-20px;font-weight:400;color:#6E6E6E}.modal>h3>a{font-weight:500;color:#6E6E6E;text-decoration:none}.modal>h3>a:focus{outline:0}.modal>#saveNewMessagingManagerButton{position:absolute;top:30px;left:660px;width:96px;height:36px;padding:0;border-width:1px;border-style:solid;margin:0px 2.5px;font-size:12px;font-family:Montserrat;font-weight:400;text-transform:uppercase;color:#e5127d;border:1px solid transparent;background-color:#FAFAFA;-moz-border-image:-moz-linear-gradient(top left, #f7c626 10%, #f68c2f 40%, #e5127d 85%);-webkit-border-image:-webkit-linear-gradient(top left, #f7c626 10%, #f68c2f 40%, #e5127d 85%);border-image:linear-gradient(to bottom right, #f7c626 10%, #f68c2f 40%, #e5127d 85%);border-image-slice:1}.modal>#saveNewMessagingManagerButton:hover{cursor:pointer;box-shadow:0px 1px 2px rgba(0,0,0,0.5);color:white;border:none;-moz-background-image:-moz-linear-gradient(top left, #f7c626 10%, #f68c2f 40%, #e5127d 85%);-webkit-background-image:-webkit-linear-gradient(top left, #f7c626 10%, #f68c2f 40%, #e5127d 85%);background-image:linear-gradient(to bottom right, #f7c626 10%, #f68c2f 40%, #e5127d 85%);background-image-slice:1}.modal>#saveNewMessagingManagerButton:focus{outline:0}.modal>form>.text-field{display:inline-block;width:calc(49% - 30px);margin-right:30px}.modal>form>.text-field>input{font-size:16px;color:#212130;background-color:#FAFAFA;border:none;border-bottom:1px solid #e5127d;margin-bottom:2px;width:100%}.modal>form>.text-field>input:focus{outline:0}.modal>form>div{margin-top:15px}.modal>form>div>label{font-weight:300;font-size:14px;color:#212130;width:100%}.modal>form>div>.editor{border:1px solid #E4E4E4;background-color:white;width:100%;height:180px;margin-top:5px}.modal>.inputfile{margin:30px 0;text-align:center}.modal>.inputfile>input{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.modal>.inputfile>label{padding:9px 18px;border-width:1px;border-style:solid;margin:0px 2.5px;font-size:12px;font-family:Montserrat;font-weight:400;text-transform:uppercase;color:#e5127d;border:1px solid transparent;background-color:#FAFAFA;-moz-border-image:-moz-linear-gradient(top left, #f7c626 10%, #f68c2f 40%, #e5127d 85%);-webkit-border-image:-webkit-linear-gradient(top left, #f7c626 10%, #f68c2f 40%, #e5127d 85%);border-image:linear-gradient(to bottom right, #f7c626 10%, #f68c2f 40%, #e5127d 85%);border-image-slice:1}.modal>.inputfile>label>svg{width:20px;height:20px;fill:#e5127d;vertical-align:middle;margin-right:8px}.modal>.inputfile>label:hover{cursor:pointer;box-shadow:0px 1px 2px rgba(0,0,0,0.5);color:white;border:none;-moz-background-image:-moz-linear-gradient(top left, #f7c626 10%, #f68c2f 40%, #e5127d 85%);-webkit-background-image:-webkit-linear-gradient(top left, #f7c626 10%, #f68c2f 40%, #e5127d 85%);background-image:linear-gradient(to bottom right, #f7c626 10%, #f68c2f 40%, #e5127d 85%);background-image-slice:1}.modal>.inputfile>label:hover>svg{fill:white}.modal-background{z-index:99;width:100vw;height:100vh;position:fixed;overflow-y:scroll;top:0;left:0;background-color:rgba(30,30,30,0.6)}.hide{display:none !important}body{background-color:#212130;font-family:Montserrat}.title{font-size:72px;color:white;margin-bottom:34px !important}.title>#websocket-title{color:#00D6FF;font-family:'Abril Fatface'}.blur>.flex-wrap,.blur .title{-webkit-filter:blur(4px);-moz-filter:blur(4px);-o-filter:blur(4px);-ms-filter:blur(4px);filter:blur(4px)}#buttons,#cards{display:inline-block}.flex-wrap{display:flex;flex-wrap:wrap;justify-content:space-between}#github-link{position:absolute;top:15px;right:15px}#github-link>img{width:32px}@media only screen and (min-width: 580px) and (max-width: 980px){.title{font-size:54px}}@media only screen and (max-width: 600px){.title{font-size:40px}}@font-face{font-family:phosphate;src:url(fonts/Phosphate.ttf);font-weight:solid}